@media (min-width: 1585px) {
    #header {
        padding-top: 0;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1585px;
    }
    
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1585px;
	}
	.d-xxl-inline-flex {
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}
	.d-xxl-inline {
		display: inline !important;
	}
	.d-xxl-inline-block {
		display: inline-block !important;
	}
	.d-xxl-block {
		display: block !important;
	}
    .row-xxl-slide {
        flex-wrap: nowrap;
        overflow: hidden;
    }
    .row-xxl-slide > div {
        transition: 500ms transform ease;
    }
	.col-xxl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col-xxl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.col-xxl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.col-xxl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xxl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-xxl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-xxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-xxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-xxl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.col-xxl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.pl-xxl-5, .px-xxl-5 {
		padding-left: 3rem !important;
	}
	.pr-xxl-5, .px-xxl-5 {
		padding-right: 3rem !important;
	}
	.pl-xxl-4, .px-xxl-4 {
		padding-left: 1.5rem !important;
	}
	.pr-xxl-4, .px-xxl-4 {
		padding-right: 1.5rem !important;
	}
	.pl-xxl-2, .px-xxl-2 {
		padding-left: .5rem !important;
	}
	.pt-xxl-0 {
		padding-top: 0 !important;
	}
	.pt-xxl-4 {
		padding-top: 1.5rem !important;
	}
	.pl-xxl-0 {
		padding-left: 0 !important;
	}
	.pr-xxl-2 {
		padding-right: .5rem !important;
	}
	.pb-xxl-2 {
		padding-bottom: .5rem !important;
	}
	.pt-xxl-3, .py-xxl-3 {
		padding-top: 1rem !important;
	}
	.pb-xxl-3, .py-xxl-3 {
		padding-bottom: 1rem !important;
	}
	.pb-xxl-4 {
		padding-bottom: 1.5rem !important;
	}
	.pt-xxl-5, .py-xxl-5 {
		padding-top: 3rem !important;
	}
	.pb-xxl-5, .py-xxl-5 {
		padding-bottom: 3rem !important;
	}
	.mt-xxl-3 {
		margin-top: 1rem !important;
	}
	.ml-xxl-5, .mx-xxl-5 {
		margin-left: 3rem !important;
	}
	.mr-xxl-5, .mx-xxl-5 {
		margin-right: 3rem !important;
	}
	.mb-xxl-4, .my-xxl-4 {
		margin-bottom: 1.5rem !important;
	}
	.mt-xxl-4, .my-xxl-4 {
		margin-top: 1.5rem !important;
	}
	.ml-xxl-4, .mx-xxl-4 {
		margin-left: 1.5rem !important;
	}
	.ml-xxl-1, .mx-xxl-1 {
		margin-left: .25rem !important;
	}
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-8 {
        margin-left: 66.666667%;
    }
	.offset-xxl-3 {
		margin-left: 25%;
	}
	.offset-xxl-2 {
		margin-left: 16.666667%;
	}
	.offset-xxl-1 {
		margin-left: 8.333333%;
	}
	.text-xxl-center {
		text-align: center !important;
	}
	.w-xxl-75 {
		width: 75% !important;
	}
	.w-xxl-50 {
		width: 50% !important;
	}

    .tab-content .package-params {
        max-width: 1200px;
    }
    .package-params table thead tr th,
    .package-params table tr td,
    .domains-price-table table thead tr th,
    .domains-price-table table tr td {
        min-width: 168px;
    }
    .packages-container .package-item:not(.vps-item) .package-price {
        margin-top: 19px;
        transition: margin-top 400ms;
    }
    .packages-container .package-item:not(.vps-item) .card:hover  .package-price {
        margin-top: 34px;
    }
    .ua-support {
        display: block;
    }
    #servers-form-summary .form-title-wrapper {
        text-align: left;
    }
    #servers-form-summary .form-title-wrapper > div {
        display: flex;
    }
    #servers-form-summary #total-price {
        margin-left: auto;
    }
}

