/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/**
 * All
 */
@media screen {
    .menu-gray {
        display: flex;
        align-items: center;
    }
}

/**
 * mobile & tablet only
 */
@media screen and (max-width: 991px) {
    .page-header .page-header-top > .container:before, .page-header .page-header-top > .container:after {
        content: none;
    }
    .page-header .page-header-top > .container {
        display: grid;
        grid-template-columns: 1fr 140px;
    }
    .header-logo {
        display: inline-block;
    }
    .header-logo img {
        max-width: 100%;
    }
    li.dropdown.dropdown-language > a {
        padding: 0 !important;
    }
    li.dropdown.dropdown-language > a,
    li.dropdown.dropdown-language > a:focus,
    li.dropdown.dropdown-language > a:hover {
        background: inherit!important;
    }
    li.dropdown.dropdown-language {
        margin-right: 2rem;
    }
    html[lang="ru"] .form-wizard .steps > li > a.step > .desc {
        font-size: 12px;
        max-width: 130px;
    }
    
    html[lang="es"] .form-wizard .steps > li > a.step > .desc {
        font-size: 12px;
    }
}

/**
 * Laptop+
 */
@media screen and (min-width: 992px) {
    .hor-menu {width: calc(100% - 370px);}
    .hor-menu > ul {
        width: 100%;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li {
        height: 51px;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        height: 100%;
        align-items: center;
        display: flex;
    }
    html[lang="ru"] .page-header .page-header-menu .hor-menu .navbar-nav > li > a {padding: 10px;}
    html[lang="ru"] .form-wizard .steps > li > a.step > .desc {
        font-size: 15px;
    }
    html[lang="vi"] .page-header .page-header-menu .hor-menu .navbar-nav > li > a {padding: 5px;}
}

/**
 * laptop only
 * & smaller tablet landscape only
 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    html[lang="es"] .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        padding: 0 4px;
    }
    html[lang="ru"] .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        font-size: 12px;
        padding: 0 4px;
    }
    html[lang="ru"] .form-wizard .steps > li > a.step > .desc {
        font-size: 12px;
        max-width: 130px;
    }
    html[lang="vi"] .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        font-size: 11px;
        padding: 0 4px;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        padding: 0 08px;
    }
    .hor-menu {width: calc(100% - 270px);}
    .page-header .page-header-menu .search-form.open {
        width: 200px !important;
    }
}

/**
 * Desktop+
 */
@media screen and (min-width: 1200px) {
    .hor-menu {width: calc(100% - 370px);}

    html[lang="es"] .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        font-size: 12px;
    }

    html[lang="ru"] .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        font-size: 12px;
    }
    
    html[lang="vi"] .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        font-size: 12px;
        padding: 0 5px;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        padding: 0 12px;
    }
}