/*  Desktop */
@media all and (min-width: 1601px) and (max-width: 1920px)
{

}

/* Laptop */
@media (max-width: 1366px)
{
    #banner img{width: 100%;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px)
{
    
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{
    /* Header & Footer */
    header .navbar .menu .menu-item:first-child:after, header .navbar .menu .menu-item:nth-child(3):after, header .navbar .menu .menu-item:nth-child(4):after{display: none;}	
	header .navbar {padding: 10px 0;margin: 0 auto;}	
	header .navbar #nav:checked ~ .wrapper {
	    width: 50%;        
        right: auto;
        background: #fff;
        opacity: 1;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        z-index: 99;
        height: 100%;
        transition: all 0.3s ease;
        box-shadow: 0px 0px 10px #ccc;
	}
	header .navbar .wrapper {position: fixed;top: 0;left:0;bottom: 0; width: 0;height: unset;z-index: -1;opacity: 0;background: #d1dee7;transition: all 0.3s ease;display: none;}	
	header .navbar .wrapper .menu-item {width: 100%;text-align: left;padding: 12px 25px;margin-bottom: 0px;}	
	header .navbar .wrapper .menu-item:nth-child(1) .nav-link {transition-delay: 0.2s;}
	header .navbar .wrapper .menu-item:nth-child(2) .nav-link {transition-delay: 0.3s;}
	header .navbar .wrapper .menu-item:nth-child(3) .nav-link {transition-delay: 0.4s;}
	header .navbar .wrapper .menu-item:nth-child(4) .nav-link {transition-delay: 0.5s;}
	header .navbar .wrapper .menu-item:not(:first-child) {margin-left: 0;}
	header .navbar .wrapper .menu-item .nav-link {opacity: 0;transform: translateX(-20px);transition: all 0.3s ease-in-out;display: flex;align-items: center;font-size: 16px;gap:10px;padding: 0;}
	header .navbar .nav-toggle {display: block;cursor: pointer;z-index: 999;margin-bottom: 0;position: relative;}
	header .navbar .nav-toggle span {display: block;width: 22px;height: 2px;background: #2b8578;border-radius: 2px;margin-left: 14px;}
	header .navbar .nav-toggle span:nth-child(2) {margin: 5px 0;opacity: 1;width: 18px;margin-left: auto;}		
	header .navbar .wrapper .menu-item .nav-link span {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    width: 100%;
	    color: #424242;
	}
	header .navbar .wrapper .menu-item .nav-link span svg path {fill: #009EFF;}	
	header .navbar #nav:checked ~ .wrapper .menu{display: block;flex-direction: column;}
	header .navbar #nav:checked ~ .wrapper .menu-item .nav-link {opacity: 1;transform: translateX(0);}

    /* landing page */
    #banner{padding: 85px 0 50px;}
    #about, #review, #contact, #service{padding: 50px 0;}    
    #feed{padding: 50px 0 0;}
    .content_box h1{font-size: 40px;}
    .content_box p{font-size: 15px;}
    .content_box ul li{font-size: 13px;margin-bottom: 10px;}
    .contact_blog{padding: 20px 20px 0;border-radius: 15px;}
    .content_box h2{font-size: 30px;}
    .contact_info .row .col-lg-4:nth-child(2){border: none;}
    .insta_feedblog img{height: auto;}
    .get_btn{font-size: 16px;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width:767px)
{	
    br{display: none;}    
    /* Header & Footer */
    header .navbar #nav:checked ~ .wrapper{width: 85%;}
    /* landing page */
    .content_box_vid h1{font-size: 26px;}
    .contact_blog .rigth_banner {margin-bottom: 30px;}
    #feed .content_box{padding-bottom: 0;}
    #about img {height: auto;}
    .image_card{margin-bottom: 20px;}
    .image_card_content{font-size: 14px;padding: 15px;}
    #review{background-size: cover;background-position: unset;}
    .owl-jobs{padding-top: 0;}
    .owl-jobs .owl-nav{position: relative;transform: unset;justify-content: center;margin-top: 50px;}
    .service__blog {margin: 0;}
    #contact{padding: 0;}
    #contact form{padding-bottom: 0;}
    .get_btn{margin: 0 auto !important;}
    .video-section video{height: auto;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px)
{
	
}