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

@media (max-width: 1048px) {
    .container{width:100%;}
    }
@media (max-width: 1024px) {  
.slider {
    margin-top: 12%;
}
.inner-content{padding:0 10px;}
}
@media (max-width: 980px) { 

 }
@media (max-width: 925px) { 
 .plan-tier h4{font-size:20px;}
 .third{width:22%;}
 }


@media (max-width: 890px) {    
.top-menu li a.cont-no{font-size:20px;}
.third{width:20%;}

}  
 @media screen and (max-width:800px) {
   
.foot-head p{min-width:auto;}
.ctn-info{ padding:0px;}
.map{ width:90%; margin:20px auto}
 .slider { margin-top: 14%;}
 .purple-text a{display:block; text-align:center; margin:0 auto; width:90%;}  
 .footer .col-md-3.col-sm-3 {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 49%;
}
  
}
 @media screen and (max-width:793px) {
.top-menu li{padding-left:10px;}
.border-top{padding-left:10px;}

 }
 @media screen and (max-width:768px) {
     .modal-dialog{width:85%;}
     .pop-up-content{width:100%;}
     .plan-tier ul li{font-size:14px; line-height:14px; height:55px;}
     .third{width:23%; margin-right:10px;}

 }

 @media screen and (max-width:640px) {
.logo{text-align:center; width:100%; margin:0 auto;}
.top-menu.text-right { float: none;margin-top: 10px;text-align: center; }
.menuu .nav.navbar-nav{float:none; text-align:left; padding:0 15px; background:#f0f0f0; margin:0;}
 .menuu li{margin-bottom:5px}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .menuu li:hover{border-radius:0;}
.car-image{height:auto;}
.car-overlay{padding:0 0 25px;}
.footer .col-md-3.col-sm-3{width:100%;}
.header-fixed{position:relative;}
.slider{margin-top:0%;}
.carousel-indicators{top:38%;}
.inner-content{margin:0;}
.inner-image{text-align:center;}
.blog-image{width:47%; margin:0 auto; text-align:center;}
.form .my-form{width:90%;}
.inner-image1 img{margin-bottom:30px;}
.plan-tier h4{font-size:16px;}

 }

 @media screen and (max-width:480px) {
   .inner-contact{ padding:10px;}
   .ctn-info{ padding:25px 0 0 0px;}
 ul.my-form li label{ display:block;} 
 ul.my-form li .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), ul.my-form li textarea,
ul.my-form li input[type="text"],ul.my-form li input[type="button"]{ width:100%;}
.top-menu li{width:46%; padding:0;}
.border-top{border:none;}
.toggle-button{bottom:-11%;}
.carousel-caption p{font-size:25px; line-height:25px;}
.carousel-caption{padding:5px 0;}
.pull-left.footer-text ,.social-icon{
    float: none;
    width: 100%;
    text-align:center;
    padding:10px 0;
}
.form .my-form{padding:20px;}
.third.lift.plan-tier.second-colum li button{font-size:16px;}
.heading-price .pakages{width:34%; font-size:16px;}
.third.plan-tier.first-colum{width:19%;}
.third {margin: 0; width: 26%;}
     
  
}
 @media screen and (max-width:360px) {
     .carousel-indicators{top:26%;}
     .content-top h3{font-size:28px;}
     .top-menu li{width:100%; padding:0;}
     .top-menu li a{padding:0;}
     .blog .orange-text1{width:100%; padding:0;}
     .third.lift.plan-tier.second-colum li button{font-size:14px; width:95%;}
     .third.plan-tier.first-colum li {
    border: medium none;
    font-size: 11px;
    height: 59px;
    overflow: hidden;
    text-align: left;
    width: 100%;
    padding:15px 0;
}
 }
 @media screen and (max-width:320px) {
     .heading-price .pakages{width:50%;}
     .third.lift.plan-tier.second-colum li button{font-size:13px;}
 }