@media (max-width: 1584px) {
    .col-slide {
        transform: translate(0, 0) !important;
    }
}

@media (max-width: 1140px) {
    .sections-wrapper .section,
    .home-middle-section .section{
        padding-left: 10px;
        padding-right: 10px;
    }
    #header .logo img {
        max-width: 280px;
    }
}

@media (max-width: 1060px) {
    #account-buttons,
    .search-form input{
        padding-left: 7px;
        padding-right: 9px;
    }
    .search-form input{
        width: 120px;
    }
    #footer-wrapper #footer-bottom-section .row:first-child {
        display: none;
    }
    #footer-wrapper #footer-bottom-section .row .grey{
        margin-top: 20px;
        display: inline-block;
    }
    #footer-wrapper #two-parrots-wrapper{
        display: none;
    }
    .home-middle-section{
        margin-bottom: 0;
    }
    .sections-wrapper{
        padding-bottom: 0;
    }
    #footer-wrapper #footer-top-section .container .row{
        padding-top: 28px;
    }
}

@media (min-width: 992px) {
    #header .dropdown:hover > .dropdown-menu {
        display: flex;
    }
    #header .dropdown-menu .items-desc-wrapper {
        background-color: #e9ecef;
        width: 0;
        overflow: hidden;
        transition: all 0.5s ease;
    }
    #header .dropdown-menu .items-desc-wrapper:hover,
    #header .dropdown-menu .items-desc-wrapper.active {
        width: 200px;
    }
    #header .dropdown-menu .items-desc-wrapper .item-desc {
        display: none;
        padding: 0.2rem 1rem;
    }
    #header .dropdown-menu .items-desc-wrapper .item-desc:hover,
    #header .dropdown-menu .items-desc-wrapper .item-desc.active {
        display: block;
    }
    #header .dropdown > .dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }
    #header .dropdown-toggle::after{
        display: none;
    }
    #header .navbar-nav .dropdown-menu{
        padding: 15px 5px 20px;
        box-shadow: 0 0 10px #c8c8c8;
        border: 0;
        margin: 0;
    }
    #header .navbar-nav .dropdown:last-child .dropdown-menu,
    #header .navbar-nav .dropdown:nth-last-child(2) .dropdown-menu,
    #header .navbar-nav .dropdown:nth-last-child(3) .dropdown-menu {
        left: auto;
        right: 0;
    }
    #header .navbar-nav .dropdown-menu::before {
        background: url('../images/menu_triangle.png') no-repeat;
        content: '';
        display: block;
        width: 17px;
        height: 9px;
        position: absolute;
        top: -9px;
        left: 30px;
    }
    #header .navbar-nav .dropdown-menu.dropdown-menu-right::before,
    #header .navbar-nav .dropdown:last-child .dropdown-menu::before,
    #header .navbar-nav .dropdown:nth-last-child(2) .dropdown-menu::before,
    #header .navbar-nav .dropdown:nth-last-child(3) .dropdown-menu::before {
        left: auto;
        right: 30px;
    }
    #servers-form-summary {
        position: sticky;
        top: 168px;
    }
    #form_servers .square-label > div.align-self-center {
        min-width: 110px;
        max-width: 110px;
        margin-right: 20px;
    }
}

@media (max-width: 991px) {
    #product-name{
        display: none;
    }
    #res-product-name{
        display: block;
    }
    #product-price{
        margin-top: 15px;
    }
    #footer-wrapper #footer-middle-section .container{
        background: none;
    }
    .slider-title{
        margin-bottom: 10px;
    }
    .slider-title br{
        display: none;
    }
    .products-categories-list li a .category-name{
        left: 26px;
    }
    .products-categories-list li a .category-button{
        left: 20px;
    }
    .products-categories-list li a .trapeze{
        width: 384px;
    }
    #account-buttons, .cart-short, .search-form{
        margin-top: 8px;
    }
    .faq-category .accordion-header .container .question-icon-wrapper,
    .layout-home .sections-wrapper > section:nth-last-child(1),
    .layout-home .sections-wrapper > section:nth-last-child(2),
    .top-footer {
        display: none;
    }
    .main-footer .border-right {
        border-right: 0 none !important;
    }
    .btn-creator-mobile{
        display: inline-block;
    }
}

