@media only screen and (min-width: 992px) and (max-width: 1199px){
    .site-logo img{
        max-height:65px;
    }
    .hd-tp-right a.number{
        font-size:24px;
    }
    figure.effect-bubba h2{
        padding-top:5%;
    }
    .grid figure h2{
        font-size:30px;
    }
    .grid figure p{
        font-size:67%;
    }
    figure.effect-bubba p {
        padding: 10px 2.5em;
    }
    .services-list ul li, .brands-list ul li {
        width: 16.9%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
    .rmp_menu_trigger,
    .rmp-container{
        display:none !important;
    }
}

/************ Laptop & Tab *************/
@media only screen and (min-width: 768px) and (max-width: 991px){
    .hd-tp-right a.number{
        font-size:19px;
    }
    .site-header p{
        font-size:12px;
    }
    nav.main-menu ul li{
        padding:0 9px;
    }
    .site-logo img{
        width: 240px;
        height: 66px;
    }
    #copyright {
        font-size: 10px;
    }
    .content-area h1.page-title{
        font-size:30px;
    }
    .services-list ul li{
        width:21%;
    }
     .brands-list ul li{
        width:25%;
     }
     .brand-box{
        line-height: 171px;
     }
     .listlogo img{
        max-height:55px;
     }
     .map_wrap{
        display:none;
    }
    #clientlogos{
        padding-top:0;
    }
    #clientlogos .row  {
        padding-bottom:0 !important;
    }
    .site-footer .contact-form {
        margin-right:10px;
    }
    .contact-form input[type="email"], .contact-form input[type="text"] {
        width: 87%;
    }
    .contact-form input[type="tel"], 
    .contact-form textarea {
        width: 94%;
    }
    .tns-controls{
        top:55%;
    }
}
    
/************ Tab and Mobile *************/
@media (max-width: 767px){
    
    #menu,
    .site-header .hd-tp-right{
        display:none !important;
    }
    .site-header{
        position:relative;
        background:#000;
        padding:15px 0;
    }
    header .mt-3{
       margin-top: 0rem!important;
    }
    .text-right {
        text-align: center !important;
    }
    .listlogo img{
        max-height:45px;
    }
    .home header.site-header{
        position:relative;
        background:#000;
    }
    .site-logo img{
        width: 240px;
        height: 66px;
    }
    figure.effect-bubba h2{
        padding-top:5%;
    }
    .grid figure h2{
        font-size:22px;
    }
    .grid figure p{
        font-size:67%;
    }
    figure.effect-bubba p {
        padding: 10px 2.5em;
    }
    #testimonials .row.pt-5.pb-5,
    #testimonials.pt-5.pb-5{
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }
    #locationmap h3{
        font-size:22px;
    }
    #locationmap a.btn-primary{
        font-size:14px;
        padding:15px;
    }
    #locationmap h3.pb-5{
        padding-bottom: 2rem!important;
    }
    .site-footer{
        text-align:center;
        padding-top:30px;
    }
    .site-footer .widget_text .d-flex{
        display:block !important;
        margin-bottom: 20px;
    }
    .footer-2{
        margin-top:20px;
    }
    .site-footer .contact-form input[type="text"], 
    .site-footer .contact-form input[type="email"], 
    .site-footer .contact-form input[type="tel"], 
    .site-footer .contact-form textarea {
        width: 92%;
    }
    .site-footer .contact-form input[type="email"] {
        width: 92%;
    }
    .site-footer .widget_text .contact-form .d-flex{
        margin-bottom: 0px;
    }
    .site-footer .contact-form input[type="submit"]{
        text-align:left;
        float:left;
    }
    #fourblocks .mb-4{
        margin-bottom: 10px !important;
    }
    #locationmap iframe{
        height:100%;
    }
    .site-footer{
        padding-top:30px !important;
        font-size:16px;
        padding-bottom:20px;
    }
    .site-footer .contact-form{
        max-width:320px;
        margin:15px auto;
    }
    .site-footer .widget {
        margin-bottom:22px;
    }
    #responsive-menu-additional-content .cal-rgt.text-right{
        text-align:left !important;
        font-size:15px;
    }
    .content-area {
        padding:40px 0;
    }
    .content-area h1.page-title{
        font-size:26px;
        text-align:left;
    }
    .site-content {
        padding-top: 20px;
    }
    .contact-form input[type="email"],
    .contact-form input[type="text"], 
    .contact-form input[type="email"], 
    .contact-form input[type="tel"], 
    .contact-form textarea {
        width: 95%;
    }
    .contact-form .d-flex{
        display:block !important;
    }
    #secondary.widget-area{
        max-width:350px;
        margin:50px auto 0;
    }
    #copyright{
        text-align:center;
        font-size:15px;
    }
    #clientlogos .row.pt-5.pb-5{
        padding-top: 0rem!important; 
        padding-bottom: 0rem!important; 
    }
    #clientlogos:before, 
    #clientlogos:after{
        display:none;
    }
    #responsive-menu-additional-content .cal-rgt p {
        display: block;
    }
    .nav-area{
        margin-top:0;
    }
    .services-list ul li, .brands-list ul li {
        width: 43%;
    }
    .page-id-162 .site-content h2 {
        font-size: 20px;
    }
    .listlogo {
        display: block;
        text-align:center;
    }
    .listlogo img {
        max-height:34px;
        margin-bottom:15px;
        margin: 0 6px;
    }
    .map-responsive{
        overflow:hidden;
        padding-bottom:56.25%;
        position:relative;
        height:0;   
    }
    .map-responsive iframe{
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
    }
    .page-id-27 iframe{
        width:100%;
    }
    .page-id-104 .entry-content h3{
        font-size:22px;
        line-height:1.5;
    }
    .map_wrap{
        display:none;
    }
    
    #clientlogos .row  {
        padding-bottom:0 !important;
    }
    #responsive-menu-container #responsive-menu-additional-content a{
        color:#fff;
        text-decoration: underline;
    }
    .site-footer .contact-form input[type="submit"]{
        font-size:15px;
    }
    .site-footer #text-2.widget{
        margin-top:20px;
    }
    figure.effect-bubba h2,
    figure.effect-bubba p {
        opacity: 1;
    }
    .grid figure figcaption, 
    .grid figure figcaption > a{
        background: rgba(0, 0, 0, .5);
    }
    .grid figure figcaption {
        padding: 3em 1em;
        line-height:1.8;
        font-size: 1.30em;
    }
    figure.effect-bubba p {
        padding: 0px 2.5em;
    }
    .grid figure figcaption {
        padding:1em 1em;
    }
    figure.effect-bubba h2,
    figure.effect-bubba p{
        -webkit-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);
    }
    .grid figure h2{
        margin-bottom:15px;
    }
    .grid figure p {
        font-size: 65%;
    }
    body{
        font-size:16px;
    }
    .contact-form input[type="submit"]{
        width:100%;
    }
    #rmp-menu-wrap-253 .rmp-menu-item-link{
        font-size:15px;
    }
    .rmp-menu-additional-content .text-right{
        margin-top:15px;
        text-align: left !important;
    }
    .rmp-menu-additional-content .text-right p{
        margin-bottom:0;
    }
    .grid figure figcaption, .grid figure figcaption > a{
        height:100%;
    }
    figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after{
        top: 15px;
        right: 15px;
        bottom: 30px;
    }
    #testimonials h2{
        text-align:center;
    }
    .page-id-104 .entry-content .wp-block-spacer{
        height: 0px !important;
    }
    .tns-controls{
        top:45%;
    }
    .grid{
        padding: 1em 0 1em;
    }
    .site-content .contact-form input[type="text"], 
    .site-content .contact-form input[type="email"], 
    .site-content .contact-form input[type="tel"], 
    .site-content .contact-form textarea {
        width: 94%;
    }
     .rmp-menu-additional-content{
        padding-top:20px !important;
        padding-bottom:25px !important;
     }
    .rmp-menu-additional-content .owned-text{
        font-size: 16px;
        color: #fff;
        text-align: left;
        line-height: 100%;
        font-weight: 500;
    }
    .rmp-menu-additional-content .owned-text a{
        display: block;
        color: #8b0909;
        margin-top: 10px;
        font-weight: 600;
        font-size: 18px;
    }
    .rmp-menu-additional-content .owned-text a:hover{
        color:#fff;
    }
}


