﻿/* ------------------------------------------------- max-width: 992px-1199px---------------------------------------------------*/
@media only screen and (max-width: 1199px){
	.h1, h1{font-size: 34px;}
	.h2, h2{font-size: 30px;}
	.h3, h3{font-size: 26px;}
	.h4, h4{font-size: 22px;}
	.h5, h5{font-size: 18px;}
	}
/* ------------------------------------------------- min-width: >992px---------------------------------------------------*/
@media only screen and (min-width: 992px){
	.navbar .navbar-nav li > .dropdown-menu{display: block;opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out;margin-top: 20px;pointer-events: none;}
	.navbar .navbar-nav li:hover > .dropdown-menu{display: block;opacity: 1;visibility: visible;margin-top: 0px;pointer-events: auto;}
	.navbar .navbar-nav li:hover > .dropdown-menu.cart_box{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
	.navbar .navbar-nav li:hover > .dropdown-menu .mega-menu ul li .dropdown-menu{margin-top: 10px;}
	.navbar .navbar-nav .dropdown-menu .dropdown-menu{left: 100%;top: 0;}
	.navbar .navbar-nav .dropdown-menu.dropdown-reverse .dropdown-menu{left: auto;right: 100%;margin-left: 0;margin-right: 5px;}
	.navbar .navbar-nav .dropdown-menu.dropdown-reverse li:hover > .dropdown-item::after{-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
	.dropdown-menu.dropdown-reverse{left: auto;right: 0;}
	}

/* ------------------------------------------------- max-width: 991px---------------------------------------------------*/
@media only screen and (max-width: 991px){
	.navbar .navbar-collapse .navbar-nav{max-height: 80vh;overflow-y: auto;}
	.navbar .navbar-nav > li > .nav-link,
	.nav-fixed .navbar .navbar-nav > li > .nav-link{padding: 10px 10px;}
	.navbar .navbar-nav.attr-nav li{float: left;}
	.navbar .navbar-nav .dropdown-item{border-bottom: 0;}
	.navbar .navbar-nav.attr-nav li .nav-link{padding: 20px 10px;}
	.dropdown:not(.dropdown-mega-menu) .dropdown-menu > ul, .mega-menu-col > ul, .dropdown .dropdown-menu .dropdown-menu > ul{padding: 0;}
	.dropdown-menu .dropdown-toggler::after{right: 10px;}
	.dropdown-toggle::after{float: right;}
	.navbar-nav .dropdown-menu .dropdown-menu,
	.navbar .navbar-nav li.dropdown-mega-menu .dropdown-menu{padding-left: 10px;}
	.dropdown-toggler::after{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	.navbar .attr-nav li.nav-btn{margin-top: 8px;}
	}
/* ------------------------------------------------- max-width: 767px---------------------------------------------------*/
@media only screen and (max-width: 767px){
	.h2, h2{font-size: 28px;}
	.h3, h3{font-size: 24px;}
	.h4, h4{font-size: 20px;}
	}
/* ------------------------------------------------- max-width: 640px---------------------------------------------------*/
@media only screen and (max-width: 640px){

	}
/* ------------------------------------------------- max-width: 575px---------------------------------------------------*/
@media only screen and (max-width: 575px){
	.navbar .attr-nav li.nav-btn{margin-top: 10px;}
	}
/* ------------------------------------------------- max-width: 480px---------------------------------------------------*/
@media only screen and (max-width: 480px){

	}
/* ------------------------------------------------- max-width: 380px---------------------------------------------------*/
@media only screen and (max-width: 380px){

	}