@media(max-width:992px){
    .header-scrolled .header-top{
        display: block;
        border-bottom: 1px solid rgb(154 154 155 / 25%);
    }
    #header.header-scrolled{
        padding: 10px 0px;
    }
    .banner-bottom-boxes{
        padding: 10px;
    }
    .hm-feat-bx{
        padding: 10px;
    }
    .price-box{
        height: auto;
        margin-bottom: 40px;
    }
    .home-price-sec {
        margin-bottom: 40px;
    }
    .other-feature-bx{
        margin-bottom: 20px;
    }
    .website-builderimg{
        margin-bottom: 20px;
    }
    .migration-line-img img{
        width: auto;
    }
    .banner__illustration-left, .banner__illustration-right{
        width: 600px;
        height: 600px;
    }
    .support-bx{
        height: auto;
        margin-bottom: 20px;
    }
    .payment-img{
        margin-bottom: 20px;
    }
    .reseller-banner .inner-banner-content h3{
        font-size: 44px;
    }
    .inner-banner-content p{
        font-size: 18px;
    }
    .table-price-bx h3{
        font-size: 30px;
    }
    .zigzag-bx-img{
        margin-top: 20px;
    }
    .zigzag-bx{
        padding:0px 0px 40px
    }
    .zigzag-bx-content.left {
        padding-right: 0;
    }
    .zigzag-bx-content.right {
        padding-left: 0;
    }
}

@media(max-width:767px){
    
    .search-box-content ul{
        display: block;
    }
    .search-box-content ul li{
        padding: 5px 10px;
    }
    .banner-content h4{
        font-size: 20px;
    }
    .banner-content h1{
        font-size: 35px;
    }
    .banner-content p{
        font-size: 16px;
        font-weight: normal;
    }
    .banner-bottom-text{
        display: none;
    }
    .home-banner .banner-content-area{
        padding: 120px 0px 100px;
    }
    .home-banner video{
        height: 640px;
    }
    .section-pad {
        padding: 20px 0px;
    }
    .content-slider {
        margin-bottom: 40px;
    }
    .section-header{
        margin-bottom: 30px;
    }
    .section-header h3{
        font-size: 30px;
        line-height: 40px;
    }
    .section-header p {
        font-size: 14px;
    }
    .home-price-sec .nav-pills .nav-link{
        padding: 5px 20px;
        font-size: 16px;
    }
    .home-price-sec .nav-pills{
        margin: 0 auto 40px;
    }
    .price-box{
        margin-bottom: 30px;
    }
    .website-builder-content h4{
        font-size: 30px;
    }
    .migration-sec-content{
        padding: 30px 0px;
    }
    .migration-sec-content h4{
        font-size: 30px;
    }
    .migration-sec-content p {
        font-size: 14px;
        margin-bottom: 30px;
    }
    .domain-box, .website-builder, .affordable-section, .testimonial-section, .testimonial-section, .support-section, .faq-section{
        padding: 60px 0px;
    }
    .search-box{
        margin-bottom: 20px;
    }
    .testimonial-carousel .owl-stage-outer {
        padding: 3px;
    }
    .footer{
        padding: 60px 0 20px;
    }
    .footer-bx{
        margin-bottom: 20px;
    }
    .footer-top {
        padding-bottom: 10px;
    }
    .footer-bottom{
        text-align: center;
    }
    .wordpress-feature .other-features {
        padding-top: 40px;
    }
    .wordpress-compare{
        padding-top: 60px;
    }
    content h3 {
        font-size: 40px;
    }
    .price-bx-footer a{
        height: 40px;
        font-size: 14px;
    }
    .wordpress-compare-content .table th, .wordpress-compare-content .table td{
        font-size: 14px;
        padding: 7px 15px;
    }
    .why-choose-us{
        padding: 60px 0px;
    }
    .reseller-hosting-feature{
        padding: 60px 0px 0px;
    }
    .wordpress-steroids{
        padding: 60px 0px;
        margin-top: 60px;
    }
    .wordpress-steroids-content h3{
        font-size: 30px;
        line-height: 40px;
    }
    .wordpress-steroids-content p{
        font-size: 16px;
    }
    .wordpress-plan {
        padding: 60px 0px;
    }
    .plan-includes-bx{
        padding: 10px;
        margin-bottom: 20px;
    }
    .domain-benefit {
        padding-top: 60px;
    }
    .inner-banner-content h3{
        font-size: 45px;
    }
    .zigzag-section {
        padding: 60px 0px;
    }
    .get-in-touch{
        margin-top: -40px;
    }
    .contact-info{
        padding-top: 60px;
    }
}

