@charset "utf-8";
/* Responsive CSS */

@media (max-width: 1600px) {
.container { width:1170px; }



#nav > ul > li { padding:0 12px 24px; }
#nav > ul > li > a { font-size:17px; }

.blogbox .blog_cap { padding:0 20px; }
.proj_blogbox .proj_cap { padding:65px 63px 40px 35px; }
#copyright .partner ul li { margin:0 25px; }
.news_box .desc { padding:30px 25px; }

#vacancies_single .vacancies_right_box { padding:40px 32px 10px; }
#vacancies_single .vacancies_right_box.vacancies_right_box_2 { padding:40px 25px 35px; }
#vacancies_single .vacancies_left { padding:40px 25px; }

.book_slider { padding:0 110px; }
.swiper-button-prev { left:0; }
.swiper-button-next { right:0; }
.book_list { padding:0 110px }

.image_details_box .desc { padding-left:66px; }
.image_details_box_2 .desc { padding:20px 40px; }

.image_details_box_3 .desc { padding-left:70px; }

.cate_box .desc { padding:25px 30px; }

.general_info { padding:40px 30px 15px; }
.creterium_activity { padding:30px 30px 5px; }
.creterium_activity h2 { font-size:28px; }
.meating_box ul li a {  font-size: 14px; }

.competitions_slider { padding: 0 80px;  }
.competitions_slider .swiper-button-prev { left: 0;  }
.competitions_slider .swiper-button-next { right: 0;  }
.competitions_box h2 { padding: 20px 10px; font-size: 30px; }

.book_box .book_box_inn { padding:32px 55px; }

.proj_list .blogbox { height:664px !important; }

.activities_area ul { padding-left:0; }

.proj_block .img img { height:260px; }
.proj_block_2 img { height: 376px !important; }

.news_box .img img { height:260px; }
	
}


@media (max-width: 1200px) {
.container { width:970px; }

h1, .heading-1 { font-size:44px; }
h2, .heading-2 {    font-size: 33px; }

#header .logo { width:150px; }

#nav > ul > li { padding:0 8px 24px; }
#nav > ul > li > a { font-size:16px; }
#topbar ul li { padding:0 15px; }  
#topbar ul { margin-right:30px; }

#home_banner .capbox { width:440px; }
#home_banner .magaginbox_1 { width:440px; }
.magaginbox_1 { padding:30px 20px; }
#home_banner .capbox .btn { width:190px; }
#home_banner .capbox { padding:50px 20px; }

.proj_blogbox .proj_cap { padding:45px 45px 40px 15px; }
.blogbox .volunteer_cap { padding: 68px 15px 34px 15px;} 

.blog_img_descbox .desc { padding:35px 35px; }

#copyright .partner h3 { margin-right:20px; }
#copyright .partner ul li { margin:0 15px; }

.vacancie_box { padding:30px 25px; }
#topbar .topbar_inn:after { left:15px; }

#vacancies_single .vacancies_right_box { padding:30px 15px 10px; }
#vacancies_single .vacancies_right_box.vacancies_right_box_2 { padding:30px 15px 20px; }
#vacancies_single .vacancies_left { padding:30px 15px; }

.book_slider { padding:0 80px; }
.book_list { padding:0 80px }
.book_box .book_box_inn { padding:30px; }

.image_details_box .desc { padding-left:40px; }
.image_details_box_2 .desc { padding:20px 30px; }

.image_details_box_3 .desc { padding-left:40px; }

.cont_right { padding: 248px 54px 72px 54px; }
.leftbar { padding:48px 30px 40px; }
.cate_box .desc { padding:25px; }

.general_info { padding:40px 20px 15px; }
.creterium_activity { padding:30px 20px 5px; }
.creterium_activity h2 { font-size:22px; padding-bottom:25px; margin-bottom:25px; }
.general_info h2 { padding-bottom:25px; margin-bottom:25px; }
.general_info ul li { padding-bottom:23px; margin-bottom:23px; }
.competitions_box h2 { font-size:26px; }

.area_box { padding:40px 30px; }

.proj_list .blogbox { height:594px !important; }
.proj_block .desc { padding:45px 30px; }

.competitions_list form { width:200px; }

}


