/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 1024px) {
	#mainmenu > ul, .submenu { display:block !important; }
	.submenu { border: 1px solid #f8e09a; position: absolute; left: 16px; top: 260%; width: 440px; z-index: 2; opacity: 0; visibility: hidden; -moz-transition:all 300ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 300ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 300ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 300ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 300ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
	.submenu:before { content:""; position:absolute; left:0; right:0; bottom:100%; height:23px; width:100%; }
	#mainmenu > ul > li:hover .submenu { top: 200%; opacity: 1; visibility: visible; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
}

@media only screen and (max-width: 1199px) {
	#header .wrap { padding: 0 20px; }
	.submenu { width: 360px; }
	.hd-rightcol::before { margin-top: 35px; }
	#header { min-height: 125px; }
	#logo { width: 230px; }
	.hd-rightcol::after { margin-top: 25px; left: 281px; } 
	.hd-rightcol::before { margin-top: 25px; right: -webkit-calc(100% - 281px); right: calc(100% - 281px); } 
	body.home { margin-top: 145px; }
	.activity-box { padding-left: 35px; }
	.link { padding: 25px 5px; }
	.logocol { padding-left: 0; }
	.links-box li h3 { font-size: 30px; }
	.copyright { font-size: 19px; }
}

@media only screen and (max-width: 1100px) {
	
	.welcome-info { padding: 0; }
	.wrap { width:auto; padding:0 20px; }
	.cols { margin-left:-10px; margin-right:-10px; }
	.cols .col { padding-left:10px; padding-right:10px; }
	.copyright { text-align: center; }
	.moreinfo { display: block;	}
	#mainmenu { font-size: 20px; }
	#mainmenu > ul > li::after { height: 16px; margin-top: -9px; }
	#mainmenu li a { padding: 0 10px; }
	.logocol { padding: 20px 0 22px 10px; }
	.search-outerbox { padding-top: 18px; }
	.header-tagline { font-size: 23px; padding-top: 3px; display: inline-block; }
	body.home { margin-top: 140px; }
	#logo { width: 250px; }
	.photo-info { max-width: 400px; }
	.activites-section { margin-bottom: 50px; }
	.links-box li h3 { font-size: 26px; }
	.quicklinks-box { margin-bottom: 50px; }
	.quicksocial-section h2 { margin-bottom: 25px; }
	.quicksocial-section { padding-bottom: 50px; }
	#footer { padding: 40px 0 50px; }
	.social-links { padding: 40px 0; }
}


/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.default-grid.form-grid.cols2 .col { width:auto; float:none; }
	.buttonset .col a { margin:0 5px 8px 0; }
	.default-grid.cols4 .col { width:50%; }
	.cols2.default-grid.tab-grid .col { width:100%; }
	.image-block figure { width:45%; }	
	#mainmenu > ul { display:none; position:absolute; left:-20px; right: -20px; z-index: -1; background:#cd5a13; top: -webkit-calc(100% + 13px); top: calc(100% + 13px); padding-top: 20px; height: calc(100vh - 105px); overflow-x: hidden; overflow-y: auto; }
	#mainmenu > ul > li { float:none; margin:0; padding:0; border-bottom:solid 1px rgba(255,255,255,0.15); }
	#mainmenu ul li a { padding:12px 60px 12px 15px; display:block;  }
	#mainmenu li.home > a { font-size: 1em; background: none; padding:12px 60px 12px 15px; width: auto; height: auto; top: auto; }
	#mainmenu li.home { border-bottom:solid 1px rgba(255,255,255,0.15); margin: 0; }
	.submenu { display: none; width: auto; -webkit-transition: none; transition: none; }
	.navtrigger { position: absolute; z-index: 1; width: 46px; height: 46px; cursor: pointer; right: 0; top: 0; background: #f89f1f; }
	.navtrigger:after { content: ''; position: absolute; border-top: 10px solid #cd5a13; border-left: 7px solid transparent; border-right: 7px solid transparent; left: 17px; top: 18px; }
	#mainmenu > ul > li::after, #mainmenu > ul > li.hasnav > a::after { display: none; }
	.navtrigger.open:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	#logo { top: 5px; }
	.overflowhidden { overflow: hidden; }
	
	/* Responsive Menu line icon*/
	#menu { display:block; margin-top: 10px; }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 20px; height: 3px; background: #fff; position: relative; float: left; margin:9px 0 0 0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:20px; height: 3px; background: #fff; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	.header-tagline { font-size: 18px; }
	#header:before { height: 42px; }
	
	#header { min-height: 100px; }
	.search-outerbox { padding-top: 21px; }
	#logo { width: 160px; }
	.logocol { padding-left: 0; left: 20px; width: 170px; }
	.hd-rightcol::after { margin-top: 20px; left: 170px; } 
	.hd-rightcol::before { margin-top: 20px; right: -webkit-calc(100% - 170px); right: calc(100% - 170px); } 
	.hd-rightcol { padding-left: 180px; }
	.header-tagline { padding: 0 0 5px; }
	
	.social-links a.footer-logo { margin: 0 20px; }
	.photo-info { position: relative; max-width: none; right: 0; top: 0; opacity: 1; }	
	
	body.home { margin-top: 100px; }
	#mainmenu { clear:both; }
	
	.search-outerbox { max-width: 434px; position: relative; padding-top: 10px; padding-bottom: 10px; margin-left: auto; margin-right: 0; padding-right: 125px; }
	.searchbox { float: none; width: 100%; margin: 0; }
	#menu { position: absolute; top: 15px; right: 0; margin: 0; height: 20px; }
	.select-lang { float: none; position: absolute; right: 0; top: 50px; }
	.language-box { font-size: 16px; left:30px; }
	.slider-content span { font-size: 30px; }
	.slider-content { padding: 15px 10px 25px; position: static; }
	.slider-content img { max-width:30px; }
	.welcome-info h1 { font-size: 30px; }
	.welcome-info p { font-size: 19px; }
	.welcome-box { padding: 0 20px; }
	.welcome-map h2 { font-size: 28px; }
	.banner-slider .item img { height: 360px; object-fit: cover; }
	.owl-theme .owl-nav [class*="owl-"] { margin: 0; top: 170px; }
	.activites-section .col { float: none; width: auto; }
	.activity-box { padding-left: 0; background-position: 50% 0; }
	.activity-list { padding-left: 0; }
	.links-box li { padding: 0 10px; }
	.links-box { margin: 0 -10px; }
	
	.quicksocial-section h2 { font-size: 46px; margin-bottom: 24px; }
	.close-infobox { display: none; }
	.banner-slider.owl-theme .owl-dots { bottom: auto; top: 367px; background: #a10f20; right: 0; padding:0 10px; }
	.link { padding: 14px; }
	.link img { margin-top: 10px; }
	.links-box li h3 { font-size: 24px; }
	.fmenu { font-size: 13px; }
	.social-links a { -webkit-transform: scale(0.9); transform: scale(0.9); }
	.footer-logo { width: 100px; margin: 0 30px; }
	.social-links { padding-top: 25px; }
	.copyright { font-size: 17px; }
	.select-lang span { font-size: 20px; padding-right: 22px; margin-right: 2px; }
	.select-lang span:after { margin-top: 0; }
	.links-box a:hover .svg-box { filter: drop-shadow(0px 8px 6px rgba(0,0,0,0.3)); }
	
	
}
/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	
	.default-grid.cols3 .col { width:50%; }
	.default-grid.cols3 .col:nth-child(3) { clear:left; }
	.tabnav { display:none; }
	.tab-container { padding:0; border:none;}
	.tab-data { margin:0 0 30px; }
	.tab-data .tabnav { display:none; }
	.tab-container .tabMobiletrigger { background:#f3f3f3; border:medium none; font-size:15px !important; text-transform:uppercase; margin:0 0 7px; padding:16px 54px 16px 16px; position:relative; cursor:pointer; font-weight:bold; }
	.tabMobiletrigger:after { border-left:8px solid rgba(0, 0, 0, 0); border-right:8px solid rgba(0, 0, 0, 0); border-top:8px solid #848690; content:""; margin-top:-3px; position:absolute; right:19px; top:50%; }
	.tabMobiletrigger:before { background:rgba(0, 0, 0, 0.08); content:""; height:100%; position:absolute; right:0; top:0; width:54px; z-index:1; }
	.tabcontent { padding:15px 0; margin:0; }
	.tabMobiletrigger.rotate:after { border-top-color:#272c2f; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
	
	.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width:100%; float:none; }
	h1, h2 { font-size:40px; }
	
	#mainmenu > ul { height: calc(100vh - 102px); }
	.header-tagline { display: none; }
	.hd-rightcol::after { margin-top: 45px; }
	.select-lang { top:11px; right: 90px; }
	.hd-rightcol::before { margin-top: 45px; }
	.search-outerbox { padding: 50px 0 0; max-width: 380px; }
	.hd-rightcol { padding-left: 280px; }
	.logocol { padding: 19px 0 20px; }
	
	/*------------------*/
	.newslist li { padding-left: 85px; }
	.socialmedia-box h4, .statistics-box h3 { font-size: 38px; }
	.statistics-box ul li { width: 50%; margin-bottom: 24px;	}
	.statistics-box ul li:nth-of-type(2n+1) { clear: left;	}
	.socialmedia-box { padding: 30px 0; }
	#footer .cols5 .col { width: 33.3333%; margin-bottom: 20px; }
	#footer .cols5 .col:nth-of-type(3n+1) { clear: left; }
	.social-links a.footer-logo { display: block; margin: 35px 0; } 
	.social-links { padding: 20px 0 30px;}
	.copyright { margin-bottom: 0; }	
	.banner-slider:after { bottom: 44px; }
	.slider-content span { font-size: 24px; padding: 0 15px; }
	.programs-slider-box figcaption a { padding:10px 20px; }
	.slider-content span:after { height: 24px; width: 2px; }
	.welcome-box { padding: 0; margin-bottom: 40px; }
	.welcome-info .welcome-content { float: none; width: auto; margin-bottom: 30px; }
	.welcome-info .welcome-map { float: none; width: auto; padding: 0; }
	.quicksocial-section h2 { font-size: 34px; margin-bottom: 15px; }
	.owl-theme .owl-dots .owl-dot span { width: 14px; height: 14px; margin: 0 3px; }
	.banner-slider.owl-theme .owl-dots { top: 310px; }
	.banner-slider .item img { height: 300px; }
	.welcome-info p { margin-bottom: 20px; }
	.welcome-info h1 { margin-bottom: 5px; }
	.activites-section { margin-bottom: 30px; }
	.quicksocial-section { padding: 30px 0; }
	.links-box li h3 { font-size: 18px; }
	.link img { margin-top: 6px; }
	.link { margin-bottom: 20px; }
	.quicklinks-box { margin-bottom: 25px; }
	#footer { padding: 25px 0 40px; }
	.social-links a { -webkit-transform: scale(0.5); transform: scale(0.5); margin: 0 -10px; }
	.footer-logo { width: 70px; }
	.activity-box h3 { font-size: 28px; }
	.activity-info h6 { font-size: 18px; }
	.activity-info p, .activity-info a { font-size: 16px; }
	.owl-theme .owl-nav [class*="owl-"] { top: 135px; }

}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width:auto; float:none; }
	table.res-table tr th { display:none; }
	table.res-table tr td { display:block; position:relative; padding-left:50%; }
	table.res-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display:block; padding-right:10px; position:absolute; left:0; top:0; padding:10px 10px; } 
	table.res-table { border-top:0; }	
	#logo { width:150px; }
	.hd-rightcol { padding-left: 200px; }
	
	.list-block.cols3 .col { width:100%; float:none; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }
	h1, h2 { font-size:34px; }
	
	.social-links a.footer-logo { display: none; }
	#footer .cols5 .col { width: 50%; } 
	#footer .cols5 .col:nth-of-type(3n+1) { clear: none; }
	#footer .cols5 .col:nth-of-type(2n+1) { clear: left; }
	.copyright { font-size: 16px; }
	
	.banner-slider .item img { height: 240px; }
	.owl-theme .owl-nav [class*="owl-"] { top: 100px; }
	.banner-slider.owl-theme .owl-dots { top: 250px; }
	.slider-content span { font-size: 20px; }
	.slider-content img { top: -1px; }
	body, .welcome-info p { font-size: 16px; }
	.welcome-info .read-more { font-size: 16px; }
	.quicksocial-section h2 { font-size: 30px; }
	.links-box li h3 { font-size: 15px; margin: 0; }
	.social-link-box .col { float: none; width: auto; text-align: center; margin-bottom: 20px; }
	.links-box li { padding: 0 5px; }
	.links-box { margin: 0 -5px; }
	.link { margin-bottom: 15px; }
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {

	.form-inline .form-group label, .form-inline .form-group .field-box { float:none; display:block; width:auto; }
	.form-inline .form-group label.blank { display:none; }
	h1, h2 { font-size:30px; }
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	
	#header .wrap { padding: 0 15px; }
	#header { min-height: 100px; } 
	#header:before { height: 46px; } 
	.menu-infoblock h4 { font-size: 14px; }
	.menu-infoblock { font-size: 13px; }
	.logocol { left: 15px; }
	#logo { width: 100px; }
	.menulines-button em { display: none; }
	.hd-rightcol { padding-left: 130px; }
	.searchbox input[type="text"] { font-size: 13px; padding-left: 10px; text-overflow: ellipsis; }
	.select-lang { right: 32px; }
	.select-lang span { font-size: 18px; }
/*	.select-lang span:after { margin-top: -4px; }*/
	/*------------------*/
	.welcome-info h1 { font-size: 24px; }  	
	#footer .cols5 .col { width: 100%; }
	.img-content h4 { font-size: 26px; margin-bottom: 3px; }
	.img-content p { font-size: 13px; }
	.img-content a { font-size: 14px; }
	.owl-theme .owl-dots .owl-dot span { width: 11px; height: 11px; margin: 0 2px; }
	.banner-slider.owl-theme .owl-dots { top: 247px; padding: 5px 10px; }
	.slider-content span { font-size: 15px; padding: 0 8px; }
	.slider-content span:after { height: 16px; top: -2px; }
	.slider-content img { max-width: 26px; }
	.slider-content { padding: 10px 10px 28px; }
	#main { padding: 20px 0 0; }
	.welcome-map h2 { font-size: 20px; }
	.activity-box img { width: 55%; }
	.activity-box { background-size: 100% 100%; padding: 60px 0 80px; }
	.activites-section .wrap { padding: 0; }
	.activity-box h3 { font-size: 22px; }
	.activity-box figcaption { left: 0; width: 56%; margin: 0 auto; }
	.activity-info h6 { font-size:16px; }
	.activity-info p { font-size:14px; text-overflow: ellipsis; height:60px; overflow:hidden; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; box-orient: vertical; position: relative; }
	.activity-info a { font-size:14px; }
/*	.activity-box figcaption { display: none; }*/
/*	.activity-box:hover figure img { opacity: 1; }*/
	.activites-section { margin-bottom: 40px; }
	.quicksocial-section h2 { font-size: 24px; }
	.links-box li { float: none; width: auto; }
	.link .svg-box { position: relative; }
	.link img { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); 	}
	.links-box li h3 { font-size: 22px; }
	.link { margin: 0; }
	.links-box li { margin-bottom: 20px; }
	.social-links a { -webkit-transform: scale(0.35); transform: scale(0.35); margin: 0 -18px; }
	.footer-logo { width: 50px; margin: 0 15px; }
	.copyright { font-size: 14px; }
	.social-links { padding: 10px 0 25px; }
	#mainmenu > ul { left: -15px; right: -15px; }
	.links-box a:hover .link img { -moz- transform: scale(1) translateY(-50%); -webkit-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); }
}