@media (max-width: 920px) {
    .cart-short .empty-cart{
        height: 53px;
        width: 53px;
        font-size: 0;
        padding-right: 5px;
        padding-left: 48px;
        background-position-x: 14px;
        line-height: 32px;
    }
    .cart-short .summary{
        font-size: 0;
        padding-left: 19px;
        position: relative;
        top: -5px;
    }
    .cart-short a{
        padding-left: 9px;
    }
    .header .text-element.page-element.text{
        display: none;
    }
}

/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {
    #servers-form-summary .page-title-wrapper {
        text-align: left;
    }
    #servers-form-summary .page-title-wrapper > div {
        display: flex;
    }
    #servers-form-summary #total-price {
        margin-left: 20px;
    }
}

@media (max-width: 767px) {
    .userheaders-element .user-menu .btn{
        margin: 0px;
    }
    .account-cart-search{
        text-align: center;
        float: none;
        display: inline-block;
    }
    #account-buttons,
    .search-form input{
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .cart-short .empty-cart{
        padding-top: 6px;
        padding-bottom: 8px;
    }
    .cart-short .quantity{
        padding: 6px 8px 8px;
    }
    .search-form button{
        height: 36px;
    }
    .cart-short .empty-cart{
        height: 35px;
        position: relative;
    }
    #footer-middle-section{
        padding-bottom: 30px;
    }
    #footer-wrapper #footer-middle-section .container .row > div:first-child > div,
    #footer-wrapper #footer-middle-section .container .row > div:first-child > ul{
        padding-left: 35px;
    }
    #filtres{
        display: none;
    }
    .filtres-buttons{
        display: block;
    }
    .card.box{
        margin-top: 20px;
    }

    #fb_widget_wrapper{
        position: static;
        width: 99.97%;
        height: 300px;
        left: 0;
        right: 0;
        top: 0;
    }
    #fb_widget_wrapper .facebook_icon{
        display: none;
    }
    #fb_widget_wrapper .facebook_box{
        position: static;
        float: none;
        margin: 0 auto;
        width: 345px;
    }
}

@media (max-width: 660px) {
    .cart-short{
        position: absolute;
        right: 0;
        top: 15px;
    }
    .user-menu{
        margin-top: 10px !important;
    }
    .user-menu a{
        display: block;
        border:none;
        padding: 1px;
    }
}

@media (max-width: 575px) {
    #footer-wrapper #footer-bottom-section,
    #footer-wrapper #footer-bottom-section .text-align-right {
        text-align: center;
    }
    #slider-wrapper .inputs > div{
        max-width: 50%;
    }
    #slider-wrapper div.row:nth-of-type(2){
        padding: 0 10px;
    }
}

@media (max-width: 490px) {
    #product-magazines{
        float: none;
    }
    #social-area{
        display: block;
        margin-top: 10px;
    }
    #social-area br{
        display: none;
    }
    #social-area .fb_iframe_widget{
        vertical-align: top;
    }
    .products-carousel button.slick-arrow, .products-carousel button.slick-arrow:focus{
        top: -25px;
    }
    #buy-area .spinner{
        margin-bottom: 10px;
    }
    #buy-area .buy-btn{
        margin-left: 0;
    }
    .products-categories-list li a .trapeze{
        width: 100%;
        border: none;
        background-color: #dd0404;
    }
    .swal2-popup .swal2-styled{
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    #miniatures{
        text-align: center;
    }
    #miniatures .miniature-wrapper{
        float: none;
        display: inline-block;
        width: 80px;
        height: 88px;
    }
}