/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 1921px) {

}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 1200px) {	
	
}

@media (min-width: 1023px) and (max-width: 1365.99px) {
    .navbar .navbar-nav .nav-item + .nav-item {
        margin-left: 22px;
    }   

}

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

	html { font-size: 15px; }

    .cta-three .container:before {
        content: '';
        width: calc(100% - 300px);
        height: calc(100% + 30%);
        position: absolute;
        bottom: -15%;
        right: 0;
        top: -15%;
        background: #FFF;
        box-shadow: 0px 4px 59px 0px rgba(0, 0, 0, 0.09);
    }
	

}
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

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

	html { font-size: 15px; } 
	.header-fixed .container {
        max-width: 100%;
    }

    .play-video { margin-top: 70px; }

}

@media (min-width: 768px) and (max-width: 850.99px) {
    .menu-top{ display: none !important; }

}

@media (max-width: 991.99px) {

    .navbar .navbar-nav .nav-item + .nav-item {
        margin-left: 15px;
    }	
    .menu-top{
        margin-left: 15px !important;
    }

    .navbar .menu-top a{
        padding: 5px 15px;
    }

    .cta-three { margin: 0; }

    .cta-three .container:before {
        content: '';
        width: calc(100% - 0px);
        height: calc(100% - 30%);
        position: absolute;
        bottom: 0;
        right: 0;
        top: 35%;
        background: #FFF;
        box-shadow: 0px 4px 59px 0px rgba(0, 0, 0, 0.09);
    }

    .team-slider { left: 15%; }
    .we_love_img { margin-bottom: 30px; }
	
}

@media (max-width: 767.99px) {	

	html { font-size: 15px; } 

    .navbar .menu-top a{
        top: 0;
        margin-right: 10px;
    }

    .navbar .navbar-nav .nav-item + .nav-item {
        margin-left: 0;
    }

    #body-content [class*="col-"], footer [class*="col-"] { margin-bottom: 40px; }
    #body-content .services-box [class*="col-"]{ margin-bottom: 0; }
    #body-content [class*="col-"]:last-child, footer [class*="col-"]:last-child, #body-content .overlay [class*="col-"] { margin-bottom: 0; }
	
	
    .pricing-wrap { margin-bottom: 0; }
    .pricing_bg { padding-bottom: 100px !important; }
    .pricing-space { padding-top: 25px; }
    .form_thanks{ padding: 0; }

    .navbar-collapse {
        margin: 15px 0 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 10px;
    }
    .navbar .navbar-nav a {
        padding: 3px 0 !important;
    }
}
@media (min-width: 576px) and (max-width: 767.99px) {

    .typing-text .head{
        font-size: 4rem;
    }

	    

}

@media (max-width: 575px) { 

    .navbar, .header-fixed.fixed{ padding-left: 15px; padding-right: 10px; }
    .navbar.bg-transparent{ padding-left: 0; padding-right: 0; }
    #about, #services, #works, #team, #pricing, #blog, #contact { padding-top: 76.5px; }
    .counter-stats { width: 100% !important; }
    .counter-stats.bg-blue{ margin-bottom: 30px; }

    .team-slider { left: 0; top: 0; }

    .team-slider:before {
        content: '';
        width: calc(90% + 0px);
        height: calc(100% + 10%);
        position: absolute;
        bottom: -5%;
        right: 0;
        left: 5%;
        top: -5%;
        background: #8B92AB;
        box-shadow: 0px 4px 59px 0px rgba(0, 0, 0, 0.09);
    }
    .typing-text .head{
        font-size: 3rem;
    }
    .typing-text h1{
        font-size: 0.875rem;
    }
    .typing-text a {
        padding: 0.4rem 1.5rem;
        font-size: 0.875rem;
    }

    .cycle-bg-image{
        background-position: center center !important;
    }

    .team-slider .slick-arrow {
        bottom: -55px;
        top: auto;
    }

    .team-slider .slick-prev, .team-slider .slick-next {
        transform: translate(-50%, 0);
        left: 50%;
    }

    .team-slider .slick-prev{ margin-left: -35px; }
    .team-slider .slick-next{ left: calc(50% + 35px); }

    .team-thumb { padding-left: 35px; padding-right: 35px; }

    .copyrights { text-align: center; }
    .copyrights .social-icons{ margin: 10px 0; }

    .we-love-features li { width: 100%; }
    .we-love { padding: 0 1rem; }
    .heading-main { font-size: 2rem }
    .pricing-title { font-size: 3.5rem; }
    .blog-wrap { margin: 0 7px; }
    .blog-content h3 { font-size: 1.5rem; }
    .blog-content { padding: 1rem; }
    .mb-small-0{ margin-bottom: 0 !important; }

    .navbar .menu-top a{ font-size: 1.05rem; }

    .icon-box-1{ background: rgba(15, 111, 113, 0.04); }
	
}

@media (max-width: 360px) { 

    .menu-top { margin-left: 0 !important; }
    .navbar .menu-top a { margin-right: 5px; }
    
	
}