@media (max-width: 992px) {
.container { width:750px; padding:0 15px; }

body { font-size:14px; }
h1, .heading-1 { font-size:38px; }
h2, .heading-2 { font-size:32px; }
h3, .heading-3 { font-size:20px; }
h4, .heading-4 { font-size:16px; }


#header .logo {width: 100px;}

#nav > ul > li {padding: 0 7px 15px;}
#nav > ul > li > a {font-size: 12px;}
#topbar { top:25px; }
#topbar ul {margin-right: 20px;}
#topbar ul li {padding: 0 10px;}   
#topbar ul li a { font-size:12px; }  
#topbar .login .login_link { font-size:12px; }
#header .searbox { margin-left:10px; }
#header .head_right { padding-top:70px; }

#home_banner .capbox { padding:30px 15px; width:340px; }
#home_banner .magaginbox_1 { width:340px; }
#home_banner .capbox .btn { width:147px; font-size:14px; padding:15px 15px; }
.magaginbox_1 .btn {     font-size: 14px;    padding: 10px 15px; }
#home_banner { padding-top:200px; }

.news_box .desc { padding:15px 12px; }

.blogbox { height:250px !important; }
.blogbox.height_double { height:524px !important; }
.blogbox .activation_box_cap { width:187px; height:183px; background-size:100% !important; }

.club_blogbox .blogbox_inn { padding:54px 20px 54px 130px; }
.club_blogbox .blogbox_inn:after { width:100px; height:100px; left:20px; }
.proj_blogbox .proj_cap {padding: 25px 40px 10px 15px;background-size: 130% auto;right:0;height: 205px;}
.proj_blogbox .proj_cap p { font-size:12px; margin-bottom:10px; }
.proj_blogbox .proj_cap h2 { margin-bottom:5px; }
.blog_img_descbox .desc { padding:15px; }

.blogbox .heading-1 { font-size:33px; }
.blogbox .volunteer_cap {    padding: 28px 10px 20px 10px;    background-size: 108% auto; }
#footer .block { padding-right:10px; }
#footer .newsletter input[type="submit"] { padding:15px 10px; font-size:14px; }
#footer .footer_top .btn { min-width:180px; }
#copyright .partner h3 { margin-right:10px; }
#copyright .partner ul li { margin:0 10px; }

.vacancie_box { padding:25px 20px; }

#topbar .topbar_inn { padding-bottom:10px; }
#topbar .topbar_inn:after { left:10px; }

#vacancies_single .apply_btn { width:224px; }

.book_slider { padding:0 50px; }
.book_list { padding:0 50px }
.book_box .book_box_inn { padding:30px 15px; }
.swiper-button-prev, .swiper-button-next  { width:40px; height:40px; margin-top:-20px; background-size:10px auto !important; }
.book_box p { font-size:13px; }

.image_details_box .desc { padding-left:20px; }
.image_details_box_2 .desc { padding:20px 20px; }

.image_details_box_3 .desc { padding-left:20px; }
.cont_right { padding:200px 24px 72px 24px; }
.cont_right .heading-1 {     width: 224px;    height: 219px; }

.leftbar { padding:40px 20px; }
.cate_box .desc { padding:20px; }


#activites_single .activites_left { padding:30px 20px; }
.general_info { padding:30px 15px 15px; }
.creterium_activity { padding:30px 15px 5px; }
.creterium_activity h2 { font-size:18px; padding-bottom:20px; margin-bottom:20px; }
.creterium_activity h2 img { margin-right:5px; width:30px; }
.general_info h2 { padding-bottom:20px; margin-bottom:20px; font-size:29px; }
.general_info ul li { padding-bottom:20px; margin-bottom:20px; }

.competitions_slider { padding:0 50px; }
.competitions_box h2 { font-size:19px; }
.image_details_box .btns .btn { padding:15px 40px; }

.meating_box ul { display:block; }
.meating_box ul li { width:100%; }
.area_box { padding:20px; }
.area_box h2 { font-size:32px; }

.downloadbtn_list li { width:33.33%; }

.proj_list .blogbox { height:594px !important; }
.proj_block .desc { padding:45px 30px; }
#projects .blogbox.height_double { height:474px !important; }
.proj_block .desc { padding:30px 20px; }

.activities_area { padding:20px 20px; }

.competitions_list form { position:static; width:auto; }

}


