/* Large Tablet Devices ----------- */
@media only screen
and (max-width : 1100px) {
	html, body{
		-webkit-touch-callout: none;
		-webkit-user-select: none; /* Webkit */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* IE 10  */
	}
	/*header */
	.logo {padding:12px 0 0 10px;}

	/*nav */
	nav ul li a {padding:0 5px;}

	/*main */
	#main_content {padding:30px 0;}
	main {width: auto;padding: 0 15px;min-height: 0 !important; }

	/*bottom */
	#bottom1 {height: auto;}
		.btm1_box1 {min-height: auto;}
			.bt1box1 {padding: 50px 10px;}
				.bt1box1 p {white-space: normal;}
				.bt1box1 p span {font-size: 4vw;}

		.btm1_box2 {padding: 30px 0; margin:0;}
		.bt1box2 {padding: 0 10px;}

	.btm1_boxes {margin: 30px 0 0 0;text-align: center;}
		.btm1bx {width:24%;margin:0;}

	#bottom2 {height: auto;}
		.btm2_box1 {padding: 30px 0 0 0;}

	.btm2_box2 {margin: 40px 0 0 0;padding: 0 0 30px;}
		.btm2bx2_boxes {width: 31%;margin: 7px !important;}
			.btm2bx2_boxes img {display: block;margin: 0 auto;max-width: 100%;}


	/*footer */
	.contacts {padding:57px 10px 0;}
	.contacts ul li:nth-child(1) {width:40%;}	
	.contacts ul li small {display:none;}
	.contacts ul li br {display:block;}

}

@media only screen
and (max-width : 1000px) {
	/*header */
	header {height:165px;}
	.header_info h2 small {display:none;}
	.header_info h2 br {display:block;}
	.header_info h2:after {display:none;}
	
	.socials {margin:30px auto 0; text-align:center;}
	
	/*nav */
	nav {width:100%; position:relative; top:0; left:0; right:0; margin:0 auto; text-align:center; padding:0;}
	nav ul {width:100%; display:table;}
	nav ul li {display:table-cell;}
	nav ul li a {padding:0 20px!important;}
	
	/*banner */
	#banner {min-height:0; padding:10px 0 0;}
	.slider {width:100%;}
	.rslides li {width:190%; margin-left:-45%;}
	.bnr_info h2 {font-size:4vw;}
	.bnr_info h2 span {font-size:4vw;}
	
	/*bottom */
	.bt1box1 p {width:auto;}
	.bt1box1 h3 {font-size:35px; line-height:40px;}
	
	
	.btm1bx h3 {font-size:22px;}
	
	.bottom2_cont {padding:0;}
	.btm2_box1 p {width:100%;}
	.btm2bx2_boxes p {padding:52px 0 0;}
	
	/*footer */
	footer {height:auto;}
	.contacts {padding:25px 10px 0;}
	.contacts ul {text-align:center;}
	.contacts ul li:nth-child(1) {width:100%; margin:0 0 20px;}
	.contacts ul li {width:48%;}
	
	.copyright {padding:0 0 25px;}

}

@media only screen
and (max-width : 900px) {

	nav ul li a {padding:0 10px!important;}
	
	.btm1bx {width:24%;margin:0 0 10px;}
	.btm1bx h3 {font-size:20px;}

}

@media only screen
and (max-width : 870px) {
	.contacts ul li:last-child {float:none;}
	
	.bt1box2 p {width:100%;}

}

@media only screen
and (max-width : 855px) {

	.btm2bx2_boxes p {min-height: 145px;}

}

