/*navbar for ipad screen*/
@media (max-width: 1200px) {



}



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

    .welcome-con ul li{ width:100%!important;}

    .row{
        margin:0px;
    }

    .page-container .col-md-12, .page-container .col-md-11, .page-container .col-md-10, .page-container .col-md-9, .page-container .col-md-8, .page-container .col-md-7, .page-container .col-md-6, .page-container .col-md-5, .page-container .col-md-4, .page-container .col-md-3, .page-container .col-md-2, .page-container .col-md-1

    {
        padding-left:15px;
    }
    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10000;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }
    .mobile-email{
        display:block!important; 
        color:#fff; 
        font-size:26px; 
        position:absolute; 
        left:45%; 
        top:15px;
    }
    .carousel-caption1{
        display: none;
    }

    .mobile-phone{
        display:block!important; 
        color:#fff; 
        font-size:26px; 
        position:absolute; 
        left:10%; 
        top:15px;
    }

    #sticky {
        width: 100%;
        left:-20px;
    }

    #sticky.stick {

        margin-top: 0 !important;
        position: fixed;
        top: 0;
        z-index: 10000;
        width: 100%;
        float: left;
        background: #401e6b;

    }
    .caro-moble{
        display: block;
        text-align: center;
    }
    .caro-moble img{
        
width: 100%;
    }

    .caro-moble h4{
        
background: #7b3eb3;
        
color: #fff;
        
padding: 10px;
        
line-height: 24px;
        
font-size: 16px;
        
margin-top: 0px;
    }

    .menu-bar {

        border-top: none;
        margin-bottom: 0px;
    }

    .page-container h1, .page-container h2{ 
        text-align:center;
    }


    .two-col li, .three-col li, .four-col li{
        width:100%!important;
    }

    .inside-images{ 
        padding:10px!important; 
        margin:0px;
    }

    .quick-quote{
        display:none;
    }

    .navbar-default .navbar-nav>li>a{
        text-align:center;
    }
    a {
        color: #401e6b;
        text-decoration: none;
    }

    /*header*/


    .logo{ 
        text-align:center;
    }

    .logo img {
        width: 100%;
    }
    .fblogo img {
    width: 61%;
    margin-top: 25px;
}



    .header{
        background:none;
        text-align: center;
    }
    .header-con{

        display: none;
    }
    .txt-send{
        text-align: center;
    }

    .four-col-img{ 
        margin-top:20px!important;
    }

    .container img-sec{
        margin-top:20px;
    }

    .four-col-img h1{    
        font-size: 14px;                    
        width: 100%;
    }
    .four-col-img h1 { 
        margin-left:0px; 
        text-align:center; 
        width:100%; 
        position:relative; 
        padding-left:0px;
    }
    .video-testimonial h3{
        text-align: center;
    }
    .message{
        padding: 0px!important;
    }
    .why-choose li{
        width: 100%;
        margin-left: 0px;
    }
    .why-choose h2{
        padding-top: 30px;
    }
    .why-choose-con {
        padding-bottom: 380px;
    }
    .logos h3 {

        padding-top: 30px;
    }
    .glyphicon{ 
        display:block;
    }

    .three-col li{ 
        width:100%; float:left;
    }

    .inside-img{

        background:none;

    }
    .row{
        margin: 0px;
    }
    .logos img{
        width: 80%;
    }
    .page-container .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .page-container h4{
        text-align: center;
    }

    /*our services*/


    .welcome h2 {
        font-size: 26px;
        text-align: center;
        background-color: #f6f6f6;
        margin-top: 30px;
        padding: 10px;
    }
    .tab-items .item:hover .btn-lg{

        background-color:#ff6600; 
    }

    .tab-items h2 {
        color: #403a68;
        font-size: 20px;
        font-weight: bold;
        margin-top: 0px;
        padding: -4px;
    }


    /*testmonial*/


    .testmonial h1 {
        font-size: 32px;
        color: #2d2e6e;
        padding-top: 10px;
    }

    .testmonial {
        text-align: center;
        background: #f6f6f6;
        height: auto;
        margin-top: 20px;
    }

    /*footer*/


    .footer{ 
        text-align:center;
    }

    .footer span{ 
        text-align:center; 
        float:left; 
        width:100%; 
        margin:10px 0px 10px 0px;
    }

    .foot-right{ 
        float:none; 
        text-align:center;
    }

    .footer font{ 
        float:none; 
        text-align:center;
    }


    .dropdown-menu {
        position: relative;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: block;
        float: left;
        width: 100%;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: center;
        list-style: none;
        background-color: transparent; 
        -webkit-background-clip: padding-box;
        /* background-clip: padding-box; */
        border: none; 

        /* border-radius: 4px; */
        /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */
        box-shadow:none; 
    }
    /*carosal*/
    .carousel-caption{
        display: none;
    }
    .carousel-caption2{
        display: none;
    }
    /*gallery*/

    .gallery li, .gallery li img{
        width:100% !important;
        height:auto !important;
        margin:0px;
    }

    .gallery-pc{
        display:none !important;
        visibility:hidden !important;
    }

    .gallery-mobile{
        display:block !important;
        visibility:visible !important;
    }

    .area-map iframe{ height:250px!important;}

}


