@media all and (max-width: 1500px){
    .container{
        max-width: 1140px;
    }
    .star_1 img { 
        left: 25px;
    }
    .youtube_video {
        width: 450px;
        height: 350px; 
    }
    .price_list li p { 
        font-size: 14px; 
    } 
    .social_info h2 { 
        font-size: 30px; 
    }
    .social_info {
        width: 643px;
    }
    .social img { 
        width: 401px; 
    }
    .buttons button {
        font-size: 26px;
    }
    .buttons button span {
        width: 65px;
        height: 65px;
        font-size: 26px;
    }
}


@media all and (max-width: 1200px){
    .social_info {
        width: 57%;
    } 
    .star_1,
    .star_2,
    .star_3,
    .star_5,
    .star_4 {
        display: none;
    }
    .social_info h2 { 
        font-size: 30px; 
    }
    .social img { 
        width: 428px; 
    }
    .banner_left h2 { 
        font-size: 35px; 
    }
    .banner_left p { 
        width: 100%;
    }
    .banner_left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 60%;
                flex: 0 0 60%;
    }
}
@media all and (max-width: 991px){

    .mobile_bars{
        display: block;
    }
    .header_btn,
    .menu {
        display: none;
    }
    .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
    }
    .mobile_bars i {
        font-size: 24px;
        color: #198754;
    }
    .mobile_menu ul li a {
        color: #666;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .mobile_menu ul li a:hover{ 
        color: #198754;
    }
    .mobile_menu {
        text-align: center;
        width: 100%;
        position: absolute;
        top: 84px;
        background: #fff;
        z-index: 9;
        padding: 20px 0; 
    }
    .mobile_menu ul li {
        margin-bottom: 10px;
    }
    .mobile_menu .btn_1 { 
        padding: 13px 50px; 
    }
    .single_price {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        width: 100%;
        margin-bottom: 58px;
    }
    .prices { 
        -webkit-box-orient: vertical; 
        -webkit-box-direction: normal; 
            -ms-flex-direction: column; 
                flex-direction: column;
    }
    .buttons button { 
        font-size: 22px; 
        padding: 30px 0;
    }
    .buttons button span {
        width: 50px;
        height: 50px; 
        font-size: 20px; 
    }
    .social_info h2 {
        font-size: 22px;
    }
    .social_info p { 
        line-height: 22px; 
    }
    
    .social img {
        width: 389px;
    }
    .price_area {
        margin-bottom: 0; 
    }
    .social_area {
        margin-bottom: 50px; 
    }
    .footer_area { 
        padding: 60px 0;
    }
    .footer_left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        width: 100%;
    }
    .footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .newslater_input input { 
        width: 100%; 
    }
    .social_icon { 
        -webkit-box-pack: center; 
            -ms-flex-pack: center; 
                justify-content: center;
    }
    .copy_text p { 
        text-align: center;
    }
    .footer_menu ul { 
        -webkit-box-pack: center; 
            -ms-flex-pack: center; 
                justify-content: center;
    }
    .social { 
        margin-top: 50px;
    }
}

@media all and (max-width:767px){
    .banner { 
        -webkit-box-orient: vertical; 
        -webkit-box-direction: reverse; 
            -ms-flex-direction: column-reverse; 
                flex-direction: column-reverse;
    }
    .social { 
        margin-top: 0px;
    }
    .button_area {
        margin: 100px 0 60px 0;
        position: relative;
    }
    .btn_4 { 
        font-size: 16px; 
        padding: 14px 30px; 
    }
    .social img {
        position: inherit;
        top: 0;
        margin-top: 30px;
    }
    .social_info {
        width: 100%;
    }
    .social { 
        padding: 65px 85px 0 85px;  
        text-align: center;
    }
    .section_title h2 { 
        font-size: 32px; 
        margin: 10px 0;
    }
    .banner_left h4 { 
        font-size: 22px; 
    }
    .social img {
        width: 100%;
    }
    .price_info h2 { 
        font-size: 35px; 
    }
    .banner_btn { 
        -webkit-box-orient: vertical; 
        -webkit-box-direction: normal; 
            -ms-flex-direction: column; 
                flex-direction: column;
    }
    .banner_btn .btn_2 {
        margin-top: 15px;
    }
}

@media all and (max-width: 576px){
    .buttons { 
        -webkit-box-orient: vertical; 
        -webkit-box-direction: normal; 
            -ms-flex-direction: column; 
                flex-direction: column;
    }
    .buttons button { 
        margin-bottom: 20px;
    }
    .footer_menu ul { 
        gap: 14px;
    }
    .footer_menu ul li a { 
        font-size: 14px; 
    }
    .footer_area {
        padding: 35px 0;
    }
    .social_icon { 
        margin-top: 40px; 
    }
    .footer_right { 
        margin-top: 0;
    }
    .copy_text p { 
        font-size: 14px; 
    }
    .social {
        padding: 45px 35px 0 35px; 
    }
    .footer_left > a { 
        font-size: 30px; 
    }
    .button_area {
        margin: 60px 0 60px 0; 
    }
    .logo a img { 
        width: 105px;
    }
    .mobile_menu ul li a { 
        font-size: 14px; 
    }
    .youtube_video {
        width: 95%;
        height: 350px;
    }
    .youtube_video a { 
        right: 0;
        top: -40px; 
    }
}


@media all and (max-width: 450px){
    .banner_left h2 {
        font-size: 30px;
        margin-top: 25px;
    }
    .banner_left h4 {
        font-size: 17px;
    }
    .banner_left p { 
        font-size: 14px; 
    }
    .btn_1 { 
        padding: 16px 50px; 
        font-size: 16px; 
    }
    .section_title h2 {
        font-size: 29px; 
    }
    .section_title p { 
        font-size: 14px; 
        line-height: 26px;
    }
    .price_list li p { 
        font-size: 14px; 
    }
    .social_info h2 {
        font-size: 17px;
    }
    .social_info p { 
        font-size: 14px; 
    }
    .btn_3 { 
        font-size: 14px; 
    }
    .btn_4 {
        font-size: 14px; 
    }
    .footer_left p { 
        font-size: 14px; 
        line-height: 156%;
        margin-top: 18px;
    }
    .newslater_input button { 
        font-size: 14px; 
    }
    .youtube_video {
        width: 95%;
        height: 190px;
    }
}