/*max width 1200px to 1399px*/
@media(min-width: 1400px) and (max-width: 1599px){
    .approach-list-wrap::before{
        left: -10%;
        top: 4%;
        width: 122%;
        height: 50%;
    }
}

@media(min-width:1400px){
    .header-wrapper .navbar .navbar-nav li{
        padding: 0px 25px;
    }
}
/*max width 1399px*/
@media(max-width:1399px){
    .common-title h3{
        font-size: 32px;
    }
    /*  */
    .approach-list-wrap li.approach-list:nth-child(even){
        margin-top: 10%;
    }
    .approach-list-wrap::before{
        height: 34%;
    }
    /*  */
    /*#### banner css start ####*/
    .banner-left-content h1{
        font-size: 60px;
    }

    .banner-right-img .bnr-os-box1{
        width: 110px;
    }
    .banner-right-img .bnr-os-box2, .banner-right-img .bnr-os-box3, .banner-right-img .bnr-os-box4, .banner-right-img .bnr-os-box5{
        width: 100px;
    }
    /*#### banner css end ####*/
}
/*max width 1200px to 1399px*/
@media(min-width: 1200px) and (max-width: 1399px){

}
/*max width 1199px*/
@media(max-width: 1199px){

}

/*max width 992px to 1199px*/
@media(min-width: 992px) and (max-width: 1199px){

}

/*max width 991px*/
@media(max-width: 991px){
    .common-title h3 {
        font-size: 28px;
    }
	/*##### header css start ####*/
    .header-wrapper .navbar .navbar-toggler{
        background-color: #fff;
        padding: 6px 10px;
        color: #000;
    }
    .header-wrapper .navbar .navbar-collapse{
        position: absolute;
        left: 0;
        top: 100%;
        background-color: #0b0c15;
        width: 100%;
        padding: 12px 10px;
        backdrop-filter: blur(8px);
        border-radius: 10px;
    }
    .header-wrapper .navbar .navbar-nav li{
        padding: 5px 5px;
    }
    .header-wrapper .navbar .navbar-nav li.active a:before{
        display: none;
    }
	/*##### header css end ####*/
    /*##### Banner css start ####*/
    .banner-left-content h1 {
        font-size: 50px;
    }
    .banner-right-img .bnr-os-box2, .banner-right-img .bnr-os-box3, .banner-right-img .bnr-os-box4, .banner-right-img .bnr-os-box5 {
        width: 85px;
    }
    /*##### Banner css end ####*/

    .approach-list-wrap::before{
        display: none;
    }
    .approach-list-wrap li.approach-list:nth-child(even){
        margin-top: 0;
    }

    .something-amazing-content{
        padding: 60px 40px;
    }
    .something-amazing-content::before{
        background-position: center bottom;
    }
}

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

}

/*max width 767px*/
@media(max-width: 767px){
    .common-gap {
        padding: 30px 0px;
    }

	.banner-left-content h1 {
        font-size: 40px;
    }

    /* about css */
    .about-us-section-wrapper .about-right-content {
        margin-bottom: 0px;
    }

    #services-slider .slick-arrow.slick-prev{
        left: -6px;
    }
    #services-slider .slick-arrow.slick-next{
        right: -6px;
    }

    .plans-list{
        margin-top: 0;
    }
}

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

}

/*max with 575px*/
@media(max-width: 575px){
	/*### header css start ####*/
    .header-wrapper .navbar .logo-wrap{
        position: relative;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
	/*### header css end ####*/

    .common-title h3 {
        font-size: 22px;
    }
    .common-title p{
        font-size: 14px;
    }

    /*  */
    .plans-list .plans-head-wrap .left-price h4{
        font-size: 20px;
    }
    .plans-list .plans-head-wrap .left-price h3{
        font-size: 40px;
    }
    .plans-list .plans-head-wrap .right-plans-name .plans-name{
        font-size: 15px;
    }
    /*  */
    .faq-wrap .accordion-item .accordion-button{
        font-size: 16px;
    }
    .faq-wrap .accordion-item .accordion-button::after{
        width: 35px;
        height: 35px;
    }
    .something-amazing-content h3{
        font-size: 26px;
    }
    .something-amazing-content p{
        font-size: 14px;
    }
    .footer-inner-wrap h3{
        margin-bottom: 15px;
    }
}