@media(max-width:480px){
    .inner-banner{
        padding: 150px 0 60px;
    }
    .header-top-content ul li{
        margin-right: 10px;
    }
    .header-top-content ul li a{
        font-size: 12px;
    }
    #header .logo img{
        height: 35px;
        margin: 0;
    }
    .banner-content h4 {
        font-size: 14px;
    }
    .banner-content h1 {
        font-size: 26px;
    }
    .banner-content p{
        font-size: 14px;
        line-height: 22px;
        margin: 0px auto 30px;
    }
    .banner-btns a{
        font-size: 14px;
        padding: 7px 15px;
    }

    .home-banner .banner-content-area {
        padding: 80px 0px 40px;
    }

    .home-banner video {
        height: 460px;
    }

    .mobile-nav{
        top: 90px;
    }

    .mobile-nav a{
        font-size: 16px;
    }
    .mobile-nav li {
        padding: 5px 15px;
    }
    .section-header h3 {
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .section-header {
        margin-bottom: 20px;
    }
    .home-price-sec .nav-pills .nav-link{
        width: 100%;
    }
    .home-price-sec .nav-pills{
        border-radius: 5px;
        display: block;
    }
    .price-box{
        padding: 20px 20px 14px;
    }
    .website-builder-content h4 {
        font-size: 22px;
    }
    .list-group-content h5{
        font-size: 18px;
    }
    .list-group-content p{
        font-size: 14px;
    }
    .list-group-bx{
        margin: 0px 0px 20px 0px;
        padding: 15px;
    }
    .domain-box, .website-builder, .affordable-section, .testimonial-section, .testimonial-section, .support-section, .faq-section {
        padding: 40px 0px;
    }
    .migration-sec-content h4 {
        font-size: 24px;
    }
    .search-box-content ul li{
        font-size: 14px;
    }
    .banner__illustration-left, .banner__illustration-right {
        width: 380px;
        height: 285px;
    }
    .reseller-banner{
        padding: 150px 0px 360px;
    }
    .reseller-banner .inner-banner-content h3{
        font-size: 30px;
    }
    .footer {
        padding: 20px 0;
    }
    .footer-logo{
        height: 40px;
    }
    .footer-bx h4{
        margin-bottom: 10px;
    }
    .package-price h3{
        font-size: 30px;
    }
    .faq-bg-illustration .banner__illustration-left, .faq-bg-illustration .banner__illustration-right{
        bottom: -120px;
    }
    .faq-accordian .accordion-button:not(.collapsed), .faq-accordian .accordion-button{
        font-size: 16px;
        line-height: 24px;
    }
    .faq-accordian .accordion-body{
        padding: 15px 20px;
        font-size: 14px;
    }
    .why-choose-bx-header{
        margin-bottom: 10px;
    }
    .reseller-hosting-feature{
        padding: 40px 0px 0px;
    }
    .why-choose-us {
        padding: 40px 0px;
    }
    .reseller-hosting-bx{
        padding: 20px 15px;
    }
    .why-choose-bx p{
        font-size: 14px;
    }
    .why-choose-bx-header h4{
        font-size: 18px;
    }
    .wordpress-steroids{
        padding: 40px 0px;
        margin-top: 40px;
    }
    .wordpress-steroids-content p{
        font-size: 14px;
    }
    .wordpress-plan {
        padding: 40px 0px;
    }
    .search-box .search-btn{
        font-size: 14px;
        max-width: 80px;
        padding: 7px 0px;
        right: 5px;
    }
    .search-box .form-control{
        height: 46px;
        font-size: 16px;
        padding: 6px 100px 6px 35px;
        
    }
    .search-box i{
        font-size: 20px;
        left: 10px;
    }
    .section-header p{
        margin: 0;
    }
    .domain-banner{
        padding: 120px 0px 150px;
    }
    .domain-benefit {
        padding-top: 40px;
    }
    .domain-benefit-bx{
        padding: 10px;
        margin-bottom: 20px;
    }
    .domain-benefit-bx img {
        width: 110px;
        margin-bottom: 10px;
    }
    .zigzag-section {
        padding: 40px 0px;
    }
    .inner-banner-content h3 {
        font-size: 35px;
    }
    .zigzag-bx-content h4{
        font-size: 25px;
        line-height: 30px;
    }
    .inner-banner-content p {
        font-size: 16px;
    }
    .zigzag-bx-content p{
        font-size: 14px;
        line-height: 20px;
    }
    .data-center-bx{
        padding: 15px;
    }
    .contact-info-bx{
        padding: 15px;
    }
    .client-name h4{
        font-size: 18px;
    }
    .client-name p{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .contact-info{
        padding-top: 40px;
    }
    .contact-form{
        padding: 20px;
    }
}