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

@media screen and (max-width: 1024px) {
.logo{ top:27px;}
.navigation li{ width:100%;}
.table th{ width:auto;}
.selectBox{border:1px solid #46871d}
}

@media screen and (max-width: 800px) {
	
.logo{ top:27px;}
.login-Detetails{ position:relative; top:10px;}
.searchCont{ width:100%;}
}

@media screen and (max-width: 700px) {
.logo{ top:97px;}
.login-Detetails{ top:-106px;}
.owl-carousel{ width:58%;}
.prev{ left:10%;}
.next{ right:10%}
.searchCont{ width:84%; overflow:hidden;}
.search{ margin:0;}
.popUpFormBox input:last-child{ margin:20px 0 0 0;}
textarea{ width:92%;}
}

@media screen and (max-width: 480px) {
h1{display:none;}
.logo{ top:97px;}
.login-Detetails{ top:-106px;}
#owl-demo .item{ width:100%;}
footer p{ padding:13px 0;}
input{ margin:0 0 20px 0;}
.searchCont{ width:60%;}
.searchCont .box{ width:100%;}
.selectBox{margin-bottom:20px; width:100%;}
.searchCont .box input{ margin:20px 0 0 0; width:100%;}
.selectBox select{width:100%;}
.selectBox div.box{ width:100%;}
textarea{ width:85%;}
table td{ width:200px}
.popUp{ width:100%;}
.middle{ background:#FFF; height:793px; width:290px;}
.left, .right{ background:#FFF; height:793px;}
}

@media screen and (max-width: 400px) {
.owl-carousel{ width:45%}
}

@media screen and (max-width: 360px) {
.owl-carousel{ width:47%;}
table td{ width:200px}

}

.search{margin:0 0 20px 0;}