@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1170px;}
}
@media screen and (max-width: 1440px){
    /* common css  */
    .pl-130{padding-left: 50px;}
    .pr-130{padding-right: 50px;}

    /* header css  */
    .site-header .user-name .logout_user_name{
        left: -26%;
    }
}
@media screen and (max-width: 1200px){
    /* common css  */
    .pl-130{padding-left: 30px;}
    .pr-130{padding-right: 30px;}
    /* home page  */
    .section-banner{background: url(../images/circleshapleft.png) no-repeat top 80px left;}
    .section-banner:before{height: 89.7%;}
    .section-testimonial .testimonial_slider_one .slick-list{margin-right: 0;padding-left: 0;}
    .section-cta .cta_block {padding: 50px 50px 0 50px;}
}
@media screen and (max-width: 992px) {
    /* header css  */
    .site-header .navbar{background:var(--sky-color);position:absolute;right:0;top:0;height:100vh;max-width:500px;width:0;box-shadow:0 0 4px 0 var(--sky-color);border-radius:80px 0 0;padding-top:50px;overflow:hidden;transition:.3s;z-index:999}
    .site-header .menu_close{top:20px;right:20px}
    .site-header .navbar .primary-btn{background-color:var(--white-color)}
    .site-header .user-name .logout_user_name {left: 50%;transform: translateX(-50%);}
    .section-banner:before{height:96.2%}
    .site-footer .footer_nav ul{gap:16px}
    /* home page  */
    .section-banner {padding-top: 200px;}
}
@media screen and (max-width: 768px) {
    /* reset  */
    :root{--body-font-size:20px;--body-line-height:28px}
    h1{font-size:50px;line-height:60px}
    h2{font-size:35px;line-height:45px}
    h3{font-size:28px;line-height:35px}
    h4{font-size:20px;line-height:25px}
    /* common css  */
    .pl-130{padding-left: 0px;}
    .pr-130{padding-right: 0px;}
    .site-footer .footer_nav ul{gap: 13px;}
    .section-cta{padding-block: 80px;}
    .section{padding-block: 40px;}
    /* home page */
    .section-banner {padding-top:200px;}
    .section-banner{background-size: 70%;}
    .services-section.shape-right{background-size: 90%;}
    .services-section.shape-left{background-size: 90%;}
    .section-cta .cta_block{padding: 20px 20px 0 20px;}
    /* sign up page  */
    .form-section {padding-block: 80px;}
    .form_block {padding: 28px 17px;}
    /* pricing page  */
    .section-pricing{padding-block: 50px 80px;}
    .section-pricing .pricing_block h3{font-size: 30px;}
    .section-pricing .pricing_block span{font-size: 30px;}
}
@media screen and (max-width: 578px) {
    .site-header .header-button{flex-direction: column;}
    .section-pricing .pricing_block li:before {width: 20px;height: 20px;left: -27px;top: 2px;}
}