/*max width 1400px*/
@media(min-width: 1400px){

    /* home page */
    .about-left-wrap{
        width: 80%;
    }
    .features-right-img-box{
        width: 35%;
    }
    .features-element2{
        right: 32%;
    }
    /* Home page end */
}
/*max width 1399px*/
@media(max-width: 1399px){
    
}

/*max width 1199px*/
@media(max-width: 1199px){
    .common-title h3{
        font-size: 30px;
    }
    /* ### header banner css start ###*/
    .top-header-wrap .top-head-right > ul .contact-info p{
        font-size: 12px;
    }
    .top-header-wrap .social-icon ul li{
        margin-left: 5px;
    }
    .top-header-wrap .social-icon ul li a{
        font-size: 14px;
    }
    .top-header-wrap .common-btn1 span{
        padding: 6px 10px;
    }
    .header-menu .navbar-nav li{
        padding: 0px 8px;
    }
    .banner-wrapper .banner-content-wrap .banner-content h3{
        font-size: 40px;
    }
    /* ### header banner css end ###*/
    .company-overview-list h3{
        font-size: 30px;
    }
    .company-overview-list p{
        font-size: 14px;
    }
    .special-offer-wrap .special-offer-content h3{
        font-size: 30px;
    }
    .special-offer-wrap .special-offer-content h3 strong{
        font-size: 40px;
    }

    .special-list .special-content h4{
        font-size: 20px;
    }
    .special-list .special-content p{
        font-size: 14px;
    }

    
}


@media(min-width: 992px) and (max-width: 1199px){
    
}

/*max width 991px*/
@media(max-width: 991px){
    .common-title h3 {
        font-size: 25px;
    }
    /* header css start */
    .header-wrapper .navbar .navbar-toggler{
        background-color: #fff;
        border: 0px;
        padding: 6px 10px;
        color: #000;
    }
    .header-wrapper .header-menu .navbar .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: rgb(222 27 45 / 80%);
        backdrop-filter: blur(10px);
        padding: 20px 10px;
        border-radius: 5px;
        box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 50%);
    }
    /* header css end */
    /*# Banner css start ###*/
    .banner-wrapper .banner-content-wrap .banner-content h3{
        font-size: 30px;
    }
    .banner-wrapper .banner-content-wrap .banner-content p{
        font-size: 14px;
    }
    .banner-form-wrap .banner-form-inner h3{
        font-size: 18px;
    }
    .banner-form-wrap .banner-form-inner .form-group .form-control{
        padding: 5px 5px;
    }
    .banner-form-wrap .banner-form-inner{
        padding: 30px 80px 30px 50px;
    }
    /*# Banner css end ###*/

    .about-left-wrap{
        width: 60%;
    }
    .about-right-content{
        padding-right: 0%;
    }
    .special-offer-wrap .special-offer-content h3 {
        font-size: 25px;
    }
    .special-offer-wrap .special-offer-content h3 strong {
        font-size: 30px;
    }
    .our-features-content .common-title p{
        font-size: 14px;
    }
    .our-features-content ul li h4{
        font-size: 16px;
    }
    .our-features-content ul li p{
        font-size: 14px;
    }
    .features-element1{
        width: 100px;
    }
    .features-element2{
        width: 160px;
    }

    .area-we-serve-wrapper .area-element1{
        width: 150px;
    }
    .area-we-serve-wrapper .area-element2{
        width: 110px;
    }
    .newsletter-main-wrap .title h3{
        font-size: 22px;
    }
}

/*width 768px to 991px*/
@media(min-width: 768px) and (max-width: 991px){

}

/*max width 767px*/
@media(max-width: 767px){
	/* ### Header css start ###*/
    .banner-wrapper > img{
        height: auto;
    }
    .banner-wrapper .banner-content-wrap{
        position: relative;
        top: auto;
        transform: translateY(0%);
        margin-top: 15px;
    }
    .banner-content{
        background-color: #000;
        padding: 20px 20px;
        border-radius: 10px;
        margin-bottom: 15px;
    }
    .banner-form-wrap .banner-form-inner{
        transform: skew(0deg, 0deg);
        right: 0px;
        border-radius: 40px 40px 40px 40px;
        padding: 30px;
    }
    .banner-form-wrap .banner-form-inner::before{
        left: 0px;
    }
    .banner-form-wrap .banner-form-inner .banner-form-child{
        transform: skew(0deg, 0deg);
    }
	/* ### Header css end ###*/

    .banner-btm-info-list{
        padding: 10px 20px;
    }

    .about-list-right-img{
        display: none;
    }
    .special-offer-wrapper{
        padding-top: 0px;
    }
    .special-offer-left-img{
        position: relative;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .special-offer-left-img img{
        width: 170px;
    }
    .special-offer-wrap .special-offer-right-img{
        margin-top: -0px;
        text-align: center;
        display: none;
    }
    .special-offer-wrap .special-offer-right-img img{
        width: 200px;
    }

    .features-right-img-box{
        position: relative;
        right: 0;
        top: 0%;
        transform: translateY(0%) skewX(-10deg);
        margin: 0 auto;
        margin-top: 15px;
    }
    .footer-top-wrapper{
        padding-top: 60px;
    }
    .newsletter-right-img{
        display: none;
    }
    
}

/*width 576px to 767px*/
@media(min-width: 576px) and (max-width: 767px){

}

/*max with 575px*/
@media(max-width: 575px){
    .common-title p{
        font-size: 14px;
    }
	/*  */
    .top-header-wrap .top-head-left ul li{
        width: 100%;
    }
    .top-header-wrap .top-head-left ul li .logo-wrap{
        text-align: center;
    }
    .top-header-wrap .top-head-left ul li .open-time{
        text-align: center;
    }
    .top-header-wrap .top-head-right > ul{
        justify-content: center;
    }
    .banner-wrapper .banner-content-wrap .banner-content h4 span{
        font-size: 12px;
        padding: 5px 6px;
    }
    .banner-wrapper .banner-content-wrap .banner-content h3 {
        font-size: 20px;
    }

    .about-left-wrap{
        width: 90%;
    }
    .about-left-wrap .about-img{
        left: -30px;
    }
    .features-right-img-box{
        width: 80%;
        transform: translateY(0%) skewX(-2deg);
    }
    .special-offer-wrap{
        transform: skewX(-1deg);
    }
    .special-offer-wrap .special-offer-inner{
        transform: skewX(1deg);
    }
    .special-offer-left-img img{
        width: 80px;
    }
    .special-offer-wrap .special-offer-content h3 {
        font-size: 18px;
    }
    .special-offer-wrap .special-offer-content h3 strong {
        font-size: 22px;
    }
    .special-list .special-img{
        transform: skewX(-1deg);
    }

    .footer-top-newsletter-wrap{
        transform: skewX(-1deg);
    }
    .footer-top-newsletter-wrap .footer-newsletter-wrap{
        transform: skewX(1deg);
    }
}