@media (max-width: 1200px) {




    .navbar-header {

        float: none;

    }

    .navbar-left,.navbar-right {

        float: none !important;

    }

    .navbar-toggle {

        display: block;

    }

    .navbar-collapse {

        border-top: 1px solid transparent;

        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

    }

    .navbar-fixed-top {

        top: 0;

        border-width: 0 0 1px;

    }

    .navbar-collapse.collapse {

        display: none!important;

    }

    .navbar-nav {

        float: none!important;

        margin-top: 7.5px;

    }

    .navbar-nav>li {

        float: none;

    }

    .navbar-nav>li>a {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .collapse.in{

        display: block !important;
        height: auto!important;

    }


    .collapse.in {
        display: block !important;
        max-height:700px;
        position:relative;
        overflow:scroll;
    }


}	


/* Landscape */

@media only screen 

and (min-device-width: 768px) 

and (max-device-width: 1024px) 

and (orientation: landscape) 

and (-webkit-min-device-pixel-ratio: 2) {

    .area-map iframe{ 
        height:830px!important;
    }

    #sticky.stick {
        margin-top: 0 !important;
        position: fixed;
        top: 0;
        z-index: 10000;
        width: 100%;
        float: left;
        background: #401e6b;
        left: -20px;
    }
    .why-choose li{
        width: 50%;
    }
    .why-choose-con {
        padding-bottom: 0px;
    }
    .foot-left, .foot-right{ width:100%; text-align:center;}
    .social-link-fb {
        margin-top: -14px;
    }

    .page-container h4 {
        text-align: justify;
    }
    .logos h3 {
        padding-top: 0px;
    }
    .logos img {
        width: 19%;
    }
    .why-choose h2 {
        padding-top: 0px;
    }
    .three-col li {
        width: 33%;
    }
    .welcome-land{
        width: 100%;
    }

    .two-col li {
        width: 50%;
    }

    .logo img {
        width: 60%;
    }
    .logo{
        width: 100%;
    }

}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.fblogo img {
    width: 100%;
    margin-top: 25px;
    margin-left: 384px;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)

and (-webkit-min-device-pixel-ratio: 2)

{ 

    .area-map iframe{
        height:250px!important;
    }

    .covering ul li{
        width:50%; 
        float:left;
    }
    .logos img {
        width: 50%;
    }

    #sticky.stick {
        margin-top: 0 !important;
        position: fixed;
        top: 0;
        z-index: 10000;
        width: 100%;
        float: left;
        background: #401e6b;
        left: -20px;
    }

    .foot-left, .foot-right{ 
        width:100%; 
        text-align:center;
    }
    .three-col li {
        width: 50%;
    }
    .two-col li {
        width: 50%;
    }
    .logo img {
    width: 83%;
}
.fblogo img {
    width: 52%;
    margin-top: 25px;
}
    .tarmac li{
        width: 100%;
    }
}


@media  screen and (min-width: 1920px) {




}


@media  screen and (min-width: 1500px) {




}

@media  screen and (min-width: 1920px) {
    .carousel-caption1 {
        float: left;
        width: 21%;
        right: 17%;
        top: 24%;
        padding: 10px;
        z-index: 1001;
        position: absolute;
    }
}

@media  screen and (min-width: 1500px) {

    .carousel-caption1 {
        float: left;
        width: 21%;
        right: 17%;
        top: 24%;
        padding: 10px;
        z-index: 1001;
        position: absolute;
    }

}