core/skin/virtual-nt.ru/css/responsive.css

609 lines
18 KiB
CSS
Raw Normal View History

2023-02-25 22:58:56 +05:00
@charset "UTF-8";
/*******************************************
*** SO Framework: Sass ***
*******************************************/
/*===============================================
[SASS DIRECTORY ]
[1] Minxin Link
[2] Minxin Buton
[3] Minxin Triangle
==============================================*/
.no-margin {
margin: 0 !important; }
.marginbottom__3x {
margin-bottom: 30px; }
@-webkit-keyframes animLoadedLogo {
to {
-webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } }
@keyframes animLoadedLogo {
to {
-webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } }
@-webkit-keyframes animLoadedLoader {
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } }
@keyframes animLoadedLoader {
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } }
@-webkit-keyframes animLoadedHeader {
to {
-webkit-transform: translate3d(0, -100%, 0); } }
@keyframes animLoadedHeader {
to {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@-webkit-keyframes animInitialHeader {
from {
opacity: 0;
-webkit-transform: translate3d(0, 800px, 0); } }
@keyframes animInitialHeader {
from {
opacity: 0;
-webkit-transform: translate3d(0, 800px, 0);
transform: translate3d(0, 800px, 0); } }
/*******************************************************
Style Color
********************************************************/
/* 1.Large devices Desktops ( Devices ≥1200px)
* 2.Medium devices Desktops (992px ≥ Devices ≥ 1199px)
* 3.Small devices Tablets (991px ≥ Devices ≥ 768px)
* 4.Extra small devices Phones ( Devices < 767px)
*/
@media (max-width: 767px) {
.container-full {
margin: 0;
clear: both; }
.container-full > .container {
width: auto; }
.header-top-left, .header-top-right {
padding: 0; }
.header-top-right .tabBlockTitle {
position: absolute;
z-index: 4;
right: 0;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px); }
.header-top-right .shopping_cart {
width: 100%;
padding: 0 5px; }
.header-top .languages-block form > a, .header-top .currencies-block form > a {
padding: 0 5px; }
.navbar-logo {
text-align: center;
margin-bottom: 30px; }
.search-pro {
width: 100%;
margin: 0 0 20px;
padding: 0 15px;
clear: both; }
.header-top .navbar-welcome {
font-size: 12px; }
#yt_header_right .two-block {
margin-bottom: 30px; }
.shopping_cart {
padding: 0 15px; }
.navbar-header .navbar-toggle {
border-color: #999;
margin-right: 10px; }
#header .header-bottom-right {
padding: 0 15px;
margin: 0; }
.responsive .vertical ul.megamenu > li > .sub-menu {
position: static; }
.footer-bottom-block {
text-align: center; }
.footer-bottom-block .block-payment {
text-align: center; }
.ip-loader {
top: 50%; }
/*------------------ BREADCRUM ---------------*/
ul.breadcrumb li {
border: 0;
padding: 0 15px 0 5px; }
ul.breadcrumb li:first-child {
border: 0; }
ul.breadcrumb li:last-child:after {
display: none; }
ul.breadcrumb li:after {
font-family: "FontAwesome";
transform: rotate(0);
border: 0;
top: 0;
content: "\f101"; }
ul.breadcrumb li + li:before {
display: none; }
div.tab-slider h3.modtitle {
position: relative; }
div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap {
border: none;
height: auto; }
.policy-detail .banner-policy .policy {
padding: 0; }
.banner-wraps .banners {
margin-bottom: 24px;
display: inline-block; }
#collections_block ul li {
display: inline-block;
width: 49%; }
.module.so-categories .wrap-categories {
margin: 0; }
/*----------------- PRODUCT ---------------------*/
.producttab .tabsslider .nav-tabs li {
float: none; }
.thumb-vertical-outer {
padding-left: 0; }
.add-to-links {
clear: both; }
.add-to-links ul li {
margin: 5px 0;
display: inline-block; }
.filter-row .table_cell {
border-left: none;
display: block; }
/*==============HOME 1 =====================*/
div.type_1 .header-bottom-right {
padding: 0 15px;
margin: 0; }
.type_1 .shopping_cart .btn-group > a {
min-width: 200px;
display: table;
margin: 0 auto; }
.shopping_cart .btn-group {
z-index: 65; }
/*.so-vertical-menu .navbar-header .navbar-toggle{background: $background; border-color: $background;
.icon-bar{background: white;}
}*/
.ltabs-tab-selected {
text-align: left; }
/*==============HOME 2=====================*/
.news-letter {
margin-bottom: 30px; }
.type_2 .navbar-welcome {
margin: 5px; }
.type_2 .shopping_cart .btn-group {
text-align: right; }
.type_2 .shopping_cart a.top_cart {
margin: 0; }
.type_2 .so-megamenu .horizontal .navbar-header {
color: #555555; }
.type_2 .header-bottom-right {
text-align: right;
color: white;
position: static; }
.type_2 .header-bottom-right .tabBlockTitle {
margin: 15px 0 0; }
.type_2 .header-bottom-right .tabBlock {
background: white;
padding: 10px 15px !important;
position: absolute;
z-index: 3;
left: 0; }
.type_2 .header-center {
padding: 15px 0; }
/*==============HOME 3=====================*/
.block-policy-v3 .policy {
margin-bottom: 10px; }
.layout-home3 .navbar-category .navbar-toggle{color:#666;}
.type_3 .header-top-left .navbar-welcome {
padding: 5px 10px; }
.type_3 .shopping_cart .btn-group > a {
min-width: 200px;
display: table;
margin: 0 auto; }
.type_3 #sosearchpro .form-control {
border: 1px solid #e5e5e5; }
.type_3 .header-bottom-right {
text-align: right;
color: white;
position: static; }
.type_3 .header-bottom-right .tabBlockTitle {
margin: 12px 0; }
.type_3 .header-bottom-right .tabBlock {
background: white;
padding: 10px 15px !important;
position: absolute;
z-index: 3;
left: 0; }
.layout-home3 .so-megamenu .so-vertical-menu .vertical-wrapper {
position: fixed !important; }
/*==============HOME 4=====================*/
.currencies-block .dropdown-menu {
right: 0;
left: auto; }
.layout-home4 #sosearchpro {
padding: 7px 15px;
margin: 0; }
.type_4 .header-top-right ul.top-link {
width: 100%; }
.type_4 .header-top-right ul.top-link > li {
float: left; }
.type_4 #sosearchpro .form-control {
border: 1px solid #e5e5e5; }
.type_4 .search-pro {
width: 33%;
clear: none; }
.type_4 .shopping_cart {
clear: both;
padding: 0; }
.type_4 .search-pro {
text-align: right;
color: white;
position: static;
margin: 0; }
.type_4 .search-pro .tabBlockTitle {
margin: 15px 0 12px; }
.type_4 .search-pro .tabBlock {
background: white;
padding: 10px 15px !important;
position: absolute;
z-index: 300;
left: 0;
width: 100%; }
.type_4 .shopping_cart a.top_cart {
border: none;
background: #777;
border-radius: 0 !important;
padding: 6px 15px; }
/*==============HOME 5 =====================*/
.layout-home5 {
background: #fff; }
.layout-home5 #sosearchpro .search {
max-width: 50px;
float: right; }
.layout-home5 #sosearchpro .search .autosearch-input {
display: none; }
.layout-home5 #sosearchpro .search .button-search {
border-radius: 3px;
min-width: 45px; }
.layout-home5 .btn-shopping-cart ul.dropdown-menu {
right: -20px;
left: auto; }
.layout-home5 .header-center {
padding-bottom: 0; }
.layout-home5 .header-bottom {
min-height: 30px; }
.layout-home5 .header-top-right .shopping_cart {
width: auto; }
.layout-home5 header .so-megamenu .navbar-header {
color: #555555;
position: absolute;
z-index: 1;
top: -65px; }
.layout-home5 header .so-megamenu .navbar-header .navbar-toggle {
background: #555555;
border-color: #555555; }
.layout-home5 .slider-brand {
padding: 15px 70px 0; }
/*==============HOME 6 =====================*/
.layout-home6 .header-top-right .tabBlockTitle {
-webkit-transform: translateY(-35px);
-moz-transform: translateY(-35px);
-ms-transform: translateY(-35px);
-o-transform: translateY(-35px);
transform: translateY(-35px);
color: #fff; }
.layout-home6 .header-top-right .tabBlockTitle a {
color: #999; }
.layout-home6 .header-top-right .tabBlockTitle a:hover {
color: #F4A137; }
.layout-home6 .type_6 #sosearchpro {
margin-top: 0; }
.layout-home6 .services-v1 .policy {
margin-bottom: 10px; }
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container {
min-height: 200px; }
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .button-group {
overflow: hidden; }
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .addToCart {
margin-bottom: 10px;
display: block; }
.layout-home6 .modLine h3.modtitle {
display: block; }
/*==============HOME 7 =====================*/
.layout-home7 .header-top-right .tabBlockTitle {
-webkit-transform: translateY(-35px);
-moz-transform: translateY(-35px);
-ms-transform: translateY(-35px);
-o-transform: translateY(-35px);
transform: translateY(-35px);
color: #fff; }
.layout-home7 .header-top-right .tabBlockTitle a {
color: #999; }
.layout-home7 .header-top-right .tabBlockTitle a:hover {
color: #F4A137; }
.layout-home7 .banner1-id7 ul.blank > li:first-child {
margin-bottom: 30px; }
.layout-home7 .type_7 .header-bottom .header-bottom__content {
margin: 0 -15px;
padding: 0 20px;
background: rgba(255, 255, 255, 0.1); }
.layout-home7 .so-listing-tabs .ltabs-items-container .ltabs-items .product-col {
padding: 0; }
.layout-home7 .so-listing-tabs .ltabs-items-container .ltabs-items .product-col .ltabs-item {
width: 100%;
padding: 0 15px;
float: left; }
.layout-home7 .services-v1 .policy {
margin-bottom: 10px; }
.layout-home7 .modLine h3.modtitle {
display: block; }
.layout-home7 .tab-slider--full {
margin: 0;
padding: 10px 0; }
.layout-home7 .subscribe-home {
margin-bottom: 30px; }
.layout-home7 .slider-brand--home6 .owl2-controls {
display: none; }
/*==============HOME 8 =====================*/
.layout-home8 .header-top-right .tabBlockTitle {
-webkit-transform: translateY(-35px);
-moz-transform: translateY(-35px);
-ms-transform: translateY(-35px);
-o-transform: translateY(-35px);
transform: translateY(-35px);
color: #fff; }
.layout-home8 .header-top-right .tabBlockTitle a {
color: #999; }
.layout-home8 .header-top-right .tabBlockTitle a:hover {
color: #F4A137; }
.layout-home8 .home8--banner1 {
text-align: center; }
.layout-home8 .home8--banner1 .banner__img {
float: none;
display: inline-block; }
.layout-home8 .so-megamenu .navbar-header {
color: #555555;
z-index: 1; }
.layout-home8 .so-megamenu .navbar-header .navbar-toggle {
background: #555555;
border-color: #555555; }
.layout-home8 .footer-center .icons-social .modtitle {
display: block; }
.layout-home8 .footer-center .icons-social .modcontent {
display: block; } }
@media (min-width: 768px) and (max-width: 991px) {
.container-full {
margin: 0;
clear: both; }
.container-full > .container {
width: auto; }
/*==============HOME 1 =====================*/
.navbar-logo {
text-align: center;
margin-bottom: 30px; }
#yt_header_right .two-block {
margin-bottom: 30px; }
/*==============HOME 2=====================*/
header.type_2 .so-megamenu .horizontal .navbar-header {
color: #555555; }
.news-letter {
margin-bottom: 30px; }
.content-aside {
padding: 0; }
.content-aside .module {
width: 45%;
margin: 0 2% 30px;
display: inline-block;
float:left;
vertical-align: top; }
/*==============HOME 3=====================*/
.layout-home3 .so-megamenu .so-vertical-menu .vertical-wrapper {
position: fixed !important; }
.layout-home3 .aside-verticalmenu{margin:0;}
.layout-home3 .navbar-category .navbar-toggle{color:#666;}
.block-policy-v3 .policy {margin-bottom: 10px; }
.navbar-header .navbar-toggle {
border-color: #999;
margin: 5px; }
.responsive .vertical ul.megamenu > li > .sub-menu {
position: static; }
.policy-detail .banner-policy .policy {
padding: 0;
border: none; }
#collections_block ul li {
display: inline-block;
width: 33%; }
.products-category .products-list .product-layout .button-group .addToCart {
margin: 0 20px 10px 0; }
.add-to-links {
clear: both; }
.add-to-links ul li {
margin: 5px 0;
display: inline-block; }
.filter-row .table_cell {
border-left: none;
display: block; }
/*==============HOME 5 =====================*/
.layout-home5 {
background: #fff; }
.layout-home5 #sosearchpro .search {
max-width: 320px;
float: right; }
.layout-home5 .header-center {
padding-bottom: 0; }
.layout-home5 .header-bottom {
min-height: 30px; }
.layout-home5 header .so-megamenu .navbar-header {
color: #555555;
position: absolute;
z-index: 1;
top: -40px; }
.layout-home5 header .so-megamenu .navbar-header .navbar-toggle {
background: #555555;
border-color: #555555; }
/*==============HOME 6 =====================*/
.layout-home6 .type_6 #sosearchpro {
margin-top: 0; }
.layout-home6 .services-v1 .policy {
margin-bottom: 10px; }
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container {
min-height: 215px; }
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .button-group {
overflow: hidden; }
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .addToCart {
margin-bottom: 10px;
display: block; }
/*==============HOME 7 =====================*/
.layout-home7 .type_7 .header-bottom .header-bottom__content {
padding: 0 10px;
background: rgba(255, 255, 255, 0.1); }
.layout-home7 .services-v1 .policy {
margin-bottom: 10px; }
.layout-home7 .subscribe-home {
margin-bottom: 30px; }
.layout-home7 .so-listing-tabs .ltabs-items-container .ltabs-items .product-col {
padding: 0; }
.layout-home7 .so-listing-tabs .ltabs-items-container .ltabs-items .product-col .ltabs-item {
width: 50%;
padding: 0 15px;
float: left; }
/*==============HOME 8 =====================*/
.layout-home8 .home8--banner1 {
text-align: center; }
.layout-home8 .home8--banner1 .banner__img {
float: none;
display: inline-block; }
.layout-home8 .so-megamenu .navbar-header {
color: #555555;
z-index: 1; }
.layout-home8 .so-megamenu .navbar-header .navbar-toggle {
background: #555555;
border-color: #555555; } }
@media (min-width: 992px) and (max-width: 1199px) {
.container-full {
margin: 0;
clear: both; }
/*==============HOME 1 =====================*/
.layout-home1 #yt_header_right .three-block .htmlcontent-home {
margin: 0; }
.layout-home1 #yt_header_right .three-block .htmlcontent-home img {
width: 100%;
height: 140px; }
.layout-home1 #yt_header_right .two-block .owl2-carousel .owl2-item img {
width: 100%; }
.products-list.grid .product-layout .product-item-container {
min-height: 250px; }
.products-category .products-list .product-layout .button-group .addToCart {
margin: 0 10px 10px 0; }
/*==============HOME 2 =====================*/
.news-letter .newsletter {
padding: 15px;
min-height: 201px; }
.news-letter .newsletter h2 {
margin-top: 40px; }
.type_2 .horizontal ul.megamenu > li > a {
padding: 0 8px; }
/*==============HOME 3 =====================*/
.layout-home3.common-home .sidebar-menu .vertical.open .vertical-wrapper {
display: block !important; }
/*==============HOME 4 =====================*/
.policy-v3 .block-policy-v3 .policy .policy-inner {
min-height: 100px; }
/*==============HOME 5 =====================*/
.layout-home5 {
background: #fff; }
/*==============HOME 6 =====================*/
.layout-home6 div.tab-slider .ltabs-items-container .ltabs-items .button-group > button {
min-width: 36px;
padding: 7px 10px; }
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container {
min-height: 212px; }
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .addToCart {
margin-bottom: 10px; } }
@media (min-width: 1200px) {
/*==============HOME 1 =====================*/
.container {
width: 1200px; }
#yt_header_right .two-block {
width: 69%; }
#yt_header_right .three-block {
width: 31%;
margin: 0; }
.common-home .sidebar-menu .vertical.open .vertical-wrapper {
display: block !important; } }
/*# sourceMappingURL=responsive.css.map */