@media only screen
and (max-width : 800px) {
	/*header */
	header {height:auto; text-align:center;}
	.logo {float:none; padding:10px;}
		.logo img {max-width:320px;}
	.header_info {float:none; text-align:center; padding:0;}
		.header_info h2 {font-size:20px; line-height:22px;}
	.socials {position:static;margin:10px auto;}
	.socials ul li:nth-child(1) {display:block;}
	
	/*nav */
	nav ul {display:block;}
	nav ul li {display:inline-block; vertical-align:top; width:32%; border-bottom:2px solid #ba2346; border-radius:0 0 10px 10px; margin:0 0 3px;}
	nav ul li a {padding:0!important; border-bottom:none; line-height:50px;}
	nav ul li a:hover, nav ul li a:active, nav ul li.current_page_item > a {border-bottom:none;}
}

@media only screen
and (max-width : 780px) {

	.contacts ul li:nth-child(2) {margin: 0 40px;}
}

@media only screen
and (max-width : 730px) {

	.xtraDetails {padding: 0 0 0;}
	.btm2bx2_boxes {width: auto;display: block;margin: 35px 0 !important;padding: 0 15px;}
	.btm2bx2_boxes:last-child {margin:35px 0 0!important;}
	.btm2bx2_boxes img {display: none;}
	.btm2bx2_boxes p {white-space: normal;min-height:0;}
	.btm2_box1 p {font-size:18px; line-height:35px; padding:13px 10px 0;}


	.contacts ul li {width:100%;}

	footer {height: auto;padding: 0 10px;}

	.contacts {padding: 30px 0 0 0;}
	.contacts ul {margin: 20px 0 0 0;}
	.contacts ul li {display: block;padding: 0 0 0;margin: 20px 0 !important;text-align: center;}
	.contacts ul li:before {content: "" !important;}

	.copyright {text-align: center;margin: 20px 0 0 0;}
		.footer_nav ul li {width: 48%;margin: 4px;}
		.footer_nav ul li a {line-height: 45px;}

	.copyright span{margin: 0;padding: 20px 10px;}

}

@media only screen
and (max-width : 700px) {
	.col2, .col3, .sitemap {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;} 
	.thumb_left_dd, .thumb_right_dd, .thumb_center_dd {display:none;}
	
	/*nav */
	nav ul li {width: 48%;}
	

	#bottom1 {padding:0 0 20px;}
	.btm1bx {width:261px;}

}

@media only screen
and (max-width : 660px) {

	.mid_right .middle_boxes {width: 48%;}

}

@media only screen
and (max-width : 620px) {

	.bt1box2 h2 {font-size: 5vw;}

}

@media only screen
and (max-width : 610px) {

	.ban_det {width: auto;padding: 0 15px;}
	
	.copyright {padding:0 0 40px;}
	.copyright br {display:block;}
	.copyright small {display:none;}

}

/* Table Devices */
@media only screen
and (max-width : 600px) {
	.col2, .col3, .sitemap {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;} 
	.thumb_left_dd, .thumb_right_dd, .thumb_center_dd {display:none;}
	.back_top{background:url(../images/back_top.png) no-repeat center #ba2346; position:fixed; bottom:0; right:0; left:0; margin:0 auto; width:100%; height:43px; cursor:pointer; z-index:999;}
	.back_top:hover{opacity:.6;}

	.nav_toggle_button {display:block; text-decoration:none!important;}
	.nav_toggle_button:before{content:"MENU"; position:absolute; font-size:17px; right:15px; top:40px; font-weight:normal; color:#000;}
	nav li, nav li span {display:block; color:#fff;}
    nav {display: none; border-radius:0;}
    nav ul {margin:0; padding:5px;}
    nav ul li {width:100%; display:block; margin:3px 0; border:none; text-align:left;}
    nav ul li a {padding:0; margin:0; line-height:50px; text-align:left; padding:0 0 0 20px!important;}
	nav span{top: 5px;}

	nav ul ul{width:100%; position:relative;  transition:none;}
	nav ul ul li {border:none; width:100%;}

	/*header */
	.header_info {position:absolute; top:0; left:0; right:0; margin:5px auto 10px;}
		.header_info h2 {font-size:17px;}
		.header_info h2 br {display:none;}
		.header_info h2 small {display:inline-block;}
	.logo {position:absolute; top:0; left:0; padding:30px 0 10px 10px;}
		.logo img {max-width:170px;}
		
	/*banner */
	.rslides {display:none;}
	.mobi_ban {display:block; width:180%; margin-left:-40%;}
	.bnr_info {padding:15px; position:relative; top:0; left:0; right:0; background:rgba(0,0,0,0.8);}		
	.bnr_info h2 {font-size:30px;}
	.bnr_info h2 span {font-size:30px;}
	
	/*main */
	#main_area {padding:40px 0;}
	main h1 {font-size:33px;}
	
}

@media only screen
and (max-width : 540px) {

	.mid_left {width: auto;background: url(../images/mid_bg1.jpg) no-repeat center center;height: auto;background-size: cover;padding: 15px;}
	.mid_left .middle_boxes {width: 100%;height: auto;padding: 25px 15px;}

	.footer_nav ul li {width: 100%;margin: 4px 0;}

}

@media only screen
and (max-width : 530px) {

	.bt1box1 p span {font-size: 23px;}
	.bt1box1 a {margin: 38px 0 0 0;}

}

/* Smartphones */
@media only screen
and (max-width : 500px) {

	.col2 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
	.col3 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}

	.bt1box2 h2 {font-size: 31px;line-height: 37px;}

}

@media only screen
and (max-width : 420px) {

	.ban_det {text-align: left;}
		.ban_det h3{font-size: 24px;line-height: 42px;letter-spacing: 3px;}
		.ban_det h3 span{font-size: 30px;letter-spacing: 5px;}
		.ban_det p {padding: 36px 0 0 0;}

}

@media only screen
and (max-width : 480px) {

	.mid_right .middle_boxes {display: block;width: auto;margin: 20px 0;}
	.mid_right .middle_boxes .midLdet {display: block;height: 226px;}

}

@media only screen
and (max-width : 460px) {

	.bt1box2 {text-align: center;}
		.bt1box2 h2:after {right: 0;margin: 0 auto;}

}

@media only screen
and (max-width : 360px) {

	.mid_left .middle_boxes p {white-space: normal;}

	.btm2bx2_boxes {margin: 35px 0 !important;}
	.btm2bx2_boxes img {display: block;}
	#haitiphone{display:block; margin-bottom: -30px;}
	#haitiphone2{display:block;}

}
