html,body {
	-ms-overflow-x: hidden !important;
	overflow-x: hidden !important;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.within {
	width: auto !important;
    padding: 0 10px;
	
}
.sliderBox .slick-slide .within-slide { width:100%; padding: 0 10px;}
.sliderBox .slick-slide .capiton { padding-left:10px; padding-right:10px;}
.sliderBox .slick-prev, .sliderBox .slick-next { display:none !important;}
.sliderBox .slick-dots { left:auto; text-align:left; padding-left:10px;}


@media screen and (max-width: 1100px) {
	.sliderBox .slick-slide .capiton h2 { font-size:120%; transition:all 200ms linear;}
    .sliderBox .slick-slide .capiton p { font-size:90%; transition:all 200ms linear;}
    .sliderBox .slick-dots { display:none !important;}
    .sliderBox .slick-slide img { height:320px;}
    .sliderBox .slick-slide .capiton { bottom:50px;}
    
    .fullImgBox { min-height:220px}
    
    .menuBox .menu { padding:0 10px;}
    .menuBox .menu div.icon i { width:74px; height:74px; font-size:32px; line-height: 64px;}
    .menuBox .menu:last-child div.icon i {line-height: 72px;}
    .menuBox .menu div.text p { font-size:14px;}
    
	.banners-section .banner-box p { font-size:80%; transition:all 200ms linear;}
	#nav {display: none;}
	#dl-menu.dl-menuwrapper {margin-top: 0px; margin-left: 7px;}
	
	.home.block-section .col-3:last-child, .block-section .col-3:last-child {display: table; float: none; width: 100%;}
    
    .calendarBox .calendarHolder { display:table; margin:0 auto;}
	
	.breadcrumb { background-color:#E9E7DF; width:100%;}
	
	.innerContBox .sideMenu #navSec { display:none}
	.innerContBox .sideMenu #navSec.reg{ display:block}
	
	.innerContBox  table, .documentListed {
		display: block !important;
		overflow-x: auto;
		position: relative;
		white-space: nowrap;
		width: auto !important;
	}
    
    .col-6 {width:75%}
    .col-6 .col-6 { width:50%}
    
    .newsListBox img { width:100%}
    
    .newsBox .imgHolder { display:block;}
    .newsBox .imgHolder img{ width:100%;}
    
    .staticBox .imgHolder { display:block;}
    .staticBox .imgHolder img{ width:100%;}
    
    .rightNav { display:none}
}

@media screen and (max-width: 830px) {
    .logoHolder { height:auto;}
    .logoBox {display:table; width:100%; text-align:center; margin: 10px 0 10px;}
    .sublogoBox {display:table; margin:0 auto 10px; float:none;}
    
    .menuBox .menu  { border-left:none;}
    .menuBox .menu:last-child {  border-left:none; border-right:none;}
    
    .col-3 { width:50%; margin-bottom:16px; transition:all 200ms linear;}
	.col-6, .col-3 { padding-left:10px; padding-right:10px}
    .col-9 { float:none; width:100%; /*display: table;*/}
    
    .block-section .col-3:first-child { width:100%;}
    
    .footerTop .subMenu { display: table; }
    
    .block-section .col-6 {display: table; float: none; width: 100%;}

	.sec-sea {
		display:none;
	}

	.sublogoBox {
		display:none;
	}

	body {
		display: flex !important;
	    flex-direction: column;
	}

	footer {order: 5;}
	.newsFilter {order: 4;}
	.lines {order: 3;}
	.block-section { order: 1; }
	.menuBox { order: 2; }

	.block-section .within .row {
    display: flex;
    flex-direction: column;
}


.block-section .within .row .col-3:first-of-type {
    order: 2;
}

.block-section .within .row .col-6 {
    order: 1;
}

.block-section .within .row .col-3:last-child {
	order:3;
}
}

@media screen and (max-width: 780px) {
    .menuBox .menu div.text p { font-size:16px;}
    .sec-sea { float:right;}
    #secNav a span{ display:none;}
	
	
}
	
@media screen and (max-width: 650px) {
	.sec-sea { float:none; }
    #secNav { float:right; }
	.searchBox {float:none; display: table; margin: 5px auto;}
    .menuBox .menu { border-bottom: 1px solid #999384; margin: 0 auto;}
    .menuBox .menu a {height:100px;}
	.col-3, .col-6 { width:100%; margin-bottom:16px; transition:all 200ms linear;}
    .col-6.news { text-align:center}
    .col-6.news img{ width:100%}
    .newsFilter .filterBox {width:100%;}
    
    .image-gallery { width:100%;}
    .image-gallery .thumbBox { width:50%;}
    
    .video-gallery {width:100%; margin:0 !important}
    .video-gallery .videoThumb{ float:none; width:100%;}
    .video-gallery .videoThumb img{ width:100%;}
	
	.procedureContentBox .holderSelect,
	.procedureContentBox .holderInput { float:none; width:100%; margin:5px 0 10px;}
	
}
@media screen and (max-width: 580px){
	.sliderBox .slick-slide .capiton { width:auto;}
    .newsFilter .filterBox .col-5 {width:100%; float:none; display: table; margin-bottom:15px;}
    .newsFilter .search .Zebra_DatePicker_Icon_Wrapper { width:90%;}
    .newsFilter .holder.last { padding:0; float:right; width:100%;}
    .newsFilter .search button[type="submit"] { float: right;}
    
    /*start here*/
    .contactBox { padding:40px 20px;}
    /*finish here*/
}
@media screen and (max-width: 480px) {
	.logoBox img { width:100%;}
    .subBox span { display:none;}
    .searchBox { width:100%;}
    .searchBox .search{ width:100%; float:none;}
    .searchBox .search input[type="text"] {width: 100%;}
	.breadcrumb li { padding:0 15px 0 10px;}
    .image-gallery .thumbBox { float:none; width:100%; padding:0}
    .popup-link > img { width:100%;}
	#dl-menu.dl-menuwrapper {width:95%; max-width:none;}
}
@media screen and (max-width: 360px) {
    .sliderBox .slick-slide .capiton { bottom: 30px;}
}