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



}
/* Laptop */
@media (max-width: 1440px)
{


}

@media (max-width: 1366px)
{
    .score_banner, .laform_banner, .form_banner, .test_other_blog, .test_content_blog, .portal_banner{background-size: 50% auto;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{ 
    br{display: none;}
    /*  header  */
    .brand img {max-width: 255px;}
    .menu li a{font-size: 40px;margin-bottom: 2rem;}
    .sidemenu_content h3{font-size: 28px;}
    .btn_link{font-size: 14px;}
    .inner_menu_list li a{font-size: 26px;margin-bottom: 0.5rem;}
    .inner_menu_list h6, .back_menu{font-size: 18px;margin-bottom: 2rem;}
    /*  home  */
    #system, #service_card, #brand{padding: 50px 0;}
    .service_other{padding: 50px 0;}
    .service_contact{padding: 50px 0 !important;}
    .banner_content h1{font-size: 46px;}
    #contact h1{font-size: 28px;}
    .banner_content h4{font-size: 18px; margin-bottom: 2rem;}
    .banner_content span{font-size: 14px;}
    #system .other_content {margin-bottom: 1rem;}    
    .other_content span{margin-bottom: 15px; font-size: 15px;}
    .other_content h2{font-size: 32px; margin-bottom: 20px;}
    .pera_content{font-size: 16px;}
    .card_slider h5{font-size: 22px; margin-bottom: 15px;}
    .brand-owl{margin: 30px 0;}
    #contact{padding: 50px 0; background-position: center right;}
    .partner_icon{margin-bottom: 0;width: 100%;}
    .other_banner_img{width: 100%;}
    .service_content h3, .service_content h2{font-size: 28px;margin-bottom: 1rem;}
    .service_menu_list li a{font-size: 14px;}
    .service_menu_list{gap: unset;justify-content: space-around;}
    .interlink{font-size: 14px;}
    .service_content p, .service_test_list li span{font-size: 14px;}
    .list_content h5{font-size: 18px;}
    .list_content small{font-size: 12px;}
    .gry_service_list span{width: 50px;height: 50px;}
    .gry_service_list span svg{width: 28px;height: 28px;}
    .test_content_blog .other_banner_img{width: 100%;visibility: visible;}
    .test_content_blog, .portal_banner{background: #00AEEF;}
    .test_other_blog, .laform_banner, .score_banner, .form_banner{background: unset;}
    .test_other_blog .other_banner_img, .portal_banner .other_banner_img, .laform_banner .other_banner_img, .score_banner .other_banner_img, .form_banner .other_banner_img{visibility: unset;}
}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px)
{
    .banner_content h1 {font-size: 32px;}
    /*  header  */
    .menu li a{font-size: 36px;margin-bottom: 0rem; font-weight: 300; letter-spacing: 0.02em;}
    .sidemenu_content h3, .active_header #navbar_menu_box h6:nth-child(2), .active_header .brand, #navbar_menu_box h6{display: none;}
    .active_header #navbar_menu_box{width: 50px;height: 50px;border: 1px solid #FFF;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
    .active_header .navbar{justify-content: flex-end;
        width: fit-content;
        margin: 10px 0 10px auto;}    
    .inner_menu_list li a{font-size: 24px;margin-bottom: 1rem;}
    .inner_menu_list h6{margin-bottom: 1rem;}
    .pera_content{line-height: unset;}    
    footer .container {        
        align-items: flex-start;        
        flex-flow: column-reverse;
        gap: 10px;
    }
    header .btn_link{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: inline-block;
        width: fit-content;
        margin: auto;
        padding: 30px 0;
    }
    .menu li a {
        font-size: 40px;
        margin-bottom: 2rem;
    }
    .wrapper{padding: 50px 0;}
    #contact h1{font-size: 28px;}
    .inner_menu {padding-bottom: 150px;}
    .back_menu{margin-bottom: 100px;}
    .service_menu_list{overflow-x: auto;overflow-y: hidden;gap: 20px;}
    .service_menu_list li a{white-space: nowrap;}    
    .service_content p{font-size: 14px;line-height: unset;margin-bottom: 0;}
    .service_content_top{text-align: center !important;margin-bottom: 1.5rem;}
    .service_content span{font-size: 14px;margin-bottom: 0.5rem;}
    .service_other .other_banner_img{width: 100% !important;margin: 0 auto 30px;}
    .shape_small.btn_link span {margin-bottom: 0 !important;}
    .service_test_list{column-gap: 20px;justify-content: space-between;}
    .service_test_list li{max-width: 150px;}
    .service_test_list li:last-child{margin-bottom: 0;}
}

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

}