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

}

/* Laptop */
@media (max-width: 1366px)
{
    #maintain:before, #maintain:after{transform: scale(1.2);height: 400px;}
    .auth_login{object-fit: contain;}
    #home .rigth_banner{width: 100%;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px)
{
    .nav-link{font-size: 16px;}
    .contact_btn{font-size: 16px;padding: 8px 20px;}
    .menu{gap: 20px;}
    #home{padding: 50px 0 0;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{
    /* general css */
    br{display: none;}    

    /* coming soon page */
    .maintain_blog{padding: 15px;}
    .maintain_blog .brand_logo{padding: 0;}
    .topobject{display: none;}
    .banner_center{margin: 50px 0 30px;}    
    .maintain_blog h1{font-size: 28px;}
    #maintain:before, #maintain:after{display: none;}

    /* home page */
    .title_blog span{font-size: 16px;margin-bottom: 0;}
    .title_blog h1{font-size: 28px;margin-bottom: 0.5rem;}
    .text_img{width: 110px;}
    .title_blog p{margin-bottom: 1rem;font-size: 14px;}
    .title_blog h2{font-size: 26px;margin-bottom: 0.5rem;}
    #vision{background-position: bottom;}
    .brand_owl{padding: 15px;}
    .contact_blog{padding: 15px 15px 0;border-radius: 10px;}

    /* footer */
    .top_footer{flex-flow: column;gap: 30px;}
    .bottom_footer{margin-top: 30px;padding:10px 15px;border-radius: 10px 10px 0 0;}
    .menu_link li a{font-size: 16px;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width:767px)
{	
    .banner_center{width: 100%;margin: 30px 0;}
    .maintain_blog h1{font-size: 24px;margin-bottom: 15px;}
    .auth_blog{max-width: 100%;padding: 15px;}
    .ortext{margin: 30px 0;}
    .other_login{margin-bottom: 30px;}

    /* home page */
    #home{padding: 0;}
    #about, #mission, #contact{padding: 30px 0;}
    #feed{padding: 0 0 30px;}
    .rigth_banner, .left_banner{margin-bottom: 30px;}
    #vision{background-position: right;padding-bottom: 30px;}
    #vision .right_banner{width: 100%;margin-bottom: 30px;}
    .brand_owl{margin: 0;border-radius: 10px;}
    #contact .contact_btn{margin: 0 auto !important;}

    /* footer */
    .menu_link{gap: 20px;}
    .bottom_footer{flex-flow: column-reverse;gap: 10px;}
}

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

/* height media query */
@media (max-height: 767px)
{
    .auth_blog{justify-content: flex-start;margin: 0 auto;height: auto;}
}