@media screen and (max-width: 1500px){
    footer .social-row {
        padding: 40px 50px 0 50px;
    }
}

@media screen and (max-width: 1024px){

    .flex{

        flex-direction:column;

        justify-content: center;

    }

    .flex > .col{

        width:100%;

        margin-bottom:20px;

    }



    header .menu.desktop-menu{

        display:none;

    }



    header .menu.mobile-menu{

        display:block;

    }



    header .menu.mobile-menu .menu-icon{

        float:right;

        padding-top:10px;

        padding-right:30px;

        color:#fff;

        font-size:30px;

    }



    header .menu.mobile-menu .menu-items{

        display:none;

        width:100%;

        text-align:center;

        position: absolute;

        background:#0D0821;

        top: 50px;

        left: 0;

        padding-bottom:40px;

    }



    header .menu.mobile-menu .menu-items .menu-item{

        padding:10px 0;

    }



    header .menu.mobile-menu .menu-items .menu-item a{

        font-weight:bold;

        font-size:25px;

        text-transform:uppercase;

        text-decoration: none;

        color:#fff;

    }



    header .menu.mobile-menu .menu-items .menu-item a:hover{

        color:#2BB179;

    }



    section.page .section{

        padding:50px 10px 0 10px;

    }


    section.page .section.service-compare h2,

    section.page .section.price-section h2{

        width:100%;

        padding:0 10px;

    }



    section.page .section.service-compare .flex{

        flex-direction:column-reverse;

    }



    section.page .section.service-compare .flex .rounded{

        padding:20px !important;

    }

    

    .three-col .section-header{

        text-align:center;

    }



    .accordion-container{

        width:90%;

        margin:0 auto;

    }



    .active-plan{

        animation-name:none !important;

        /* animation-delay:0s;

        animation-duration:1s;

        animation-timing-function:linear;

        animation-iteration-count:1;

        animation-fill-mode:forwards; */

    }

    

    .inactive-plan{

        animation-name:none !important;

        /* animation-delay:0s;

        animation-duration:1s;

        animation-timing-function:linear;

        animation-iteration-count:1;

        animation-fill-mode:forwards; */

    }

    footer .footer-contact{

        padding:20px;
	text-align:center;

    }

    footer .footer-contact .newsletter-btn{

        margin:0 auto;
        margin-bottom:20px;

    }

    footer .social-row {
        padding: 0;
	width:60%;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:20px;
    }
}



@media screen and (max-width: 768px){

    /* .hero-section{

        padding-bottom: 30px;

    } */



    .hero-section .hero-inner{

        width:80%;

    }



    .hero-text h1{

        font-size:35px;

    }



    .hero-text h2{

        font-size: 20px;

    }



    .hero-text p{

        font-size:18px;

    }



    .img-container.rounded{

        width:100%;

        margin:0 auto;

    }



    .two-col .flex .col{

        padding:0 !important;

    }



    footer .flex{

        flex-direction:column-reverse;
    }

    footer .social-row {
	width:60%;
    }


}