@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px){
.carousel-caption {top:28%;width:70%;left:15%;}
.map {padding: 0px;}
.sub_menu {width:50%;float:left;}
.sub_menu li {padding:5px 10px;}
.sub_menu li a {padding:0;margin-left:0px; transition:all 0.6s;}
.sub_menu li a:hover {padding:0 8px;}
.sub-menu:hover .menu1 {height:auto;z-index:11;background-color:#fff;width:800%;transition:all ease 0.3s;left:-400px;padding:10px;border-top:3px solid #80ac3d;}
.sub-menu i {display:none;}
.sub-menu:hover i {display:block;height:11px;font-size:25px;position:absolute;top:27px;left:55px;color:#80ac3d;}
.sub-menu span{ margin-right: 5px; font-size:10px; top:0;}  
}

@media screen and (min-width:50px) and (max-width:767px){
.menu {margin:0;}
.social-icon{ display:none;}
.top-head .ph {padding: 0;}
.ph span {font-size:10px;margin:0 10px;}
.getin h2 {font-size:14px;margin:0px;}
.tag-img, .ser-img1{ display:none;}
.icon_foot { text-align:center;}
.foot_social{margin: 0 auto;width: 60%;}
.navigate {float:left;width: 110%;background:#ededed;}
.navigate li a {padding:8px 15px;margin-left:0px;border-bottom:1px solid #cfcfcf;border-top:1px solid #fff;}
.menu button { margin-right:0;}
.sub-menu .menu1 {height:auto;position:relative;overflow:auto;float:right;font-size:13px;width:100%;z-index:1}
.navigate li{float:left;width:100%;}
.sub-menu i { display:none;}
.menu1 .sub_menu {float:right;width:100%;padding:0px 15px;background:#e8e8e8;}
.menu1 ul li a {font-size: 13px;padding: 7px 5px;}
.menu1 ul li a span {font-size: 10px;}
.menu1 ul li:nth-child(1) {
    font-size: 14px;
    padding: 10px 0 2px;
    font-weight: 100;
    border-bottom: 1px dotted #333;
}
}

@media screen and (min-width: 768px) and (max-width:1200px){
.menu {margin:9px 0;}
.text-center.serv_cont {min-height:160px;}
.tag-line h3 {
    font-size: 17px;
    margin: 25px 0;
    line-height: 25px;
}
}

@media screen and (max-width:1000px){
.ser-img1{ display:none;}
}