/************ All Mobile and small size screen *************/
@media (max-width: 479px){
    .listlogo img {
        max-height: 35px;
    }
    .grid figure h2 {
        font-size: 20px;
    }
    figure.effect-bubba p {
        padding: 0px;
    }
    .grid figure p {
        font-size: 60%;
    }
    .grid figure figcaption {
            padding:10px;
    }
    figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;
    }
    #testimonials h2{
        font-size:24px;
    }
    #locationmap h3 {
        font-size: 17px;
    }
    #locationmap img{
        max-height: 38px;
    }
    #copyright {
        font-size:14px;
    }
    .created{
        margin-top:8px;
    }
    .site-logo img {
        width: 200px;
        height: 55px;
    }
    footer h3 {
        font-size:16px;
    }
    .site-footer .widget{
        font-size:14px;
    }
    .content-area h1.page-title {
        font-size: 25px;
    }
    .blog article.post h2, .archive article.post h2{
        font-size:18px;
    }
    .blog article.post, .single article.post, .archive article.post{
        line-height:1.6;
    }
    #secondary.widget-area .widget h3 {
        font-size: 16px;
    }
    .services-list ul, 
    .brands-list ul{
        margin-left:-15px;
    }
    .services-list ul li, .brands-list ul li{
        padding-left: 15px;
    }
    .page-id-162 .site-content h2{
        font-size:17px;
    }
    .services-list h3{
        font-size:14px;
    }
    .services-list{
        margin-bottom:20px;
    }
    .brand-box{
        line-height: 131px;
    }
    .page-id-104 .entry-content h3{
        font-size:20px;
        line-height:1.5;
    }
    .tns-controls{
        top:35%;
    }
    .tns-controls button:first-child,
    .tns-controls button:last-child{ 
        background-size: 29px;
        width:29px;
        height:29px;
    }
    .tns-controls {
        top: 60%;
    }

}