/* ----- RESPONSIVE STYLES ----- */
img{max-width:100%;height:auto;}
/*@media (max-width:1280px){
.slider-wrapper{height:544px !important; overflow:hidden;  background-size: 100%;}
}
@media (min-width:1280px){
.slider-wrapper{height:544px !important; overflow:hidden;  background-size: 100%;}
}
*/
@media (min-width:992px) amd (max-width:1199px){}

@media (min-width:768px) amd (max-width:991px){
}
@media (max-width:1024px){
}
@media (max-width:768px){
#header{height:120px;  position: inherit; background:none;}
#header .header{width:96%;}
.logo {float: none; position: initial; width: 100%;height: 153px; background: none; text-align: center;}
.logo a {float: none;margin-right: 0;}
#main-list{height:auto;}
#list, #list ul{position:initial; width:99%;}
#list li{width:25%;}
#main-container{width:100%;}
#demo1 {width: 84%; padding: 30px 8%;}
#footer-container .footer-menu{height:auto;}
#footer-container #footer .footer, #footer-container .footer-menu ul{width:100%; height:auto; border:none;}
#footer-container #footer .footer .box1, #footer-container #footer .footer .box2{width:42%;  padding:20px 4%; min-height:185px;}
#footer-container .footer-menu ul li a{padding: 0px 12px;}
.cont-lft{width:96%; margin:0 auto; float:none;}
.cont-rht{width:96%; margin:0 auto; float:none;}
.top-menu ul{width:100%; margin:0 auto;}
}
@media (max-width:640px){
#navigation{border-bottom:none;}
}
@media (max-width:568px){
#list li a{font-size:12px;}
#list li span{  margin: 0px 0px 20px 0px;}
#main-container p{padding:0px 20px 20px 20px;}
.top-menu{width:140px; right:0;}
.top-menu ul li{float:none; width:80%; border:0; border-bottom:1px solid #CCC; padding:5px 10%; margin:0;}
}
@media (max-width:480px){
#list li{width:50%; background:none;}
#list ul{height:auto;}
#footer-container #footer .footer .box1, #footer-container #footer .footer .box2{width:92%;min-height:inherit;}
}

@media (max-width:420px){
}