
/* @media only screen and (max-width: 1199px) {
    body {
      font-size: 18px;
    }
} */


/* @media only screen and (max-width: 988px){
    .ownsection .colwrapper p{
        margin-right: 0px;
    }
}

@media only screen and (max-width: 991px){
    .remove991{
        display: none
    }
    .bannerwrapper .banner{
        margin-top: 30px;
    }
    .bannercontainer .bannerwrapper .bannercontent h1{
        font-size: 40px;
        line-height: 40px;
    }
    .bannercontainer .bannerwrapper .bannercontent .store{
        margin-top: 25px;
    }
}


@media only screen and (max-width: 767px){
    #inMobile{
        display: inline
    }
    .aboutus .ourquality .eachfrid{
        padding-left: 10px;
        margin-bottom: 30px
    }
}


@media only screen and (max-width: 691px){
    .footerwrapper{
        padding: 15px
    }
}

@media only screen and (max-width: 500px){
    .formwrapper{
        margin-left: 0px;
    }
    .testimonial .pic{
        width: 60px;
    }
    .testimonial{
        padding: 40px 0px 40px 80px;
    }
    .testimonial .pic{
        left: 10px;
    }
    .bannercontainer .bannerwrapper{
        padding: 10px 10px;
    }
    .bannercontainer .bannerwrapper .bannercontent{
        padding-top: 20px;
        padding-right: 0px;
    }
    .bannercontainer .bannerwrapper .bannercontent p{
        font-size: 16px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 430px){
    .ownsection .colwrapper img{
        width: 90%;
    }
    .aboutus .ourquality{
        padding: 20px;
    }
}

@media only screen and (max-width: 400px){
    .partnercontainer{
        padding-right: 10px;
        padding-left: 10px;
    }
    .missioncontainer{
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media only screen and (max-width: 950px){
    .aboutus .ourquality .eachfrid{
        margin-right: 0px
    }
} */


@media only screen and (max-width: 991px){
    .remove991{
        display: none
    }
    .bannerwrap .writeup{
        bottom: 50px;
        left: 20px;
    }
    .bannerwrap .writeup h1{
        font-size: 25px;
        margin-right: 100px;
    }
    .takecontrol .eachrow .wraptext.odd{
        margin: 0px
    }
    .contactinfo .infowrap.second{
        border-right: none;
    }
}

@media only screen and (max-width: 800px){
    .themenus{
        display: none;
    }
    header .mobileview{
        display: block !important;
    }
}

@media only screen and (max-width: 767px){
    .bannerwrap .writeup{
        bottom: 80px;
        left: 50px;
    }
    .bannerwrap .writeup h1{
        font-size: 35px;
        margin-right: 150px;
    }
    .takecontrol .eachrow .wraptext{
        margin-left: 0px
    }
    .remove767{
        display: none
    }
    .display767{
        display: block
    }
    .calltoAction .calltoActionwrapp .content-wrapper .calactionimg img{
        width: 180px;
    }
    .calltoAction .calltoActionwrapp .content-wrapper h1{
        font-size: 30px;
    }
    .calltoAction .calltoActionwrapp .content-wrapper p{
        font-size: 15px;
    }
}
@media only screen and (max-width: 680px){
    .remove680{
        display: none;
    }
}
@media only screen and (max-width: 575px){
    .remove575{
        display: none
    }
    .bodright{
        border-right: none
    }
    .withborder575{
        border-bottom: 1px solid #E3E3E3
    }
    .contactinfo .infowrap.second{
        border-left: none;
    }
    .takecontrol .eachrow .wraptext h1{
        font-size: 22px;
        margin-top: 15px;
    }
    .takecontrol .eachrow .wraptext.even{
        margin-right: 0px
    }
    .calltoAction .calltoActionwrapp .content-wrapper{
        padding: 30px 20px 0px 20px;
    }
    .learmore{
        margin-bottom: 30px;
    }
    .sectitle h1{
        font-size: 30px;
    }
    .phonenav{
        padding: 5px !important;
    }
    .phonenav .col-7, .phonenav .col-4{
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (max-width: 500px){
    .bannerwrap .writeup{
        bottom: 30px;
        left: 10px;
    }
    .bannerwrap .writeup h1{
        font-size: 20px;
        margin-right: 50px;
    }
    .takecontrol .eachrow .wrapimg{
        height: 200px;
    }
    .takecontrol .eachrow .wrapimg img{
        width: 120px;
        margin-top: 49px;
    }
}
@media only screen and (max-width: 496px){
    .eachproduct{
        margin-right: 0px;
        margin-left: 0px;
    }
    .testimonial .eachtest{
        margin-left: 0px;
        margin-right: 0px;
        padding: 8px;
    }
    .driveus .driveleft{
        margin-right: 0px;
    }
}
@media only screen and (max-width: 400px){
    .threegrid .gridwrapper .gridtop{
        padding: 20px
    }
}
@media only screen and (max-width: 370px){
    .remove370{
        display: none
    }
}