@media (max-width: 767px) {
.container { width:100%; }

body { font-size:14px; }
h1, .h1 { font-size:36px; }
h2, .h2 { font-size:30px; }
textarea { height:150px; }

blockquote { padding:150px 20px 50px 20px; background-image:url(../images/quote-bg-mobile.png); font-size:30px; }
blockquote:before { margin:0 0 10px; }
blockquote:after { top:25px; left:auto; right:20px; width:118px; height:118px; }

.alignnone, .alignleft, .alignright { display:block; float:none; margin:0 auto 30px; }

.typography ul, .typography ol { padding-left:15px; }

.typography div.gallery .gallery-item { width:50% !important; }

.wpforms-form .wpforms-field { width:100% !important; margin-left:0 !important; margin-right:0 !important; }
.wpforms-form .wpforms-field-html { text-align:center; }
.wpforms-form .wpforms-submit-container { text-align:center; }


#menubtn { display:block; }
#topbar { display:none; }
#header  { padding:20px 0; }
#header .head_right { display:none; }
#header .logo { width:95px; padding:0; }
.menubox_open { overflow:hidden; }

#mobile_menu .mob_nav ul li.menu-item-has-children > a .dropdown_icon {display:inline-block;vertical-align:top;float:right;background: url(../images/dropdown_arr_white.svg) no-repeat right center;width:18px;height:32px;font-size:0;margin: 0;padding:0;position: absolute;top: 0;right: 20px;}

.table_box { overflow: auto; }
table {     width: 650px;  }
table tr td:first-child { width:auto; }

#home_banner { padding-top:270px; margin-bottom:200px; }
#home_banner .container { padding:0; }
#home_banner .capbox { width:100%; padding:30px 20px 56px; text-align:center; }
#home_banner .magaginbox_1 { width:auto; left:8px; right:8px; top:100%; margin-top:-27px; position:absolute; height:200px; border-radius:4px 4px 0 0; }
#home_banner .capbox .btn { width:160px; }

#letest_news { padding:40px 0; }
.activation_box .blogbox_inn:after { content:''; position:absolute; top:0; bottom:0; left:0; right:0; border-radius:8px;  background:linear-gradient(0deg, rgba(244, 81, 44, 0.85), rgba(244, 81, 44, 0.85)); }  
.blogbox .activation_box_cap {  z-index:2; background:none; width:100%; height:auto; top:50%; left:0; transform:translateY(-50%); }

.blogbox { height:350px !important; }
.blogbox.height_double { height:540px !important; }
.blogbox_img { height:160px !important; }  
.blog_img_descbox { height:auto !important; }

.blog_img_descbox .img { display:none; }
.blog_img_descbox .desc  { width:100%; padding:46px 30px; }

.proj_blogbox .proj_cap  { padding:32px 38px; background-size:100% auto;     height: 245px; }
.proj_blogbox .proj_cap p { font-size:16px; margin-bottom:10px; }
.blogbox .heading-1 { font-size:42px; }
.blogbox .volunteer_cap { right:0; padding:48px 20px 20px 30px; }

.club_blogbox .blogbox_inn {    padding: 172px 20px 25px 20px; }
.club_blogbox .blogbox_inn:after {    width: 100px;    height: 100px;    left: auto;    right: 10px;    top: 30px;    transform: translateY(0); }
.club_blogbox .heading-1 { text-align:center; }
.club_blogbox p { text-align:center; }

#footer { padding-bottom:0; }
#footer .footer_top { text-align:center; padding:45px 0; margin-bottom:45px; }
#footer .footer_top .heading-1 { font-size:48px; float:none; }
#footer .footer_top .right_btns { float:none; }
#footer .footer_top .btn { margin:15px 0 0 0; min-width:10px; width:100%; }
#footer .block { width:100%; float:none; margin:0; padding:0 0 40px 0; text-align:center; }
#footer .block_1 { display:none; }
#footer .block_2 { display:none; }
#footer .block h3 { margin-bottom:15px; }  
#footer .newsletter input[type="submit"] { padding:15px; }

#copyright .partner { display:block; }
#copyright .partner h3 { margin-bottom:15px; }
#copyright .partner ul li { margin:0 4px; }
#copyright .copyright { padding:20px 0;     display: block;    text-align: center; }  
#copyright .copyright ul { padding:8px 0; }

.desk_news_list { display:none; }
.mob_news_slider { display:block; }


#banner { padding-top:150px; background:url(../images/banner_1_mob.jpg) no-repeat center center; background-size:cover; }
#banner .container { padding:0; }
#banner .capbox { width:100%; padding:20px 20px; text-align:center; }
#banner .back_link { display:inline-block; }
#banner .breadcrumb { display:none; }

#vacancies { padding:40px 0; }
.pager { padding:40px 0; }

#vacancies_single { padding:40px 0; }
#vacancies_single .title { float:none; margin:0 0 20px 0; }
#vacancies_single .apply_btn { float:none; margin:0 0 20px 0; }
#vacancies_single .bot_links a { padding:14px 20px 13px 20px; margin-right:8px; }
#vacancies_single .bot_links a.prev, #vacancies_single .bot_links a.next { width:50px; height:50px; background-size:13px auto !important; }

#vacancies_single .vacancies_left { padding:30px 20px; }
#vacancies_single .vacancies_right_box { padding:30px 20px 15px; }
#vacancies_single .vacancies_right_box.vacancies_right_box_2 { padding:30px 20px 15px; }

.book_list { display:block; }


#publications .top_center_details { padding:40px 0 15px 0; }
.publication_1 { padding:40px 0; }
.publication_2 { padding:40px 0; }
.publication_3 { padding:40px 0; }

.gray_bg { padding:40px 0; }

.image_details_box { padding:40px 0; }
.image_details_box .image_details_box_inn { display:block; }
.image_details_box .img { width:100%; float:none; margin:0 0 20px 0; }
.image_details_box .desc { width:100%; margin:0; padding:0; }
.image_details_box .img img { height:auto; }

.image_details_box_2 { display:block; }
.image_details_box_2 .img { width:100%; float:none; margin:0 0 0 0; border-radius:8px; }
.image_details_box_2.reverse_direction .img {border-radius:8px; }
.image_details_box_2 .desc { width:100%; margin:0; padding:20px; }
.image_details_box_2 .desc .desc_inn { display:block; }
.image_details_box_2 .img img { height:auto; }
#publications .older_magazines_btn { width:100%; max-width:324px; }

#contact { padding:40px 0; }
.cont_form { padding:40px 0 0 0; }

.cont_form input[type="submit"] { width:100%; max-width:324px; }
.cont_right { margin-top:50px; }
.image_details_box_3 { padding:40px 0; }  
.image_details_box_3 .image_details_box_3_inn { display:block; }
.image_details_box_3 .img { width:100%; float:none; margin:0 0 20px 0; padding:0; }
.image_details_box_3 .img img  { height:auto; } 
.image_details_box_3 .desc { width:100%; float:none; margin:0; padding:0; display:block; }

.leftbar { padding:30px 20px; margin-bottom:30px; }
.filterbar .filter_left { float:none; }
.filterbar .filter_right { float:none; }
.cate_box { display:block; }
.cate_box .img { width:100% !important; float:none; margin:0; padding:0; }
.cate_box .desc { width:100% !important; float:none; margin:0; padding:20px 20px; display:block; }

.top_information { padding:40px 0 15px 0; }
.activities_bot { padding:40px 0 10px 0; }
.leftbar h2 { margin-bottom:20px; }

#back_top { padding:25px 0; background: #F5F5F5; }
#back_top .back_top_left { float:none; text-align:center; } 
#back_top .back_top_right .back_overview { display:none; }
#publications #back_top { background:#fff; }
#publications #back_top .back_top_right .back_overview { display:block; }
#activites_single { padding:0; }
.publication_list  { padding:40px 0 10px 0; }

#league .image_details_box { padding:40px 0; margin-bottom:40px; }
.competitions_slider { margin-bottom:20px; }
#league .league_bot { padding-bottom:0; }

#ocra_plus .ocra_plus_inn { padding:40px 0; }
.meating_box .social_share { margin-bottom:40px; }

#power_ball .image_details_box { padding:40px 0; }
.competitions_box_wrap { padding:40px 0 0 0; }

.download_box { padding:40px 0 25px 0; }
.downloadbtn_list li { width:100%; display:block; }

.activities_area { margin-bottom:40px; }

#header .serform { margin-top:0; }

}


@media (max-width: 580px) {

}

@media (max-width: 360px) {
	
h1, .h1 { font-size:34px; }	

#mobile_menu .login_mob .login_link { padding:20px 25px 20px 49px; background-position:15px center; }

#home_banner .capbox .btn { width:130px; padding:15px 5px; }
#home_banner .magaginbox_1 { height:220px; }
.magaginbox_1 .desc { padding-left:10px;  }
.magaginbox_1 .btn {    font-size: 13px;    padding: 10px 10px; } 
#home_banner { margin-bottom:220px; }
.proj_blogbox .proj_cap p { font-size:14px; margin-bottom:15px; }
.blogbox .heading-1 { font-size:34px; }
.proj_blogbox .proj_cap { padding:23px 38px 20px 38px; height: 205px; }

#vacancies_single .bot_links a { font-size:13px; margin-right:5px; padding:11px 18px 9px 18px; }
#vacancies_single .bot_links a.prev, #vacancies_single .bot_links a.next { width:43px; height:43px; }



}