@media only screen and (min-width:200px) and (max-width:767px) {

    .innerpage_wrapper img {
        margin: 0 0px 20px 0;
        width: 100%;
    }
    
    
    section.our-service.fordesktop {
    display: none;
}

section.our-service.formobile {
  display: block;;
}

section.our-service.formobile .service-content-div h3 {
    padding-top: 20px;
}

.sec-btn {
    text-align: center;
    margin: 0%0 0;
}

section.our-service.formobile .owl-theme .owl-nav {
    margin-top: 0px;

}
    
    .itembox img {
    height: 270px;
}

.faq-item-wrapper h4 {
    font-size: 16px;
}

.thfaqf-faq-item-content p {
    margin-left: -8px;
    font-size: 14px;
    padding-top: 16px;
}

.innerpage_wrapper h1 {
    font-size: 20px;
    line-height: 30px;
}
#service-carousel-scroll .owl-nav {
    top: -57px;
    right: 37px;
}
.innerpage_wrapper h2 {
    font-size: 20px;
    line-height: 30px;
    margin: 9px 0 12px;
}
    
    .about_left h1 {
    font-size: 20px;
    line-height: 30px;
}

.innerpage_wrapper {
    padding: 22px 0 12px;
}
.hdr_fix .stellarnav.light li a {
    color: #000;
}
.home-blog h3 {
    font-size: 27px;
}
#service-carousel .owl-nav .owl-next span {
    top: -2px;
}
#service-carousel .owl-nav .owl-prev span {
    bottom: 15px;
}
.about_left h2 {
    font-size: 20px;
    line-height: 30px;
    margin: 9px 0 12px;
}

.about_sec2 h2 {
    font-size: 20px;
    line-height: 30px;
    margin: 9px 0 9px;
}
.itembox{
    margin:10px;
}
#service-carousel {
    left: 0;
}
.blog-imgpart {
    right: 0;
}
#blog-carousel .owl-nav {
    top: -90px;
}
#blog-carousel .owl-nav .owl-prev span {
    bottom: 15px;
}
#blog-carousel .owl-nav .owl-next span {
    top: -3px;
}
.leftpart h4 {
    font-size: 18px;
    line-height: 30px;
}

.our-service h3 {
    font-size: 30px;
}
.black-section img {
    height: 269px;
    object-fit: cover;
}
.black-sec-conversion {
    top: 9%;
}
    .menu {
        margin: 1px 0 0;
    }
.home-blog .item img {
    height: auto;
}
    .logo {
        left: 0;
    }

    .logo img {
        padding: 4px 0px 0;
        width: 65%;
    }

    .header {
        position: relative;
        background: #ffffff;
        background: #000;
    }

    .about-hover {
        position: relative;
        background: #c48408;
        padding: 40px;
        width: 100%;
        right: 0px;
    }

    .banner-text-area {
        padding-top: 0;
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }

    .header-top {
        text-align: left;
    }

    .top-right {
        text-align: center;
        display: none;
    }

    .top-right ul li {
        margin: 0 0px 10px 0;
        padding: 0;
    }

    .banner_txt h5 {
        font-size: 21px;
        color: #000;
    }

    .banner_txt h3 {
        color: #000;
        margin: 0 auto 0;
        width: 100%;
        font-size: 13px;
    }

    .banner-overlay {
        position: relative;
        height: auto;
        background: transparent;
    }

    .stellarnav .menu-toggle,
    .stellarnav .call-btn-mobile,
    .stellarnav .location-btn-mobile {
        padding: 4px
    }

    #banner-carousel .owl-dots {
        display: none;
    }

    .home-blog {
        margin: 0 0;
        padding: 30px 0;
    }

    .our-work {
        position: relative;
    }

    .position {
        padding: 0% 0px 0px;
    }

    .position h5 {
        color: #000;
    }

    .position h3 {
        color: #000;
        font-size: 19px;
        margin: 12px 0 15px;
    }

    .position p {
        color: #000;
    }

    .rightpart {
        margin: 0% 0;
    }

    .testimonial .itembox p {
        width: 100%;
    }

    #testimonial-carousel {
        margin: 0 0 20px 0;
    }

    .footer-menu p {
        width: 100%;
    }

    .testimonial {
        padding: 0px 0px 0;
        margin: 0;
    }

    .hdr_fix .logo img {
        width: 60% !important;
    }

    .banner_txt a {
        margin-top: 0;
        margin-right: 0;
    }

    .footer-top {
        width: 91%;
    }

    .testimonial a {
        margin: 13px 0 23px;
    }

    .home-product {
        margin: 23px 0 0;
    }
    .explore-work {
    padding: 8px 0;
    }
    .stellarnav.mobile.light ul {
    background: rgb(255 255 255);
    width: 356px;
    right: 4px;
    top: 56px;
}
.stellarnav > ul > li > a {
    margin: 6px 0;
}
.stellarnav.mobile > ul > li > a {
    padding: 12px;
    font-size: 15px;
    color: #000;
}
.banner_txt h3::before{
    display: none;
}
.banner_txt h3::after{
    display: none;
}
.rightpart span {
    top: 4px;
    right: 5px;
    border-radius: 10px 10px 10px 10px;
}

