@media screen and (max-width: 1280px) {
    .vs_res_d_none {
        display: none;
    }
    .vs_res_drop_menu {
        width: fit-content;
    }
}
/*@media screen and (min-device-width: 1200px){
   .header .navbar-scroll .vs_submenu_hover_sub1{
        top: 100%;
        left: 0%;
    }
}*/

@media screen and (max-width: 1199px) {
    .header .nav-item .nav-link {
        padding: 0px 30px !important;
    }
    .header .nav-item>.nav-link {
        padding: 5px 10px !important;
        display: block !important;
        font-size:16px;
    }

}

@media screen and (max-width: 1050px) {
    .vs_menu_items nav.navbar {
        padding-left: 0px;
        padding-right: 0px;
    }
    .vs_submenu_hover{
        width: 180px;
    }
    .vs_submenu_hover_sub, .vs_submenu_hover_sub1 {
            width: 160px;
    }
}
@media screen and (min-device-width: 991px) and (max-device-width: 1200px){
     .vs_submenu_hover_sub1{
        top: 100%;
        left: 0%;
    }

}


@media screen and (max-width: 991px) {
    .header a.navbar-brand {
        display: block;
    }
    .vs_logo_menu{
        display: none;
    }
    .header .navbar-scroll .vs_logo_menu {
        display: block;
    }
    .header .navbar-scroll .vs_logo_menu img{
       width: 120px;
       padding-left: 20px;
    }
    .header .navbar-scroll .navbar-toggler-icon{
        color: red !important;
    }
   .header .navbar-scroll .vs_menu_items nav.navbar{
        justify-content: space-between;
    }
    .header .vs_menu_hover .dropend .dropdown-toggle::after {
    right: auto;
    transform: translate(7px, -50%);
    }
    .navbar-toggler:focus{
        box-shadow:none;
    }

    .header-inner {

            background: #b90a0a;
    }
    .header .navbar-scroll{

            background: #fff !important;
    }
    .header .nav-item>.nav-link {
        color: black!important;
        font-size:14px;
        border: none;
    }
    .header li, .header li:hover{
        border-top: none;
    }
    .header ul li a {
        color: #000 !important;
        }
        .header ul > li:hover > a {
    color: #b90a0a !important;
}
    .header .vs_menu_items nav.navbar {
        width: 100%;
            justify-content: end;
        /*background: #b90a0a;*/
    }
    .header {
        position: relative;
        width: 100%;
        /*height: 100px;*/
    }
    .vs_res_collapse_bar {
        position: absolute;
        top: 100%;
        background: white;
        right: 0;
        width: 100%;
        padding: 20px 0px 20px 20px;
        margin-right: 0px;
        overflow: scroll;
        height: 500px;
    }

    .vs_menu_hover ul{
        position: relative;
        /*height: 200px;*/
        padding:0px 37px !important;
        background: #fff;
    }
    .vs_menu_overflow, .vs_submenu_hover_sub1 {
            overflow-y: scroll;
            height: 175px;
        }
    /*    .vs_menu_hover ul:not(.ul_active){
        height: 0px;
        padding: 0px 37px !important;
    }*/
    .vs_menu_hover ul a{
        color: #000;
    }
    .vs_menu_hover ul a:hover{
        color: #b90a0a;
    }



.vs_submenu_hover ,.vs_submenu_hover_sub ,.vs_submenu_hover_sub1{


  position: absolute;
  top: 100%;
    left: 0%;
display: none;
width: 100%
}
.vs_menu_hover:focus .vs_submenu_hover,
.vs_menu_hover:focus-within .vs_submenu_hover,
.vs_menu_hover:hover .vs_submenu_hover,


.vs_submenu_hover li:focus .vs_submenu_hover_sub,
.vs_submenu_hover  li:focus-within .vs_submenu_hover_sub,
.vs_submenu_hover  li:hover .vs_submenu_hover_sub,

.vs_submenu_hover_sub li:focus .vs_submenu_hover_sub1,
.vs_submenu_hover_sub  li:focus-within .vs_submenu_hover_sub1,
.vs_submenu_hover_sub li:hover .vs_submenu_hover_sub1 

 {
  display: block;
}



}

@media screen and (max-width: 767px) {
    .vs_heading h2 {
        font-size: 24px;
    }
    .container-fluid.px-5 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .vs_from {
        width: 100%;
    }





}

@media screen and (max-width: 575px) {
    .vs_res_text_align {
        text-align: left;
    }
    .vs_res_collapse_bar {
        /*width: fit-content;*/
        width: 100%;
    }
    .vs_all_logo{
        background: none;
    }
    .vs_all_logo_img{
        background: #b90a0a;
    }
    .vs_grid_skill {
      display:block;
  }
}

@media screen and (max-width: 450px) {
    .my-navbar {
        flex-wrap: nowrap;
    }
    #as_feature .owl-nav {
        display: none;
    }
}