.red-section img {
    min-height: 232px;
    object-fit: cover;
}
.red-section h3 {
    font-size: 25px;
}
.red-section p {
    padding: 0 0% 0 0;
}
.red-section a {
    margin: 0 7px 10px 0;
    font-size: 14px;
    float: left;
}
.position .rating {
    margin: 0 0 0 0;
}
.service-content-div {
    padding: 0 0 31px 0px;
    top: 0;
    overflow: hidden;
}
.our-service h3 {
    margin: 11px 0 10px -1px;
}
.blog-imgpart h6 {
    font-size: 14px !important;
}
.our-client {
    padding: 20px 0 80px;
}
.black-sec-conversion img {
       min-height: 232px;
    object-fit: cover;
}
.our-service>img {
    min-height: 459px;
    object-fit: cover;
}
.red-sec-conversion {
    top: 15%;
}
.black-section p {
    padding: 0 0 0 0;
}
.black-section a {
    margin: 0 7px 16px 0;
    float: left;
}
.black-section h3 {
    font-size: 25px;
    padding: 13px 0 0 0;
}
#service-carousel .owl-nav {
    right: 24px;
    top: -56px;
}
.stellarnav.light .menu-toggle, .stellarnav.light .call-btn-mobile, .stellarnav.light .location-btn-mobile {
    color: #ffffff;
    text-align: right;
    font-size: 23px;
}
.stellarnav.light li a {
    color: #000000
}
#service-carousel-scroll {
    left: 0;
}
}

@media only screen and (min-width:200px) and (max-width:319px) {}

@media only screen and (min-width:320px) and (max-width:479px) {}

@media only screen and (min-width:480px) and (max-width:767px) {}

@media only screen and (min-width:768px) and (max-width:991px) {
    .logo {
        left: 0;
        bottom: 0;
        right: -80px;
    }

    .header-top {
        text-align: center;
    }

    .banner-text-area {
        /* width: 65%; */
        padding-top: 0;
        margin-top: 6%;
    }

    .banner_txt h5 {
        font-size: 27px;
    }

    .about-hover {
        padding: 15px;
        top: -20%;
    }

    .blog-txt {
        padding: 48px 2% 20px 0;
    }

    .rightpart {
        margin: 0 0;
    }

    .position {
        padding: 0% 16px 32px;
    }

    .position h3 {
        font-size: 14px;
        margin: 12px 0 8px;
    }

    .testimonial h4 {
        font-size: 19px;
    }

    .testimonial .itembox p {
        width: 100%;
    }

    .testimonial {
        padding: 30px 20px 14px;
        margin: 0;
    }

    .footer-menu p {
        width: 100%;
    }

    .home-blog>img {
        margin: 30px 0;
    }
    .footer-top {
    width: 52%;
    }
    .latest-div h4 {
    font-size: 18px;
    }
    .stellarnav.mobile.light ul {
    background: rgb(255 255 255);
}
.stellarnav > ul > li > a {
    margin: 6px 5px;
}
.stellarnav.mobile > ul > li > a {
    padding: 11px;
}
 .top-right a {
    padding: 4px 1px;
    font-size: 12px;
}
.banner-overlay {
    top: 19%;
}
.red-section h3 {
    font-size: 31px;
}
.red-section p {
    padding: 0 0 0 0;
}
.black-section h3 {
    font-size: 31px;
}
.black-section p {
    padding: 0 0 0 0;
}
.footer-logo img {
    width: 37%;
}
}

@media (min-width:992px) and (max-width:1199px) {
    .menu-icon {
        right: 94px;
    }
    .footer-top {
    width: 52%;
    }
   

}
@media (min-width:1400px) and (max-width:1680px) {
   .chooes .right-textpart p {
    font-size: 14px;
   }
   .left-imgtext {
    margin: 0 0 11px 0;
   }
   
   .top-right a {
    padding: 7px 15px;
}
}


@media screen and (width: 1280px) {
.stellarnav > ul > li > a {
    margin: 6px 10px;
}
.top-right a {
    padding: 12px 4px;
    font-size: 16px;
}

.top-right a {
    padding: 10px 15px;
    font-size: 17px;
}
}

@media (min-width: 1920px) and (max-width: 2560px)  {
.left-imgtext {
    padding: 22px 10px;
}
.chooes .right-textpart p {
    margin: 7px 0 0;
    font-size: 14px;
}
}