/* Minification failed. Returning unminified contents.
(12,40): run-time error CSS1046: Expect comma, found '2'
(12,44): run-time error CSS1046: Expect comma, found '/'
(505,35): run-time error CSS1046: Expect comma, found '0'
(505,39): run-time error CSS1046: Expect comma, found '/'
(590,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1957,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1959,30): run-time error CSS1039: Token not allowed after unary operator: '-graydark-color'
(3308,28): run-time error CSS1039: Token not allowed after unary operator: '-silver-color'
(4479,92): run-time error CSS1039: Token not allowed after unary operator: '-gray-color'
(4479,128): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4479,152): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4480,44): run-time error CSS1039: Token not allowed after unary operator: '-gray-color'
(4480,67): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4480,91): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4618,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4648,28): run-time error CSS1039: Token not allowed after unary operator: '-silver-color'
(4784,44): run-time error CSS1039: Token not allowed after unary operator: '-gray-color'
(4785,38): run-time error CSS1039: Token not allowed after unary operator: '-gray-color'
(5299,34): run-time error CSS1046: Expect comma, found '0'
(5299,38): run-time error CSS1046: Expect comma, found '/'
(5309,34): run-time error CSS1046: Expect comma, found '0'
(5309,38): run-time error CSS1046: Expect comma, found '/'
(5324,34): run-time error CSS1046: Expect comma, found '0'
(5324,38): run-time error CSS1046: Expect comma, found '/'
(5425,84): run-time error CSS1039: Token not allowed after unary operator: '-main-gray-color'
(5425,112): run-time error CSS1039: Token not allowed after unary operator: '-main-white-color'
(5426,48): run-time error CSS1039: Token not allowed after unary operator: '-main-gray-color'
(5426,76): run-time error CSS1039: Token not allowed after unary operator: '-main-white-color'
(5865,24): run-time error CSS1046: Expect comma, found '50'
(5865,30): run-time error CSS1046: Expect comma, found '/'
(5865,63): run-time error CSS1046: Expect comma, found '0'
(5865,67): run-time error CSS1046: Expect comma, found '/'
(6477,34): run-time error CSS1039: Token not allowed after unary operator: '-blue-color'
(6550,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(6551,39): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(7086,28): run-time error CSS1046: Expect comma, found '35'
(7086,34): run-time error CSS1046: Expect comma, found '/'
(7201,27): run-time error CSS1046: Expect comma, found '0'
(7201,31): run-time error CSS1046: Expect comma, found '/'
(7392,28): run-time error CSS1046: Expect comma, found '50'
(7392,34): run-time error CSS1046: Expect comma, found '/'
(7392,67): run-time error CSS1046: Expect comma, found '0'
(7392,71): run-time error CSS1046: Expect comma, found '/'
(8044,34): run-time error CSS1039: Token not allowed after unary operator: '-blue-color'
(8117,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(8118,39): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(8653,28): run-time error CSS1046: Expect comma, found '35'
(8653,34): run-time error CSS1046: Expect comma, found '/'
(8768,27): run-time error CSS1046: Expect comma, found '0'
(8768,31): run-time error CSS1046: Expect comma, found '/'
(8959,28): run-time error CSS1046: Expect comma, found '50'
(8959,34): run-time error CSS1046: Expect comma, found '/'
(8959,67): run-time error CSS1046: Expect comma, found '0'
(8959,71): run-time error CSS1046: Expect comma, found '/'
(9349,28): run-time error CSS1046: Expect comma, found '50'
(9349,34): run-time error CSS1046: Expect comma, found '/'
(9349,67): run-time error CSS1046: Expect comma, found '0'
(9349,71): run-time error CSS1046: Expect comma, found '/'
(9904,28): run-time error CSS1046: Expect comma, found '35'
(9904,34): run-time error CSS1046: Expect comma, found '/'
(10024,27): run-time error CSS1046: Expect comma, found '0'
(10024,31): run-time error CSS1046: Expect comma, found '/'
(10383,28): run-time error CSS1046: Expect comma, found '50'
(10383,34): run-time error CSS1046: Expect comma, found '/'
(10383,67): run-time error CSS1046: Expect comma, found '0'
(10383,71): run-time error CSS1046: Expect comma, found '/'
(10809,28): run-time error CSS1046: Expect comma, found '35'
(10809,34): run-time error CSS1046: Expect comma, found '/'
(10929,27): run-time error CSS1046: Expect comma, found '0'
(10929,31): run-time error CSS1046: Expect comma, found '/'
 */
/* Find Page

    #INDEX 
    #Responsive
*/

/* ++++++++++++++++++++++ */
/* ------- INDEX -------- */
/* ++++++++++++++++++++++ */
header {
    height: 12rem;
    box-shadow: 0px 4px 15px 0px rgb(2 2 2 / 10%);
}

.menu-hide {
    transform: translateY(-140%);
    -moz-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    -o-transform: translateY(-140%);
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

header .header-top {
    height: auto;
}

.header-top .header-top-right {
    height: 4rem;
}

.header-top .header-top-right .logo {
    width: 11rem;
}

.header-top .header-top-right .logo img {
    width: 100%;
    height: auto;
}

.header-top .header-top-right .search {
    height: 4rem;
}

.header-top .header-top-right .search input {
    height: 4rem;
    font-size: 1.3rem;
    padding-left: 3.5rem;
}

.header-top .header-top-right .search i {
    position: absolute;
    left: 1rem;
    top: 1.3rem;
}

.header-top .header-top-left .login .login-title {
    font-size: 1.2rem;
}

.header-top .header-top-left .login i {
    font-size: 2rem;
    vertical-align: sub;
}

.header-top .icon-User:before {
    color: #c4344b;
}

.header-top .header-top-left .basket {
    width: 13rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.2rem;
}

.header-top .header-top-left .basket i {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 2rem;
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
    position: absolute;
    top: 0;
    left: 0;
}

.header-top .header-top-left .basket .basket-count {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    position: absolute;
    top: -.5rem;
    left: -.5rem;
}

.header-bottom nav {
    height: 5rem;
    line-height: 5rem;
    font-size: 1.3rem;
    z-index: 9998;
}

/* ----- #Mobile Des ----- */
header .header-bottom {
    height: 5rem;
    line-height: 5rem;
}

ul.nod-1 {
    display: flex;
}

ul.nod-1 i {
    margin-left: 10px;
    font-size: 22px;
    transform: translateY(10px);
}

ul.nod-1 i.icon-home {
    font-size: 17px;
    transform: translateY(15px);
}

ul.nod-1>li>a {
    font-size: 13px;
    padding: 0 0px;
    color: #000;
    display: flex;
    height: 5rem;
    z-index: 99;

}

ul.nod-1>li:hover>a {
    color: #146C94;
}

ul.nod-1>li {
    position: relative;
    display: flex;
}

ul.nod-1>li ul.nod-2 {
    width: 28rem;
    height: 44rem;
    background-color: #fff;
    position: absolute;
    top: 5rem;
    display: none;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.15) 2px 1px 3.2px;
}

ul.nod-1>li:hover ul.nod-2 {
    display: flex;
    border-left: 1px solid #ebebeb;
    border-radius: 0 20px 20px 0;
}

/* حالت پیشفرض وقتی روی پدر هستیم */
/* همه زیرمنوهای سطح سوم مخفی */
ul.nod-3{
    display:none;
}

/* حالت پیشفرض: وقتی روی پدر هستیم، فرزند اول باز شود */
ul.nod-1 > li:hover ul.nod-2:not(:hover) > li:first-child > ul.nod-3{
    display:flex;
}

/* وقتی روی هر آیتم سطح دوم رفتیم فقط همان باز شود */
ul.nod-2 > li:hover > ul.nod-3{
    display:flex;
}

ul.nod-1 > li:hover ul.nod-2:not(:hover) > li:first-child > ul.nod-3 a i{
	display:none;
}

ul.nod-1 > li:hover ul.nod-2:not(:hover) > li:first-child > a{
    background:#f1f1f1;
    border-radius:0 15px 15px 0;
    color:#146C94;
}

ul.nod-2 > li:hover > a{
    background:#f1f1f1;
    border-radius:0 15px 15px 0;
    color:#146C94;
}


ul.nod-1>li ul.nod-2>li>a {
    font-size: 13px;
    color: #000;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    display: flex;
    padding: 0 15px;
}

ul.nod-1>li ul.nod-2>li>a:hover {
    background: #f1f1f1;
    border-radius: 0 15px 15px 0;
}

ul.nod-1>li ul.nod-2>li:hover>a {
    color: #146C94;
}

ul li.list-all {
    display: none;
}

ul.nod-1 li ul.nod-2 li ul.nod-3 {
    width: 68rem;
    height: 44rem;
    background-color: #fff9f9;
    position: absolute;
    top: 0;
    right: 26rem;
    display: none;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.15) -3px 1px 3px 0px;
    flex-wrap: wrap;
    border-radius: 20px 0 0 20px;
    padding:5px 20px !important;
}

ul.nod-1 li ul.nod-2 li:hover ul.nod-3 {
    display: flex;
}

ul.nod-1 li ul.nod-2 li:hover ul.nod-3 i {
    display: none;
}

ul.nod-1 li ul.nod-2 li ul.nod-3>li>a {
    font-size: 12px;
    color: #000;
    font-weight: bold !important;
    height: 4rem;
    display: block;
}

ul.nod-1 li ul.nod-2 li ul.nod-3>li>a:before {
    content: '';
    width: 5px;
    height: 5px;
    display: inline-block;
    background: #d10707;
    margin-left: 5px;
    border-radius: 50%;
}

ul.nod-1 li ul.nod-2 li ul.nod-3>li>a::after {
    content: "\e918";
    font-family: 'icomoon' !important;
    font-size: 7px;
    padding-right: 10px;
    transition: padding-right .3s ease-in-out;
    -webkit-transition: padding-right .3s ease-in-out;
    -moz-transition: padding-right .3s ease-in-out;
    -ms-transition: padding-right .3s ease-in-out;
    -o-transition: padding-right .3s ease-in-out;
}

ul.nod-1 li ul.nod-2 li ul.nod-3>li>a:hover::after {
    padding-right: 5px;
}

ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li:hover>a {
    color: #146C94;
}

ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 0 10px 0 !important;
	padding-right: 10px;
}

ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4>li>a {
    border-right: none !important;
    font-size: 13px;
    color: #4a4a4a;
    padding: 5px 10px;
    height: 3rem;
    line-height: 3rem;
    display: block;
}

ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4>li>a:hover {
    color: #146C94;
}

.logo-and-menu ul.nod-1>li>a {
    display: inherit;
    height: 2.5rem;
    line-height: inherit;
    padding: 5px 10px;
    font-weight: inherit !important;
    border-right: 1px solid rgb(194, 194, 194);
    font-size: 12px;
}

.logo-and-menu ul.nod-1>li:last-child>a {
    border-left: 1px solid rgb(194, 194, 194);
}

.logo-and-menu ul.nod-1>li:first-child>a {
    border-right: none;
}

.logo-and-menu ul.nod-1 {
    margin: 0 15px !important;
}

.nav-footer ul.nod-1>li>a {
    color: #fff;
    font-weight: inherit !important;
    display: inherit;
    height: auto;
    line-height: inherit;
    padding: 5px 15px;
}

.nav-footer ul.nod-1>li:hover>a,
.logo-and-menu ul.nod-1>li:hover>a {
    border-bottom: none;
}

.nav-footer ul.nod-1 {
    flex-direction: row !important;
    padding: 0 !important;
    height: auto !important;
    flex-wrap: wrap;
    justify-content: center;
}

.nav-footer ul.nod-1 li {
    padding: 0 !important;
}

.nav-footer ul li.list-all {
    display: none !important;
}

.nav-footer ul.nod-1>li:after {
    display: none !important;
}

.other-menu-items {
    display: none;
}

ul.nod-1>li ul.nod-2 {
    z-index: 999999;
}

.maga-menu__nav ul.nod-1 {
    z-index: 999999;
}

ul.nod-1>li:hover ul.nod-2.small-mega-menu {
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
    padding: 20px !important;
    height: auto;
}

ul.nod-1>li ul.nod-2.small-mega-menu>li>a:hover {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.call-number {
    height: 4rem;
}

/* ----- #Mobile Menu ----- */
.overlay {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #00000085;
    width: 100%;
    height: 100vh;
    visibility: hidden;
}

.overlay.active {
    visibility: inherit;
}

.mobile__nav {
    width: 100%;
    height: 0;
    position: relative;
    top: -10rem;
    z-index: 1070;
}

.mobile__nav .mobile__nav--bar {
    display: block;
    width: 20%;
    height: 4rem;
    position: relative;
    top: 45px;
    right: 1.5rem;
}

.mobile__nav .mobile__nav--bar.close {
    position: fixed;
    top: 5.5rem;
    right: 27rem;
    z-index: 99999;
    width: 3rem;
    display: block;
}

.mobile__nav .mobile__nav--bar .line {
    position: absolute;
    height: .2rem;
    width: 3rem;
    background: #222;
    border-radius: .3rem;
    right: 0;
    transition: all ease .3s;
}

.mobile__nav .mobile__nav--bar .line1 {
    top: 1rem;
}

.mobile__nav .mobile__nav--bar .line2 {
    top: 2rem;
}

.mobile__nav .mobile__nav--bar .line3 {
    top: 3rem;
}

.mobile__nav .mobile__nav--bar.close .line1 {
    transform: rotate(45deg);
    top: 1.5rem;
    background: crimson;
    width: 2.5rem
}

.mobile__nav .mobile__nav--bar.close .line2,
.mobile__nav .mobile__nav--bar.close .line3 {
    transform: rotate(-45deg);
    top: 1.5rem;
    background: crimson;
    width: 2.5rem;
}

.mobile__nav nav.mobile__navigation {
    position: fixed;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 1090;
    transition: background .3s;
}

.mobile__nav nav.mobile__navigation ul {
    width: 32rem;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 40px;
    right: -32rem;
    transition: right .3s;
    overflow-y: auto;
}

.mobile__nav nav.mobile__navigation ul li {
    display: block;
}

.mobile__nav nav.mobile__navigation ul li i {
    font-size: 22px;
    margin-left: 5px;
}

.mobile__nav nav.mobile__navigation li.mobile__navigation--title {
    padding: 0.5rem;
    background: #f5f5f5 !important;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.mobile__nav nav.mobile__navigation span.mobile__navigation--icon {
    margin-left: 1rem;
    font-size: 1.6rem;
    vertical-align: middle;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1.5rem;
    border-bottom: 0.1rem solid #f5f5f5;
    font-size: 1.3rem;
    color: #222;
    display: block;
}

.mobile__nav nav.mobile__navigation li.mobile__navigation--title a {
    padding: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile__nav nav.mobile__navigation li.mobile__navigation--title a img {
    height: 100%;
    position: relative;
    top: 0.5rem;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu-all {
    align-items: baseline;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu-all a {
    padding-left: 5px !important;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu-all span {
    color: grey;
    font-size: 12px;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu .icon-Share:before {
    content: "\ed82";
    font-size: 14px;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu>a::after {
    content: "\e918";
    font-size: 1.5rem;
    font-family: 'icomoon';
    color: #0072bc;
    float: left;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-title {
    background: #fff;
    color: #0072bc;
    padding: 0;
    text-align: right;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    height: 6rem;
    width: 100%;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-title a {
    border-bottom: none;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-back {
    padding: 0 2rem;
    background: #f9f9f9;
    color: var(--white-color);
    font-size: 1.4rem;
    cursor: pointer;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-back:hover {
    background: #f9f9f9 !important;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-back::before {
    content: "\e91a";
    font-family: 'icomoon';
    color: black;
    font-size: 1.6rem;
    margin-left: 1rem;
}

/* ----- Main Slider ----- */
.mainslider {
    height: auto;
}

.mainslider .mainslider-box,
.mainslider .mainslider-box .item {
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
    height: 48rem;
    overflow: hidden;
}

.mainslider .mainslider-box .item img {
    width: 100%;
    height: auto;
}

.mainslider .slider-banner {
    height: 49rem;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
}

/* --------------Amazing offers------------ */
.product-amazing-offers {
    width: 100%;
}

.title-amazing-offers {
    width: 100%;
    height: 5rem;
    background-color: #c10a0f;
    border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -ms-border-radius: 15px 15px 0 0;
    -o-border-radius: 15px 15px 0 0;
}

.item-slider-side.owl-theme .owl-dots {
    display: none;
}

.item-slider-side {
    border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    -ms-border-radius: 0 0 15px 15px;
    -o-border-radius: 0 0 15px 15px;
    border: 1px solid #ee383d !important;
}

.product-amazing-offers .productbox {
    height: 43rem !important;
    padding: 25px;
}

.product-amazing-offers .time {
    right: 25px;
    bottom: 15px;
    top: inherit;
}

.product-amazing-offers .empty-box i {
    font-size: 200px;
    opacity: .3;
}

.product-amazing-offers .empty-box .empty-text {
    font-size: 15px;
    opacity: .5;
}

.product-amazing-offers .empty-box {
    width: 100%;
    height: 100%;
    border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    -ms-border-radius: 0 0 15px 15px;
    -o-border-radius: 0 0 15px 15px;
    border: 1px solid #ee383d !important;
}

/* ----- SEARCH ----- */
div#search-results {
    z-index: 100102 !important;
    width: 100% !important;
    padding: 0;
    background: #fff !important;
}

div#search-results .row {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    padding: 15px;
}

div#search-results ul li a {
    color: rgb(101, 101, 101) !important;
}

div#search-results span {
    font-size: 1.5rem;
}

div#search-results ul {
    right: 0px !important;
    top: 0 !important;
}

div#search-results ul li a i {
    position: static;
}

/* --------- Slider --------- */
.section-title {
    background-color: #ede9d0 !important;
}

.article .section-title {
    background-color: #ffe5da !important;
}

.section-title.section-newproducts {
    background-color: #c10a0f !important;
}

.section-title.section-newproducts .title,
.section-title.section-newproducts p {
    color: #fff !important;
}

.section-title.section-newproducts .all-btn {
    background-color: #c4344b !important;
    color: #fff !important;
    padding: 5px 20px;
    font-size: 13px;
}

.btn-box {
    justify-content: center !important;
}

.title-box,
.desc-box {
    justify-content: center;
    align-items: flex-start !important;
}

.section-title,
.section-content {
    height: 33rem;
}

.morebtn-home {
    display: flex;
    align-items: center;
}

.morebtn-home .all-btn {
    width: auto;
    background-color: transparent !important;
    color: #000 !important;
    padding: 0;
    font-size: 13px;
}

.morebtn-home .all-btn:hover,
.morebtn-home .all-btn {
    border: 1px solid #ede9d0 !important;
}

.morebtn-home span {
    font-size: 12px;
    margin-right: 5px;
    color: grey;
}

.article .section-content {
    background-color: #fff !important;
}

.product-list__item .productbox .percent-off {
    top: 1.5rem;
    left: .6rem;
}

.item .productbox-image:hover img {
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
}

.productbox .productbox-image img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.productbox .productbox-image img.alternative-image {
    opacity: 0;
    display: none !important;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.productbox:hover .productbox-image img.alternative-image {
    opacity: 1;
    display: block !important;
}

.productbox .productbox-title h3 {
    font-weight: normal !important;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

span.num-fa.price-real.price-real-contact {
    font-size: 1.2rem;
    margin-top: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.out-stock {
    margin-left: 1rem;
    font-size: 1.4rem;
    color: red;
    text-align: left;
}

.productbox:hover .productbox-title h3 {
    font-weight: bold !important;
}

.productbox-image {
    width: auto;
    height: 27rem;
}


.productbox-title {
    height: 5.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-slider .item {
    height: 31rem;
    width: 100%;
}

.item-slider .item .productbox-image {
    width: auto;
    height: 20rem;
}

.productbox-image img {
    width: auto !important;
    height: 100% !important;
}

.product-list .productbox-image img {
    width: auto !important;
    height: 100% !important;
}

.product-list .productbox-price {
    height: 5rem;
    justify-content: center !important;
    align-items: center !important;
}

.item-slider .productbox-price {
    height: 5rem;
    align-items: center !important;
}

.item-slider .icon-LeftArrow:before,
.item-slider .icon-RightArrow:before {
    color: #111;
}

.item-slider .icon-LeftArrow:before:hover,
.item-slider .icon-RightArrow:before:hover {
    color: #000;
}

.percent {
    position: absolute;
    left: 1.5rem;
}

.time {
    direction: ltr;
    width: 15rem;
    height: 4rem;
    line-height: 4rem;
    position: absolute;
    top: 60%;
    left: 3rem;
    background-color: rgba(255, 255, 255, 0.8);
}

.time .timer {
    font-size: 1.4rem;
}

.time .timer div {
    letter-spacing: .2rem;
}

/* --------- Article --------- */
.articlebox {
    height: 35rem;
    padding: 0 1rem;
}

.articlebox-image {
    width: 24rem;
    height: 24rem;
    border-radius: .5rem;
}

.articlebox .articlebox-image img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    width: auto;
    height: 100%;
}

.articlebox-title {
    height: 20%;
    font-weight: bolder !important;
    padding: 0 10px;
}

.articlebox-title h3 {
    /*font-weight: bold !important;*/
    font-size: 12px !important;
}

.articlebox:hover .articlebox-title h3 {
    font-weight: normal !important;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.articlebox:hover .articlebox-title h3 {
    font-weight: bolder !important;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.articlebox:hover .articlebox-desc p,
.articlebox:hover .articlebox-date span {
    font-weight: bold !important;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.articlebox-date {
    height: 6%;
    color: #8f53a1;
    padding: 0 10px;
}

.articlebox-desc {
    /*height: 29%;
    color: #4e4e4e;*/
    display: none !important;
}

/* --------- Brand --------- */
.brand {
    height: 9.5rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #f5f5f5), to(#ebeced));
    background: linear-gradient(to bottom, #f5f5f5 30%, #ebeced);
}

.brand .item {
    height: 7rem;
    width: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	background: #fff;
    border-radius: 15px;
}

.brand .item a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.brand .item a img {
    height: auto;
    width: 100%;
}

/* ----- #Back To Top ------ */
.product-info .back-to-top {
    padding-top: 10rem;
    border-bottom: .1rem solid #348da5;
}

.back-to-top {
    height: 5rem;
    border-top: .1rem solid #348da5;
}

.back-to-top #scroll {
    border-radius: 0 0 10px 10px;
}

/* ----- #Footer ------ */
footer .footer-info {
    height: auto;
    background-attachment: fixed;
    background-position: center;
}

footer .footer-info .footer-info-desc {
    height: auto;
    text-indent: 2rem;
    line-height: 3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));
    background: linear-gradient(#f5f5f5, #fff);
    border-radius: 1rem;
}

footer .footer-info .footer-info-desc h1 {
    font-size: 1.6rem;
    font-weight: 700 !important;
    color: #424750;
}

footer .footer-info .footer-info-desc p {
    text-indent: 0;
}

footer .footer-info .footer-info-desc a {
    color: #007bff;
}

.footer-certificate li {
    width: 13rem;
    height: 16rem;
    margin-left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-certificate ul img {
    width: 100%;
}

.read-more-link,
.show-less-link {
    display: block;
    position: absolute;
    margin-top: 2rem;
    right: 48%;
    width: auto;
    padding: 0;
    border: none;
    border: none;
    color: #0072bc !important;
    background-color: #FFF;
}

footer .footer-menu-box {
    height: auto;
    line-height: 6rem;
}

footer .footer-menu-box .footer-nav {
    height: 100%;
    align-items: end !important;
    padding-bottom: 15px;
}

.footer-nav-top {
    width: 91%;
}

footer .footer-menu-box .footer-nav ul li {
    margin-left: 1.5rem;
}

footer .footer-menu-box .footer-nav ul li a {
    font-size: 14px;
}

footer .footer-menu-box .footer-logo {
    width: auto;
    left: 2rem;
    bottom: 0rem;
}

footer .footer-contactus-item .item-pic {
    display: inline-block;
}

footer .footer-contactus-item ul li {
    width: 30%;
}

footer .footer__bottom {
    padding: 3rem 0;
}

footer .footer__bottom .footer-rss .footer-rss-value {
    height: 4rem;
    padding-right: 10px;
}

footer .footer__bottom .footer-rss .footer-rss-btn {
    width: 13rem;
    height: 4rem;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: .4rem !important;
    border-bottom-left-radius: .4rem !important;
}

footer .footer__bottom .footer-socials .footer-socials-item li {
    margin-right: 1rem;
}

.tooltip-inner {
    padding: .5rem 1rem;
}

footer .footer__bottom i.fab {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #0f84c8;
    border-radius: 0.5rem;
}

footer .footer__bottom .footer-contactus i.icon-Address {
    font-size: 3rem !important;
}

.logo-footer {
    width: 16rem;
    height: 8rem;
    margin-bottom: 10px !important;
}

.logo-footer img {
    width: 100%;
    height: auto;
}

/* -------------------------- */
/* ----- #Product List ------ */
/* -------------------------- */
.widget {
    background-color: white !important;
    padding: 1rem;
    border-radius: 15px !important;
}

.widget i {
    color: #0072bc;
}

.widget-toggle {
    height: 4rem !important;
    border-radius: 15px !important;
}

.bg-widget {
    height: auto;
    background-color: white !important;
}

.form-group {
    margin-bottom: 0;
    margin-top: 1rem;
}

.bg-widget>i,
.sortbar>i {
    text-align: center;
    display: flex;
    font-size: 1.5rem;
    vertical-align: middle;
    margin-left: .5rem;
    width: 3rem;
    height: 3rem;
    /*background-color: #0072bc;*/
    border-radius: 50%;
    line-height: 3rem;
    justify-content: center;
}

.bg-widget>i::before,
.page-sortbar .icon-Sort::before {
    color: #0072bc;
}

.page-sortbar {
    height: 6rem;
    border: 1px solid #dee2e6;
    padding: 0 15px;
    border-radius: 15px 15px 0 0;
}

.widget input {
    height: 4rem;
    outline: none;
    border-radius: 15px !important;
}

.widget-title {
    font-size: 1.3rem !important;
    color: #0072bc;
}

.widget.widget-search .widget-search-btn>button {
    left: 1rem;
    top: 1rem;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.widget-category-list {
    border-top: 1px solid #f5f6f7 !important;
}

.widget.widget-category .widget-category-list ul li {
    display: block;
    /*margin-bottom: 1rem;*/
}

.widget.widget-category .widget-category-list ul li.cco2 {
    padding-right: 2rem;
}

.widget.widget-category .widget-category-list ul li.cco2::before {
    content: "+";
    vertical-align: middle;
    font-size: 1.3rem;
    color: #0072bc !important;
}

.widget.widget-category .widget-category-list ul li.cco2 a {
    color: #0072bc !important;
}

.widget.widget-category .widget-category-list ul li.cco3 label {
    color: black;
}

.widget.widget-category .widget-category-list ul li.cco3 {
    padding-right: 1.5rem;
}

.widget.widget-category .widget-category-list ul li.cco3::before {
    content: "-";
    vertical-align: middle;
    font-size: 1.3rem;
}

.widget.widget-category .widget-category-list ul li.cco3:hover a {
    color: #0072bc !important
}

.widget.widget-range .widget-range--content input {
    margin-top: 1rem;
    width: 15rem;
    height: 3.5rem;
    line-height: 3.5rem;
}

.widget-range--content {
    border-top: 1px solid #f5f6f7 !important;
    margin-top: 1rem;
}

.widget.widget-range .range-btn button {
    background-color: #1877e5;
    height: 4rem;
    font-size: 1.2rem;
}

.slider.ui-slider {
    width: 90%;
    margin: 0 auto;
}

.ui-slider-horizontal {
    height: .1rem;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.6em;
}

.ui-widget-content {
    background: #f5f6f7;
}

.ui-widget-header {
    background: #000;
}

.ui-widget.ui-widget-content {
    border: .1rem solid #f5f6f7;
}

.ui-slider .ui-slider-handle {
    width: 3rem;
    height: 3rem;
    top: -1.5rem;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {
    background: #f5f6f7;
}

.page-content .widget-range .widget-range--content #slider {
    position: relative;
    width: 90%;
    margin: 1rem auto;
}

span.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(2)::after,
a.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(2)::after {
    content: '\203A';
    position: absolute;
    color: #0072bc;
    top: -1.1rem;
    left: .9rem;
    font-size: 3rem;
}

span.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(3)::after,
a.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(3)::after {
    content: '\2039';
    position: absolute;
    color: #0072bc;
    top: -1.1rem;
    left: .9rem;
    font-size: 3rem;
}

.widget.widget-brand .form-group input {
    height: 4rem;
}

.widget.widget-brand .widget-brand-list ul {
    max-height: 28rem;
    overflow-y: auto;
}

.widget.widget-brand .widget-brand-img {
    width: 80%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.widget.widget-brand .widget-brand-img img {
    height: 100%;
    width: auto;
}

.widget.widget-brand .widget-brand-list ul li:last-child {
    margin-bottom: 0;
}

.widget.widget-brand .widget-brand-list ul li label {
    width: 100%;
    margin: 0;
}

.widget.widget-brand .widget-brand-list ul li span {
    float: left;
    padding-left: 1rem;
}

.widget.widget-color .widget-color-list ul li {
    width: 48%;
    height: 5rem;
    cursor: pointer;
}

.widget.widget-color .widget-color-list ul li.active {
    border-color: #222 !important;
}

.widget.widget-filter li.panel {
    width: 100%;
    line-height: 3;
    font-size: 1.2rem;
    border-bottom: .1rem solid #ececec;
}

.widget.widget-filter li.panel a:after {
    content: '\276F';
    color: #0072bc;
    float: right;
    margin-left: 1rem;
    font-size: 1.4rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.widget.widget-filter li.panel a.collapsed::after {
    -webkit-transform: none;
    transform: none;
}

.widget.widget-filter li.panel ul {
    margin-top: 1rem;
}

.widget.widget-filter li.panel ul li {
    display: block;
    padding-right: 1.5rem;
}

.widget.widget-filter li.panel a.collapsed+ul li {
    padding-right: 1.5rem;
}

span.widget_color {
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    display: inline-block;
    /* float: left; */
    border: .1rem solid #dcdcdc;
}

span.price-real-contact {
    font-size: 1.3rem;
}

/* ----- List Scroll Bar ----- */
/* width */
.widget.widget-brand ::-webkit-scrollbar {
    width: .5rem;
}

/* Track */
.widget.widget-brand ::-webkit-scrollbar-track {
    border-radius: 1rem;
}

/* Handle */
.widget.widget-brand ::-webkit-scrollbar-thumb {
    background: #777777;
    border-radius: 1rem;
}

/* Handle on hover */
.widget.widget-brand ::-webkit-scrollbar-thumb:hover {
    background: #1877e5;
}

.category-text-content {
    padding: 1.5rem 0;
    border-radius: .4rem;
    margin: 1.5rem 0;
}

.category-text-content .bg-white {
    border-radius: 15px;
}

.category-text-content h1,
.category-text-content h1 strong {
    font-size: 2.3rem;
    font-weight: 600 !important;
    color: #6c6c6c;
}

.category-text-content h2,
.category-text-content h2 strong {
    font-size: 2rem;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
    color: #6c6c6c;
}

.category-text-content h3,
.category-text-content h3 strong {
    font-size: 1.6rem;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
    color: #6c6c6c;
}

.category-text-content h4,
.category-text-content h4 strong {
    font-size: 1.4rem;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
    color: #6c6c6c;
}

.category-text-content h5,
.category-text-content h5 strong {
    font-size: 1.3rem;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
    color: #6c6c6c;
}

.category-text-content h6,
.category-text-content h7 strong {
    font-size: 1.3rem;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
    color: #6c6c6c;
}

.category-text-content p,
.category-text-content p span {
    font-size: 1.4rem !important;
    line-height: 2.2;
    text-align: justify;
    color: #535353;
}

.category-text-content p img,
.category-text-content p img {
    max-width: 100%;
    height: auto !important;
}

.category-text-content p strong,
.category-text-content p span strong {
    font-weight: 600 !important;
}

.category-text-content a {
    color: #176cc8 !important;
}

.category-text-content ul {
    display: block;
}

.category-text-content ul li {
    margin-right: 3rem;
    display: list-item;
    list-style-type: disc;
    font-size: 1.4rem;
    line-height: 2.2;
    color: #535353;
}

.category-text-content ol li {
    display: list-item;
}

.category-text-content ol {
    padding-right: 3rem;
    font-size: 1.4rem;
    line-height: 2;
    flex-direction: column;
    display: flex;
}

.category-text-content ul.category-listbox li {
    margin-right: 0;
    display: inline;
    list-style-type: none;
}

.category-text-content ul li:last-child::after {
    display: none;
}

.category-text-content ul li a {
    color: #0072bc;
}

.page-sortbar-items {
    width: 72%;
}

.page-sortbar-items li {
    margin-left: 2rem;
    cursor: pointer;
}

.page-sortbar-items li.active {
    color: #0072bc;
    font-weight: bolder !important;
}

.product-list {
    background-color: #f5f6f7;
    padding-top: 0 !important;
}

.product-list__item ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    max-width: 25%;
}

.app-paging {
    margin-bottom: 1rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.app-paging .pagination .page-item {
    width: 3rem;
    height: 3rem;
    background: whitesmoke;
    text-align: center;
    line-height: 2;
    font-family: "iransans-fa" !important;
}

.app-paging .pagination .page-item a {
    display: block;
}

.app-paging .pagination .page-item:hover a {
    background-color: #dee2e6 !important;
}

.app-paging .pagination .page-item.active a {
    background-color: #0072bc !important;
    color: #fff !important;
}

.widget-toggle .switch {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 1.6rem;
}

/* Hide default HTML checkbox */
.widget-toggle .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.widget-toggle .stockslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.stockslider:before {
    position: absolute;
    content: "";
    height: 1.5rem;
    width: 1.5rem;
    left: .5rem;
    bottom: .2rem;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.stockslider {
    background-color: #2196F3;
}

input:focus+.stockslider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.stockslider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    left: -.5rem;
}

/* Rounded sliders */
.stockslider.round {
    border-radius: 34px;
    width: 4rem;
    height: 2rem;
}

.stockslider.round:before {
    border-radius: 50%;
}

/* Rounded sliders */
.stockslider.round {
    border-radius: 34px;
    width: 4rem;
    height: 2rem;
}

.stockslider.round:before {
    border-radius: 50%;
}

.category-text-content ul {
    font-size: 1.2rem;
}

.category-text-content ul li {
    margin-left: 1rem;
}

.product__info--money-box span.price-real-contact {
    font-size: 1.2rem;
    height: 5rem;
    width: 100%;
    background-color: #5fa96a;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
}

/* ++++++++++++++++++++++++ */
/* ------- Product -------- */
/* ++++++++++++++++++++++++ */
div#lightgallery {
    border-top: .1rem solid #dee2e6;
    padding-top: 3rem;
}

#lightgallery span {
    width: 10rem;
    height: 10rem;
    border: .1rem solid #ebebeb;
    border-radius: 1rem;
    margin-left: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#lightgallery span:last-child {
    margin-left: 0;
}

#lightgallery span:active {
    border: .1rem solid black;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item,
#lightgallery .lightgallery-video {
    position: relative;
}

.lg-outer .lg-thumb {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    width: 100% !important;
}

.lg-outer .lg-toogle-thumb {
    display: none !important;
}

#lightgallery .lightgallery-video::before {
    content: "\e96a";
    position: absolute;
    color: #8d8d8d;
    top: 30px;
    right: 28px;
    z-index: 99999;
    font-family: 'icomoon';
    font-size: 25px;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item:first-child::before {
    content: "\e96a";
    position: absolute;
    color: #8d8d8d;
    top: 20px;
    right: 35px;
    z-index: 99999;
    font-family: 'icomoon';
    font-size: 25px;
}

.icon-Tick:before {
    color: green;
}

.icon-Cancel:before {
    color: red;
}

i.icon-menu {
    transform: rotate(90deg);
    color: #dedede;
    font-size: 2.5rem;
}

.page-breadcrumb {
    height: 5.5rem;
    background: transparent !important;
}

.page-breadcrumb ol {
    background: transparent !important;
}

.page-breadcrumb ol li {
    color: #626262 !important;
    font-size: 1.3rem !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #626262;
}

.product-info {
    height: auto;
    background-color: #f5f5f5 !important;
    padding-top: 0 !important;
}

.product-info-order,
.product-info-brand {
    background-color: #fff !important;
}

.product-info .product-info-box .product-info-slider {
    width: 45%;
    min-height: 59rem;
}

.product-info .product-info-box .gallery-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.product-info .product-info-box .mid {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 46rem;
    background-color: var(--white-color);
    border-radius: .4rem;
    border: .1rem solid var(--graydark-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-info .product-info-box .mid img {
    max-width: 100%;
    max-height: 100%;
}

.product-info .product-info-box .carousel-pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-info .product-info-box .carousel-pic img {
    width: 100%;
}

.product-info .product-info-box .product-info-content {
    width: 55%;
}

.product-info-title {
    height: 4.5rem;
}

.product-info-title h1 {
    font-size: 1.7rem !important;
    line-height: 2;
    font-weight: bold !important;
}

.product-info-title .title-en {
    bottom: -1.5rem;
    left: 0;
}

.product-info-category {
    height: 3.2rem;
}

.product-info-category a {
    line-height: 3.2rem;
}

.product-info-params .params-title {
    font-size: 1.4rem !important;
    font-weight: inherit !important;
    margin-bottom: 0 !important;
}

.product-info-params p {
    max-height: max-content;
    min-height: 17rem;
    overflow-y: auto;
    line-height: 30px;
    font-size: 1.3rem !important;
    color: grey;
}

/* width */
.product-info-params p::-webkit-scrollbar {
    width: .5rem;
}

/* Track */
.product-info-params p::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px #ccc;
    box-shadow: inset 0 0 .1rem #ccc;
    border-radius: 1rem;
}

/* Handle */
.product-info-params p::-webkit-scrollbar-thumb {
    background: #777777;
    border-radius: .5rem;
}

/* Handle on hover */
.product-info-params p::-webkit-scrollbar-thumb:hover {
    background: #777777;
}

.product-info-guaranty .guaranty-item {
    top: -1.8rem;
    line-height: 3rem;
}

.product-info-guaranty .guaranty-item i {
    font-size: 3rem;
}

.buy__icon i {
    font-size: 2.2rem;
}

.buy__icon span {
    vertical-align: middle;
}

.product-info-color {
    height: 10rem;
}

.product-info-color ul li {
    padding: .2rem;
    cursor: pointer;
    border: .1rem solid #c1bebe;
    border-radius: 50%;
}

.product-info-color ul li.active {
    border: .1rem solid black;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.product-info-color ul li span {
    width: 3rem;
    height: 3rem;
}

.product-info-options {
    position: absolute;
    top: -20px;
    right: 30px;
    border: none !important;
}

.product-info-options ul {
    /* flex-direction: column;*/
}

.product-info-options ul li {
    margin: 5px 10px;
    cursor: pointer;
}

.product-info-options i {
    font-size: 2rem;
    vertical-align: middle;
}


.icon-Star:before {
    color: #ee384d;
}

.product-info-Spec {
    margin-top: 5rem;
    margin-bottom: 2.5rem;
}

.product-info-Spec .nav-link {
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
    background: #fff !important;
}

.product-info-Spec .nav-link.bg-grey.active {
    background-color: #0072bc !important;
    color: #fff !important;
}

.product-info-Spec .tab-content {
    background-color: #fff;
    padding: 15px;
    border-radius: 15px 0 15px 15px;
}

.product-info-Spec .tab-content .spec ul.spec-list {
	border-radius: 0 0 15px 15px !important;
	margin-bottom: 15px;
}

.product-info-Spec .tab-content table {
    display: contents;
}

.product-info-Spec ul.spec-list li {
    display: block;
    text-align: right;
    padding: 0;
    height: auto;
}

.product-info-Spec ul.spec-list li:nth-child(odd) .spec-type {
    background-color: #f5f5f5;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: auto;
    border-bottom: .1rem solid #ececec;
    border-top: .1rem solid #ececec;
    border-left: .1rem solid #ececec;
}

.product-info-Spec ul.spec-list li span.spec-type {
    font-size: 1.3rem;
    height: auto;
    line-height: 4rem;
    border-radius: 0;
    margin: 0;
    padding: 0 1rem;
    display: inline-block;
    max-width: 18%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-left: .1rem solid #ececec;
}

.product-info-Spec .spec ul.spec-list li .spec-value {
    font-size: 1.3rem;
    height: auto;
    width: 82%;
    line-height: 4rem;
    display: inline-block;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: .1rem solid #f0f0f0;
}

.product-info-Spec .spec ul.spec-list li .spec-value i {
    font-weight: bold !important;
}

.product-info-Spec .comments-head {
    font-size: 12px;
}

.product-info-Spec .comments-head input {
    height: 4.5rem;
}

ul.border-spec.overflow-hidden.mt-3.spec-list {
    border: .1rem solid #e5e5e5;
}

.product-info-brand {
    height: 8.5rem;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
}

.product-info-order {
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
}

.product-info-order .order-text {
    font-size: 3rem;
    /* min-height: 16rem;*/
}

.list-stocktitle ul li {
    padding: 5px 10px !important;
    border-radius: 10px;
    border: 1px solid #d7d7d7 !important;
    background-color: #f8f8f8 !important;
    cursor: pointer;
    transition: all 0.25s ease;
    font-size: 13px ;
    color: #444;
    min-width: 70px;
}

/* Hover */
.list-stocktitle ul li:hover {
    background-color: #e9f1ff;
    border-color: #024193;
    color: #024193;
    transform: translateY(-2px);
}

/* Active (انتخاب‌شده) */
.list-stocktitle ul li.active {
    background-color: #024193 !important;
    border-color: #024193 !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(2, 65, 147, 0.25);
}


.product-info-order .order-text p {
    min-height: 9rem;
}

.product-info-order i.icon-ReadyToSend {
    vertical-align: sub;
}

.order-pay-box {
    margin-top: 0 !important;
}

.order-pay-box .order-pay {
    height: 8rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.order-pay-box .order-pay .money-box {
    width: 100%;
}

.order-pay-box .order-pay .money-icon i {
    font-size: 4rem;
}

.order-pay-box .order-pay .money-off {
    width: 4rem;
    height: 8rem;
}

.order-pay-box .order-pay .money-off .percent-off {
    left: 0;
    top: 2rem;
}

.order-pay-box .order-count li {
    cursor: pointer;
    line-height: 4rem;
}

.order-pay-box .order-count .font-14 {
    margin-top: .8rem;
}

.order-pay-box .order-count li span {
    display: inline-block;
    width: 4rem;
    height: 2rem;
    line-height: 4rem;
}

.order-pay-box .order-count .add-count {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    background-color: #f5f5f5;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}

.product-info-order .order-btn a {
    height: 5rem;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}

.detail-qty {
    border-radius: .6rem;
}


.icon-Price:before {
    color: #00ab67 !important;
}

/* ----- #Tab 2 ------ */
.small-check p {
    font-size: 1rem;
}

.small-check img,
.all-review img {
    width: 100%;
    height: auto;
}

.all-review p {
    line-height: 3rem;
    font-size: 1.2rem;
}

/* ----- #Tab 3 ------ */
.comments-head h2 {
    display: block;
    font-size: 1.8rem;
}

.comments .progress-all .progress {
    height: .5rem !important;
}

.progress-all ul li {
    height: 4rem;
}

.product__info--seller .text-primary {
    font-size: 1.2rem;
}

.sendmessage .progress {
    height: 2rem !important;
    margin-top: 0;
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-all ul li span.progress-type {
    width: 10%;
    font-size: 1rem;
    padding-right: 1rem;
    padding-top: .2rem;
}

.comments-head .comments-new span {
    display: block;
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
}

.comments-head .comments-new span#BlogComment_Description-error {
    font-size: 1.2rem;
}

.comments-head .comments-new p {
    text-align: justify;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.comments-new a {
    margin-top: 1.5rem;
    background-color: #0072bc;
    color: #fff;
    margin-top: 16px;
    font-size: 13px;
}

.comments-new-bottom a {
    bottom: 6rem;
    left: 6rem;
}

.media {
    border-top: .1rem solid #f6f6f7;
}

.media .media__user .media__user--info {
    line-height: 2.5rem;
    font-size: 1.1rem;
}

.media .media__user i {
    font-size: 6rem;
    margin-left: 1rem;
    vertical-align: middle;
}

.media .icon-User1::before,
.media .icon-OtherOrder:before,
.media .icon-Shop:before {
    color: #0072bc;
}

.media .media__comment .progress-all ul {
    width: 34rem;
    height: 11rem;
}

.media .media__comment .progress-all .progress-bar {
    background-color: #5dbdb8;
}

.media .media__comment .media__comment--text {
    font-size: 1.3rem;
    line-height: 2.5rem;
}

.media .media__comment--opnion i {
    font-size: 3rem;
    vertical-align: middle;
}

.media .media__comment--opnion .icon-Shop {
    font-size: 2.5rem;
}

.media .media__comment--opnion .media-comment-opnion {
    width: 28rem;
    height: 4rem;
    font-size: 1.1rem;
    background-color: #f5f6f7;
    border-radius: .5rem;
    line-height: 4rem;
    word-spacing: .2rem;
}

.media .media__comment--opnion .media__comment--like {
    left: 0;
    top: 5rem;
}

.media .media__comment--opnion .media__comment--like label {
    font-size: 1.1rem;
}

.media .media__comment--opnion .media__comment--like .media__comment--like-btn {
    font-size: 1.1rem;
    width: 8rem;
    height: 4rem;
    background-color: #f5f6f7;
    border-radius: .5rem;
    line-height: 4rem;
}

.comments-head-name {
    font-size: 1.3rem;
    line-height: 25px;
}

/* ------------------ */
/* ----- #Login ----- */
/* ------------------ */
.login-page {
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 99999;
}

#loginForm label {
    cursor: auto;
}

.login-page .login-box {
    width: 45rem;
    min-height: 43rem;
    border-radius: 1rem;
    height: auto;
    padding: 5rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.login-page input {
    height: 5rem;
    text-align: right;
}

.login-page .btn {
    height: 5rem;
    letter-spacing: .2rem;
}

.login-page p {
    line-height: 2;
    font-size: 1rem
}

.login-page .icon-Enter {
    vertical-align: middle;
}

.login-page .icon-Enter::before {
    color: #222;
}

/* ---------------------- */
/* ----- #Blog List ------ */
/* ----------------------- */
.widget-article .widget-article-list .widget-article-img {
    width: 9rem;
}

.widget-article .widget-article-list img {
    width: 90%;
}

.blog-article {
    width: 49%;
}

.article__box {
    height: auto;
}

.article__box .article__box--image {
    width: 40%;
    height: 20rem;
}

.article__box .article__box--image img {
    width: auto;
    height: 90%;
    overflow: hidden;
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: center;
    object-position: center;
}

.article__box .article__box--content {
    width: 60%;
    height: auto;
}

.blog-article .article__box .article__box--content .article__box--text h4 {
    height: 5.5rem;
    min-height: 5.5rem;
    line-height: 1.8;
}

.article__box .article__box--content .article__box--desc p {
    line-height: 2rem;
    min-height: 8rem;
    margin: 0;
}

.article__box .article__box--content .article__box--btn a {
    width: 11rem;
    height: 4rem;
    line-height: 4rem;
    background-color: #f5f5f5;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.article__box .article__box--content .article__box--btn a:hover {
    background-color: #0072bc;
    color: #fff !important;
}

/* ------------------ */
/* ----- #Blog ------ */
/* ------------------ */
.blog-list {
    padding-top: 0 !important;
}

.blog .blog-heading {
    height: auto;
}

.blog .blog-heading .blog-info {
    background: #f5f5f5;
    padding: 10px 10px;
    width: 100%;
}

.blog .blog-heading .blog-info .blog-image img {
    border-radius: 10px;
}

.blog .btn-product-edit {
    right: auto;
    left: 3rem;
}

.blog .blog-heading .blog-image {
    width: 19rem;
    height: 19rem;
}

.footer-info-desc h1 {
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 1.8rem !important;
}

.blog .blog-heading h1 {
    color: #303f9f !important;
    font-weight: 700 !important;
    font-size: 1.8rem !important;
}

.score-user .progress {
    width: 100% !important;
    justify-content: flex-end;
}

.blog .widget-article-img {
    height: auto;
    width: 7rem;
}

.blog .widget-article-img img {
    width: 100%;
    height: auto;
}

.blog .widget-article-left {
    width: calc(100% - 7rem);
}

.blog .blog-heading .blog-image img {
    max-width: 100%;
    height: auto;
}

.recommended-box-blog {
    overflow: hidden;
    border-radius: 15px !important;
}

.recommended-box-blog .title {
    border-bottom: 1px solid rgb(209, 209, 209);
    width: 100%;
    height: 4rem;
    line-height: 4rem;
}

.recommended-box-blog .recommended-item {
    width: 100%;
    height: auto;
}

.recommended-box-blog .image {
    width: 30rem;
    height: 25rem;
    border-bottom: 1px solid rgb(218, 218, 218);
}

.recommended-box-blog .image img {
    width: auto;
    height: 100%;
}

.recommended-box-blog .recommended-item .percent-off-hover {
    top: 10px;
    left: 10px;
    width: 4rem;
    height: 4rem;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

.blog .blog-content img {
    max-width: 100% !important;
    height: 100% !important;
}

.blog .blog-content {
    min-height: 50rem;
}

.blog .blog-content .same-content {
    height: 4rem;
    line-height: 4rem;
    background-color: #f5f5f5;
    margin-bottom: 1.5rem;
    padding: 0 1.5rem;
    border-top: .1rem solid #11ad11;
    font-size: 1.1rem;
}

.blog .blog-content .same-content a {
    color: #007bff;
}

.blog .blog-content blockquote {
    background-color: #8b99ef1c;
    margin-bottom: 1.5rem;
    padding: 1.5rem 1.5rem;
    border-right: .3rem solid #303f9f;
    border-left: .3rem solid #303f9f;

}

.blog .blog-content blockquote a {
    margin-bottom: 0;
    font-size: 1.4rem;
    color: #303f9f !important;
}

.blog .blog-content blockquote p {
    margin-bottom: 0;
    font-size: 1.1rem;
}

.blog .blog-content table {
    width: 100% !important;
    border-color: #9c6137;
    display: flex;
    margin-top: 1.5rem;
    align-items: center;
    justify-content: center;
    border: none;
}

.blog .blog-content table tr td {
    padding: 0.2rem .5rem;
    width: auto;
    border: 1px solid #e5e5e5;
    font-size: 1.2rem;
    line-height: 2.5;
    text-align: justify;
}

.blog .blog-content table tr:nth-child(odd) {
    background-color: #f1f1f1;
}

.blog .blog-content tr td p {
    font-size: 1.3rem;
}

.footer-info-desc p,
.blog .blog-content p {
    font-size: 1.45rem;
    line-height: 2;
    text-align: justify;
    font-weight: 400 !important;
    color: #333 !important;
}

.footer-info-desc p span,
.blog .blog-content p span {
    font-size: 1.3rem;
    line-height: 2;
    font-weight: 400 !important;
    color: #333 !important;
    font-family: 'iransans' !important;
}

.footer-info-desc p a,
.blog .blog-content p a {
    color: #0d6efd;
}

.footer-info-desc h2,
.footer-info-desc h2 span,
.blog .blog-content h2,
.blog .blog-content h2 span {
    font-size: 1.5rem !important;
    color: #080c90 !important;
    font-weight: 700 !important;
    margin-bottom: 1.5rem;
}

.footer-info-desc h3 span,
.blog .blog-content h3,
.blog .blog-content h3 span {
    font-size: 1.3rem !important;
    color: #080c90 !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
}

.footer-info-desc h3 {
    font-size: 1.3rem !important;
    color: #000 !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
}

.footer-info-desc h4,
.footer-info-desc h4 span,
.blog .blog-content h4,
.blog .blog-content h4 span {
    font-size: 1.3rem !important;
    color: #080c90 !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
}

.footer-info-desc strong span,
.blog .blog-content strong span {
    font-weight: bold !important;
}

.footer-info-desc ol,
.blog .blog-content ol {
    padding-right: 4rem;
    font-size: 1.4rem;
    line-height: 2;
}

.footer-info-desc ol#list-content,
.blog .blog-content ol#list-content {
    box-shadow: 0 1px 5px 0 #00000020 !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.footer-info-desc ol li,
.blog .blog-content ol li {
    display: list-item;
    font-size: 1.35rem;
}

.footer-info-desc ul li a,
.blog .blog-content ul li a,
.footer-info-desc ol li a,
.blog .blog-content ol li a {
    font-size: 1.35rem;
    color: #146ed7;
}

.footer-info-desc ul li,
.blog .blog-content ul li {
    list-style: disc;
    list-style-position: inside;
    padding-right: 2rem;
    font-size: 1.35rem;
    line-height: 2.2;
    display: list-item;
}

.footer-info-desc strong,
.blog .blog-content strong {
    font-weight: 700 !important;
}

.footer-info-desc strong a,
.blog .blog-content strong a {
    font-weight: 700 !important;
}

.footer-certificate li.item-best-sellers {
    width: 50%;
    height: 4rem;
    line-height: 4rem;
    display: flex;
    justify-content: start;
    align-items: start;
}

.blog .blog-content table {
    margin: 0 auto;
}

.blog .blog-content table p {
    font-size: 1.2rem;
    margin: 0;
    padding: .2rem 0;
}

.blog .blog-content table tbody tr:nth-child(odd) {
    background-color: #f0f0f0;
}

.blog .blog-content table tbody tr:first-child {
    background-color: #ccc;
}

.blog .blog-content>div:not([class]) {
    font-size: 1.2rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    background-color: #f4f5f9;
    border-radius: 0.4rem;
}

.blog .blog-content>div:not([class])::before {
    content: '\e93f';
    font-family: 'icomoon';
    font-size: 2rem;
    vertical-align: middle;
    margin-left: 1rem;
    color: #1877e5;
}

.blog .blog-content>div:not([class]) a {
    color: #005df5;
}

.blog .blog-content span {
    /* display: block !important;
    background: #0e196b;
    text-align: center;
    border-radius: 1rem;
    margin: 1rem auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border: 1px solid #0e196b;
    cursor: pointer;*/
}

.blog .blog-content span a {
    /*color: #fff;
    display: block !important;
    padding: 1rem 3rem;*/
}

blockquote {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    background-color: #f0faff;
    border-radius: 0.4rem;
    border-right: 0.3rem solid #37689c;
}

.blog .comments .comments-head .comments-new .comments-new-add button {
    height: 4rem;
    width: 11rem;
    font-size: 12px;
}

.media .media-left i {
    font-size: 5rem;
    margin-left: 1rem
}

.blog .blog-score {
    padding-right: 2rem;
    padding-left: 2rem;
    border: .1rem solid #8bb9ee;
    position: relative;
}

.blog .blog-score::after {
    content: "";
    width: 2rem;
    height: 2rem;
    background-color: white;
    position: absolute;
    transform: rotate(494deg);
    border-bottom: .1rem solid #8bb9ee;
    border-right: .1rem solid #8bb9ee;
    left: -1.1rem;
}

.blog .blog-score .score-box {
    padding-bottom: 2rem;
}

.blog .blog-score .score-box .score-user {
    padding-top: 2rem;
}

.blog .blog-title.sticky-top {
    top: 7rem;
    height: 9rem;
    padding: 1rem 0;
    border-radius: 0;
}

.blog .blog-title .nav {
    width: 100%;
    height: 0.2rem;
    background-color: #b3b3b3;
    bottom: 0;
}

.blog .blog-title .nav .nav-bar {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0.5rem;
    background-color: red;
}

.score-box-show .score-count {
    font-size: 2.4rem;
    color: #ee384d;
}

.blog-audio {
    padding-top: 2rem;
}

.blog-audio .main-keyword {
    font-size: 15px;
    line-height: 26px;
    font-weight: bold !important;
    color: #005993;
    text-align: center;
    margin-bottom: 10px;
}

.blog-audio .blog-down-audio,
.blog-audio .blog-down-pdf {
    color: white;
    height: 4rem;
}

audio {
    width: 100%;
    height: 4rem;
    background-color: #f1f3f4;
    border-radius: .4rem;
}

.blog-audio .blog-down-audio {
    background-color: #6bad43;
}

.blog-audio .blog-down-pdf {
    background-color: #1877e5;
}

.blog-socials ul li {
    margin-left: .5rem;
}

.blog-heading .heading-Summary {
    width: calc(100% - 19rem);
    align-items: flex-start;
    padding: 0 !important;
}

.blog-heading .heading-Summary .summary-blog {
    width: auto;
    height: 3rem;
}

.blog-view {
    justify-content: flex-end;
    width: auto;
    height: auto;
    background-color: #1877e5;
    padding: .5rem;
}

.blog-view li {
    margin-right: 2rem;
}

.blog-view li:first-child {
    margin-right: 0;
}

.blog-view li i {
    font-size: 2rem;
    vertical-align: middle;
    margin-left: .5rem;
}

.blog-view li span {
    vertical-align: middle;
}

.blog .sticky-top {
    position: sticky;
    top: 14rem;
    z-index: 1020;
    border-radius: 15px;
}

.article-list-item {
    height: 9rem;
}

.widget-article-list i {
    font-size: 1.5rem;
    vertical-align: middle;
    margin-left: .5rem;
    margin-top: .2rem;
}

.no-comment-box {
    height: 10rem;
}

.no-comment-box .no-comment {
    color: #000;
}

.blog .media {
    border-top: 0;
}

/* -------------------- */
/* ----- #Contact ----- */
/* -------------------- */
.contactus {
    padding: 3rem 0;
}

.contactus .contactus__text h1 {
    color: #0072bc;
    font-size: 2rem;
    line-height: 3.5rem;
}

.contactus .contactus__text h1 i {
    margin-left: 1rem;
    font-size: 2.5rem;
    vertical-align: middle;
}

.contactus .contactus__text p {
    margin-top: 15px;
    font-size: 1.4rem;
    line-height: 2;
    text-align: justify;
}

.contactus .contactus__text .contactus__text--title {
    color: #0072bc;
    font-size: 1.4rem;
    margin: 3rem 0 1rem;
    display: block;
}

.contactus .contactus__text .contactus__text--phone li {
    display: block;
    font-size: 1.6rem;
    margin-bottom: .5rem
}

.contactus .contactus__form--value {
    position: relative;
}

.contactus .contactus__text .contactus__text--form i {
    position: absolute;
    top: .7rem;
    right: 2.5rem;
    font-size: 2.5rem;
    color: #0072bc;
}

.contactus .contactus__text .contactus__text--form input {
    height: 4rem;
    line-height: 4rem;
    border-radius: .4rem;
    vertical-align: middle;
    font-size: 1.6rem;
    padding-right: 4rem;
}

.contactus .contactus__text .contactus__text--form input::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form input:-ms-input-placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form input::-moz-placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form input::-ms-input-placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form input::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form input:-ms-input-placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form input::placeholder {
    font-size: 1.2rem;
}

textarea {
    border-radius: .4rem !important;
    padding: 1.5rem !important;
    font-size: 1.4rem !important;
}

.contactus .form-btn button {
    font-size: 1.2rem;
    height: 3.5rem;
    width: 14rem;
    background-color: #0072bc;
    color: #fff;
}

.contactus .contactus__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 77rem;
}

.contactus .contactus__image img {
    width: 100%;
    height: auto;
}

/* ------------------------- */
/* ----- #Send Message ----- */
/* ------------------------- */
.form-consulting {
    background: whitesmoke;
}

.send-message-bg {
    background: #f5f5f5;
}

.send-message {
    padding-bottom: 5rem;
    border-bottom: .1rem solid #dcdcdc;
    background-color: white;
    border-radius: .5rem;
    padding: 3rem;
    margin-bottom: 25px;
}

.send-message .send-message__title {
    text-align: right;
    direction: rtl;
    margin-bottom: 3rem;
}

.send-message .send-message__title h1 {
    color: #0072bc;
    font-size: 2rem;
    line-height: 3.5rem;
}

.send-message .send-message__title h1 i {
    content: '';
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--silver-color);
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
    border-radius: 1.5rem;
}

.send-message .send-message__rate {
    margin-bottom: 3rem
}

.send-message .send-message__rate h6 {
    font-size: 1.4rem;
    color: #0072bc;
}

.send-message .send-message__note {
    min-height: 30rem;
}

.send-message .send-message__note h5 {
    font-size: 1.4rem;
    color: #0072bc;
}

.send-message .send-message__note ul {
    list-style-type: disc;
    margin-top: 2.5rem;
    padding-right: 3rem;
}

.send-message .send-message__note ul li {
    display: list-item;
    list-style-type: disc;
    text-align: right;
    font-size: 1.2rem;
    margin-top: 1.5rem;
}

.send-message .send-message__text .send-message__text--title label,
.send-message .send-message__text .send-message__text--message label {
    font-size: 1.4rem;
    margin-bottom: .5rem;
    padding-right: .5rem;
}

.send-message .send-message__text .send-message__text--title .input-group {
    padding-right: 0;
    margin-right: 0;
    width: 50%;
}

.send-message .send-message__text .send-message__text--title .input-group input {
    height: 4rem;
    background-color: #f5f5f5;
    /*    border-radius: 2rem;*/
    outline: none;
    border: .1rem solid #dcdcdc;
    border-radius: .4rem;
    font-size: 1.6rem;
}

.send-message .send-message__text .send-message__text--title .input-group input::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--title .input-group input:-ms-input-placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--title .input-group input::-moz-placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--title .input-group input::-ms-input-placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--title .input-group input::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--title .input-group input:-ms-input-placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--title .input-group input::placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--message {
    margin-top: 2rem;
}

.send-message .send-message__text .send-message__text--message textarea {
    width: 100%;
    background-color: #fff;
    border: .1rem solid #dcdcdc;
    border-radius: .4rem;
    padding: 1rem;
    font-size: 1.4rem;
}

.send-message .send-message__text .send-message__text--btn {
    text-align: left;
}

.send-message .send-message__text .send-message__text--btn button,
.send-message .send-message__text .send-message__text--btn a {
    width: 13rem;
    height: 4rem;
    border-radius: .4rem;
    font-size: 1.4rem;
    background-color: #0072bc;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.send-message .send-message__text .send-message__text--btn button:hover,
.send-message .send-message__text .send-message__text--btn a:hover {
    background-color: #0072bc;
}

.send-message .send-message__image {
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
}

.send-message .send-message__image img {
    width: 35rem;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 1.5rem;
}

/* ----------------- */
/* ----- #Cart ----- */
/* ----------------- */
.cart {
    height: auto;
    padding-top: 0 !important;
}

.cart .cart-title {
    height: 5rem;
    padding-right: 1.5rem;
}

.cart .cart-title::after {
    content: '';
    width: 15rem;
    height: .3rem;
    background-color: #649a43;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.cart .cart-title .cart-count {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.7rem;
    background-color: #649a43;
}

.cart .cart-item-box .cart-item-image {
    width: 30%;
}

.cart .cart-item-box .cart-item-image img {
    width: 60%;
}

.cart .cart-item-box .cart-item-content {
    width: 70%;
}

.cart .product-title {
    letter-spacing: .1rem;
    font-weight: bold !important;
}

.cart .color-box {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    border: .1rem solid #f5f5f5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.cart .total-price .total-price-box {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    line-height: 3.2rem;
    text-align: center;
    font-size: 1.8rem;
    background-color: #3bbab0;
    color: #fff;
    cursor: pointer;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
}

.cart .total-price .total-price-box.input {
    width: 6rem;
    background-color: transparent;
}

.cart .total-price .input-text {
    width: 6rem;
    height: 3rem;
    text-align: center;
}

.cart .cart__btn {
    display: block;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    background-color: #649a43;
    color: #fff;
    text-align: center;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}

.cart .cart-notice .cart-notice-item {
    display: list-item !important;
    padding-right: 3rem;
}

.cart .cart-notice .cart-notice-item li {
    display: list-item !important;
    list-style: arabic-indic;
    margin-bottom: 1rem;
}

.cart .remove-item {
    top: 1.5rem;
    left: 1.5rem;
    cursor: pointer;
}

.cart-item-price i {
    font-size: 3rem;
    vertical-align: middle;
}

.cart .real-price {
    display: flex;
    flex-direction: column;
}

/* ----------------------- */
/* ----- #Final Cart ----- */
/* ----------------------- */
.finalcart {
    padding: 3rem 0;
    background: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));
    background-image: linear-gradient(to bottom, #f5f5f5, #fff);
}

.finalcart .finalcart__info h3 {
    color: #0072bc;
    font-size: 2rem;
    line-height: 3.5rem;
}

.finalcart .finalcart__info h3 i {
    color: #0072bc;
    font-size: 2.5rem;
    vertical-align: middle;
    margin-left: 1rem;
}

.finalcart .finalcart__info .finalcart__info--form {
    padding: 2rem 0;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-value {
    position: relative;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-value i {
    position: absolute;
    top: .7rem;
    right: 2rem;
    font-size: 2.5rem;
    vertical-align: middle;
    margin-left: 1rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control {
    height: 4rem;
    line-height: 4rem;
    border-radius: .4rem;
    padding-right: 1rem;
    vertical-align: middle;
    font-size: 1.6rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control:-ms-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::-moz-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::-ms-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control:-ms-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-address label {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-address select {
    display: block;
    width: 100%;
    height: 4rem;
    border-radius: .4rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    border-color: #ced4da
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-address textarea {
    font-size: 1.2rem;
    width: 100%;
    border-radius: .4rem;
    padding: 1rem;
    border-color: #ced4da;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-type select {
    display: block;
    width: 100%;
    height: 4rem;
    border-radius: .4rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    border-color: #ced4da;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-factor {
    margin-top: 3rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-factor .factor-border {
    border: .1rem solid #dcdcdc;
    width: 100%;
    height: 5rem;
    border-radius: .4rem;
    margin-top: .5rem;
    background-color: #fff;
    line-height: 5rem;
    padding: 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-factor .factor-border label {
    font-size: 1.6rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn {
    border: .1rem solid #ced4da;
    border-radius: .4rem;
    padding: 1.5rem;
    text-align: left;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn .bank {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn .bank img {
    width: 5rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn .bank .bank-select {
    display: inline-block;
    margin-left: 15px;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn input.btn {
    vertical-align: middle;
    display: inline-block;
    background-color: #00ab67;
    color: #fff;
    width: 13rem;
    height: 4rem;
    border-radius: .4rem;
    font-size: 1.6rem;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn input.btn:hover {
    background-color: #0072bc;
}

/* --------------------- */
/* ----- #Compare ------ */
/* --------------------- */
.compare {
    background-color: #fff;
    border-top: .1rem solid #dcdcdc;
    padding: 5rem 0;
}

.compare .all-section-title h1 {
    display: block;
    font-size: 2.4rem;
    color: #0072bc;
}

.compare .compare__list--image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 30rem;
    background-color: #fff;
    border: .1px solid #f5f5f5;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    margin: 2rem 0 0;
    border-bottom: .1rem solid #00ab67;
}

.compare .compare__list--image .compare__list--image--value {
    padding: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.compare .compare__list--image .compare__list--image--value::before {
    content: '';
    position: absolute;
    bottom: 0rem;
    left: calc(50% - .5rem);
    width: 1rem;
    height: 1rem;
    border-right: 1rem solid transparent;
    border-left: 1rem solid transparent;
    border-bottom: 1rem solid #00ab67;
}

.compare .compare__list--image .compare__list--image--value .image-value {
    display: inline-block;
    height: 16rem;
}

.compare .compare__list--image .compare__list--image--value .title-value {
    font-size: 1.3rem;
    text-align: center;
    padding: .5rem 0;
}

.compare .compare__list--image .compare__list--image--value .price-value {
    font-size: 1.4rem;
    color: #0072bc;
    font-weight: bold !important;
    padding: .5rem 0;
}

.compare .compare__list--image .compare__list--image--value .link-value {
    font-size: 1.2rem;
    background-color: #00ab67;
    color: #fff;
    padding: 1rem 0;
    border-radius: .4rem;
    text-align: center;
    width: 18rem;
}

.compare .compare__list--image .compare__list--image--upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2.5rem;
    cursor: pointer;
    width: 25%;
}

.compare .compare__list--image .compare__list--image--upload .image-upload {
    width: 62%;
    margin: 0 auto;
}

.compare .compare__list--image .compare__list--image--upload .link-value {
    font-size: 1.2rem;
    background-color: #00ab67;
    color: #fff;
    border: 0;
    padding: 1rem 0;
    border-radius: .4rem;
    text-align: center;
    margin-top: 1.5rem;
    width: 18rem;
    margin: 1.5rem auto 0;
}

.modal-backdrop.fade.show {
    z-index: 9998;
}

.modal-dialog {
    height: 50rem;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

div#ProductSelectModal {
    z-index: 9999;
}

div#ProductSelectModal .modal-dialog {
    top: 15%;
    z-index: 9999;
    max-width: 60%;
}

div#ProductSelectModal .modal-dialog button.close {
    font-size: 2rem;
    line-height: 2
}

div#ProductSelectModal .modal-header {
    background-color: #f5f5f5;
}

div#ProductSelectModal .modal-header form {
    width: 80%;
    padding-top: .5rem;
}

div#ProductSelectModal .modalproduct__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
}

div#ProductSelectModal .modalproduct__search input {
    height: 4rem;
    font-size: 1.4rem;
}

div#ProductSelectModal .modalproduct__search select {
    height: 4rem;
    width: 20rem;
    margin-left: 1rem;
    border-right: 0;
    font-size: 1.2rem;
}

div#ProductSelectModal .modalproduct__search button {
    width: 14rem;
    background-color: #0072bc;
    border: none;
}

div#ProductSelectModal .modalproduct__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50rem;
    width: 100%;
    max-height: 60vh;
    overflow-y: scroll;
    padding-left: 1rem;
}

div#ProductSelectModal .modalproduct__content .modalproduct__content--item {
    height: auto;
    width: 30rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: .1rem solid #dcdcdc;
    margin-bottom: 2rem;
    padding: 1rem;
}

div#ProductSelectModal .modalproduct__content .modalproduct__content--item img {
    width: 15rem;
    display: block;
    margin: 0 auto;
}

div#ProductSelectModal .modalproduct__content .modalproduct__content--item span {
    font-size: 1.2rem;
    text-align: center;
}

.modal {
    padding-left: 15px;
    padding-right: 15px;
}

.compare .compare__list--item {
    width: 100%;
}

.compare .compare__list--item .compare__list--item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    background-color: #f5f5f5;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 1rem;
    font-size: 1.4rem;
}

.compare .compare__list--item .compare__list--item-value {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24.6%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    padding: .5rem 1rem;
    line-height: 2;
    text-align: justify;
}

/* ----------------- */
/* ----- #404 ------ */
/* ----------------- */
.page-404 {
    min-height: 50rem;
    position: relative;
    background-color: #fff;
}

.page-404 .page-404__content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-404 .page-404__content h3 {
    font-size: 2.4rem;
    font-weight: bold !important;
    margin-bottom: 1rem;
}

.page-404 .page-404__content a {
    background-color: #0072bc;
    width: 20rem;
    height: 4rem;
    color: #fff;
    line-height: 4rem;
    font-size: 1.4rem;
    margin-bottom: 2rem;
    border-radius: .4rem;
}

/* ------------------------ */
/* ----- #No Product ------ */
/* ------------------------ */
.no-product {
    width: 100%;
    min-height: 50rem;
    padding: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.no-product img {
    width: 80rem;
    height: auto;
    margin: 0 auto;
}

.no-product h3 {
    font-size: 2rem;
    font-weight: bold !important;
}


/* ------------------- */
/* ----- #Server ----- */
/* ------------------- */
.text-danger {
    color: #dc3545 !important;
    font-size: 1rem;
}

.menu-admin a {
    font-size: 1.2rem;
}

.menu-admin .breadcrumb-item+.breadcrumb-item::before {
    color: #222;
}

.login-back i {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.timerLogin {
    direction: ltr;
    letter-spacing: .3rem;
    color: #0fabc6;
    font-weight: bold !important;
}

.product-info-Spec .tab-content .small-check {
    padding: 1.5rem 0;
}

.small-check table tr td {
    border: 1px solid #e5e5e5 !important;
    width: 50%;
}

.product-info-Spec .tab-content table tr:nth-child(odd) {
    background-color: #f1f1f1;
}

.product-info-Spec .tab-content .small-check p,
.product-info-Spec .tab-content .small-check p span {
    text-align: justify;
    line-height: 3rem;
    font-size: 1.5rem !important;
}

.product-info-Spec .tab-content .small-check p a {
    color: blue;
}

.product-info-Spec .tab-content .small-check h2 {
    font-size: 2rem !important;
}

.product-info-Spec .tab-content .small-check h3 {
    font-size: 1.8rem !important;
}

.product-info-Spec .tab-content .small-check h4 {
    font-size: 1.6rem !important;
}

.product-info-Spec .tab-content .small-check h2,
.product-info-Spec .tab-content .small-check h3,
.product-info-Spec .tab-content .small-check h4 {
    margin-bottom: 1.5rem;
    color: #080c90 !important;
    font-weight: 700 !important;
}

.product-info-Spec .tab-content .small-check p strong {
    font-weight: 600 !important;
}

.product-info-Spec .tab-content .small-check p img {
    max-width: 100% !important;
    height: auto !important;
}

.product-info-Spec .tab-content .small-check ol li {
    list-style-position: inside;
    text-align: justify;
    font-size: 1.3rem;
    line-height: 2.5;
    display: list-item;
}

.product-info-Spec .tab-content .small-check ul li {
    list-style: disc;
    list-style-position: inside;
    padding-right: 2rem;
    font-size: 1.3rem;
    line-height: 2.5;
    display: list-item;
}

/* -------------------------------#small-check----------------------------- */
.review-list.positive .title {
    color: #4caf50;
}

.review-list.negative .title {
    color: #ef394f;
}

.review-list.positive .feature-list .feature-list::before {
    background-color: #4caf50;
    content: '+';
}

.review-list.negative .feature-list .feature-list::before {
    background-color: #ef394f;
    content: '-';
}

.review-list.negative {
    margin-top: 30px;
}

.review-list .feature-list {
    list-style: none !important;
    padding-right: 3rem;
    font-size: 14px;
    line-height: 35px;
}

.review-list .feature-list li {
    width: 33.33%;
    height: auto;
    line-height: 3 !important;
    padding-right: 1rem !important;
}

.review-list .feature-list .feature-list::before {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    right: -15px;
    top: 10px;
}

/* ---------------#accordion small-check--------------- */
.category-text #ProductFaqs {
    margin-top: 20px;
}

.category-text .review-accordion {
    padding: 2rem !important;
}

.review-accordion .questions-section .title-box-accordion {
    color: #080c90 !important;
    font-size: 1.4rem !important;
}

.review-accordion .questions-section .card {
    border: none !important;
}

.review-accordion .questions-section .card .card-header {
    background-color: transparent;
    height: 50px;
    position: relative;
}

.review-accordion .questions-section .card .card-header .card-link {
    font-size: 12px !important;
    color: #080c90 !important;
    margin-right: 24px;
    font-weight: bold !important;
}

.review-accordion .questions-section .card .card-header .card-link .icon-keyboard_arrow_down {
    font-size: 13px !important;
    color: #080c90 !important;
    cursor: pointer;
    font-weight: bold !important;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.review-accordion .questions-section .card .card-body {
    font-size: 13px !important;

}

.review-accordion .questions-section .card .card-header .card-link.collapsed .icon-GoToAbove:before {
    content: "\e912" !important;
    font-weight: bold !important;
}

.review-accordion .questions-section .card .card-header .card-link.collapsed::before {
    content: '+';
    width: 25px;
    height: 25px;
    background-color: #080c90;
    color: #fff;
    display: flex;
    font-size: 14px;
    line-height: 25px;
    justify-content: center;
    position: absolute;
    right: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding-top: 2px;
}

.review-accordion .questions-section .card .card-header .card-link::before {
    content: '-';
    width: 25px;
    height: 25px;
    background-color: #080c90;
    color: #fff;
    display: flex;
    font-size: 16px;
    line-height: 25px;
    justify-content: center;
    position: absolute;
    border-radius: 50%;
    right: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* ------- #Server -------- */
.lg-outer .lg-inner {
    direction: ltr;
}

.progress-all ul {
    margin-top: 1.5rem;
}

.progress-all ul li span.progress-title {
    width: 30% !important;
    float: right;
    font-size: 12px;
    padding-top: 0.5rem;
}

.progress {
    width: 55% !important;
    height: 26px !important;
    width: 15%;
    float: right;
    margin-top: 10px;
    background-color: transparent !important;
}

.send-message__rate .progress {
    height: 2.5rem !important;
    margin-top: 0;
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.send-message__rate .progress .rate:not(old) {
    width: 43em !important;
    height: 3em !important;
}

.progress-all ul li span.progress-type {
    width: 10%;
    float: right;
    font-size: 10px;
    padding-right: 10px;
}

.rate:not(old) {
    display: inline-block;
    width: 10em;
    height: 2em;
    overflow: hidden;
    vertical-align: bottom;
}

.rate:not(old)>input {
    margin-right: -100%;
    opacity: 0;
}

.rate:not(old)>label {
    display: block;
    float: left;
    position: relative;
    margin-right: .5rem;
    background: url('/Content/Images/star-off-big.png');
    background-size: contain;
}

.rate:not(old)>label:before {
    content: '';
    display: block;
    width: 2em;
    height: 2em;
    background: url('/Content/Images/star-on-big.png');
    background-size: contain;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.rate:not(old)>label:hover:before,
.rate:not(old)>label:hover~label:before,
.rate:not(:hover)> :checked~label:before {
    opacity: 1;
}

.rate:not(old) {
    width: 20em !important;
    height: 3em !important;
}

#shareModal .modal-social {
    margin-bottom: 1rem;
    text-align: center;
}

#shareModal .modal-social li {
    margin: 0 1rem;
}

#shareModal .linked {
    display: flex;
}

#shareModal .linked input {
    flex-grow: 1;
    text-align: left;
    border: .1rem solid #9e9e9e;
    border-radius: .4rem;
    padding-left: .5rem;
    direction: ltr;
    font-size: 1.25rem;
}

#shareModal .linked button {
    background-color: #ef394f;
    margin-right: .5rem;
    color: #fff;
    border-radius: .4rem;
}

/* ----- #Info Page ----- */
section.content.content-page.info-page {
    background-color: white;
    border-bottom: .1rem solid #f5f5f5;
    padding: 1.5rem 0;
}

.info-page .contactus {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, var(--gray-color)), color-stop(50%, var(--white-color)), to(var(--white-color)));
    background-image: linear-gradient(var(--gray-color) 10%, var(--white-color) 50%, var(--white-color) 100%);
    padding: 3rem 2rem;
}

.info-page .contactus .block-title {
    font-size: 1.4rem;
}

.info-page .contactus .block-content ol#recently-viewed-items {
    list-style-position: inside;
}

.info-page .contactus .block-content ol#recently-viewed-items li {
    padding: 1rem;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    background-color: #f5f5f5;
    width: 100%;
}

.info-page .contactus .page-title {
    margin-bottom: 1rem;
}

.info-page .contactus .page-title h2 {
    font-size: 1.4rem;
}

.info-page .contactus .static-contain {
    border: .1rem solid #f5f5f5;
    padding: 1.5rem;
    border-radius: .5rem;
}

.static-contain .panel-collapse {
    font-size: 1.3rem;
    text-align: justify;
    border: .1rem solid #f5f5f5;
    border-radius: 1rem;
    margin-bottom: 2rem;
    line-height: 2;
}

.static-contain .panel-heading h4 {
    font-size: 1.4rem;
    line-height: 2.5;
}

.info-page .contactus .static-contain p {
    text-align: justify;
    font-size: 1.4rem;
    line-height: 2.5;
}

.static-contain .panel-collapse .panel-body {
    padding: 1rem 2rem;
}

.info-page .contactus .static-contain p span {
    font-family: inherit !important;
}

.info-page .contactus .static-contain h1 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.info-page .contactus .static-contain h2 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

.info-page .contactus .static-contain ul {
    padding-right: 1.5rem;
    margin: 1rem 0;
    font-size: 1.2rem;
    list-style-type: disc;
    line-height: 2.5;
    list-style-position: inside;
}

.btn-product-edit {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1090;
    font-size: 2.5rem;
}

.btn-product-edit .icon-Color:before {
    color: #052a66;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1090;
    font-size: 2.5rem;
}

.product__info .btn-product-edit .icon-Color:before {
    color: #052a66;
    position: absolute;
    top: 2rem;
    left: 2rem !important;
    right: auto;
    z-index: 1090;
    font-size: 3rem;
}

.bootstrap-maxlength {
    font-size: .9rem !important;
}

.modal-backdrop.fade.show {
    z-index: 1098;
}

.modal-open .modal {
    z-index: 1099;
}

input#btnCoupon {
    position: relative;
    top: -3.5rem;
    right: calc(100% - 12rem);
    width: 11.5rem;
    height: 3rem;
}

.lendo-offer {
    font-size: 1.3rem;
    background-color: #052a66;
    color: wheat;
    padding: 1rem 2rem;
    border-radius: 2rem;
    height: 4rem;
}

.lendo-offer a {
    color: var(--white-color);
}

.lendo-offer::before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-left: 1rem solid #052a66;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    /* background-color: red; */
    position: absolute;
    /* display: inline-block; */
    top: 10px;
    right: -7px;
}

.cart__offer strong#CouponDescription {
    font-size: 1.2rem;
}

li.insite {
    width: 3rem;
    height: 3rem;
    text-align: center;
}

.no-comment {
    width: 100%;
    height: 4rem;
    background-color: var(--silver-color);
    display: block;
    line-height: 4rem;
    padding: 0 1.5rem;
    border-radius: 2rem;
}

.category-text-content {
    background-color: white;
    padding: 1.5rem;
    border-radius: .4rem;
    margin-bottom: 1.5rem;
}

.lg-outer {
    direction: rtl;
}

.lg-outer .lg-inner {
    direction: ltr;
}

.product-info .sticky-top.product-info-buy {
    top: 8rem !important;
    margin-bottom: 25px;
}

.lg-backdrop {
    z-index: 99999 !important;
    background-color: #fff !important;
}

.lg-outer {
    z-index: 99999 !important;
}

.lg-outer .lg-thumb-outer {
    background-color: transparent !important;
}

.lg-sub-html,
.lg-toolbar {
    background-color: transparent !important;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: transparent !important;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #111 !important;
}

.lg-icon {
    color: #111 !important;
}

.lg-outer .lg-toogle-thumb {
    background-color: transparent !important;
    border: 1px solid #bdb9b9;
}

.read-more-box {
    max-height: 20rem;
    position: relative;
    overflow: hidden;
    padding-bottom: 3rem;
}

.read-more-box .read-more,
.read-more-box .read-less {
    font-size: 1.6rem !important;
    position: absolute;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent, white);
    margin: 0;
    padding: 0;
    text-align: center;
}

.read-more-box .read-more {
    bottom: 0rem;
    left: 0;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.read-more-box .read-less {
    display: none;
    bottom: 0;
    left: 0;
}

.read-more-box .read-more .read-more-btn,
.read-more-box .read-less .read-less-btn {
    color: #005993 !important;
    cursor: pointer;
}

.read-more-box .read-more .read-more-btn i,
.read-more-box .read-less .read-less-btn i {
    vertical-align: middle;
    margin-right: 1rem;
    font-size: 1.4rem;
}

/* --------#product-info-Spec--nav-bar-------- */
.product-info-Spec .nav-bar {
    overflow-x: scroll;
    overflow-y: unset;
}

.product-info-Spec .nav-bar ul.nav {
    overflow-x: auto;
    overflow-y: unset;
    width: max-content;
    background-color: transparent !important;
}

.nav-tabs .nav-item {
    margin-bottom: 0 !important;
}

/* ----- Scroll Bar ----- */
/* width */
.product-info-Spec .nav-bar::-webkit-scrollbar {
    width: 1rem;
    height: 2px;
}

/* Track */
.product-info-Spec .nav-bar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px var(--gray-color);
    box-shadow: inset 0 0 .1rem var(--gray-color);
    border-radius: 1rem;
}

/* Handle */
.product-info-Spec .nav-bar::-webkit-scrollbar-thumb {
    background: #1877e5;
    border-radius: 0px;
}

/* Handle on hover */
.product-info-Spec .nav-bar::-webkit-scrollbar-thumb:hover {
    background: #777777;
}

.title-box .title {
    font-size: 2rem;
    color: #000 !important;
}

/* ---------------------------#features-box---------------- */

.features-part {
    padding: 8rem 0 0 0;
}

.features-part .features-box .features-list .features-item {
    width: 33%;
    height: 7rem;
}

.features-part .features-box .features-list .features-item .text-content {
    color: #666666;
    padding-right: 10px;
}

.features-part .features-box .btn-more {
    width: 18rem;
    height: 4rem;
    background-color: #0072bc;
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
}

.features-part .image-box {
    width: 100%;
    height: auto;
}

.features-part .image-box img {
    width: 100%;
    height: auto;
}

/* --------------------------#Categories Box-------------------- */
.categories-box .categories-item {
    background-color: #0072bc;
    height: 10rem;
    width: 23.7%;
}

.categories-box .categories-item .icon-box {
    width: 5rem !important;
    height: 5rem !important;
}

.categories-box .categories-item .content-box .text-content {
    height: 3rem;
    text-align: start !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.amazing-offers .product-list .product-list-item:hover .image-box {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.amazing-offers .product-list .product-list-item .image-box {
    transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -ms-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
}

/* --------------------------#modal guaranty------------- */
.modal {
    display: none;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.btn-modal {
    background-color: #e2e7f2;
    transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
}

.btn-modal:hover {
    background-color: #0072bc;
    color: #fff;
}

.modal-content {
    background: #fff;
    z-index: 9999;
    margin: auto auto;
    height: auto;
    top: 50px;
    border-radius: 7px;
    padding: 15px;
    max-width: 100%;
}

.modal-open .modal {
    z-index: 99999999;
}

.modal-content p {
    font-size: 13px;
    text-align: justify;
    line-height: 30px;
}

.modal-content p strong {
    font-weight: bold !important;

}

.product-info-box {
    background-color: #fff !important;
    padding: 15px;
    border-radius: 15px;
    position: relative;
}

.list-size ul .item {
    background-color: #e2e7f2 !important;
    border-radius: 10px;
    transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in;
    -ms-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    cursor: pointer !important;
}

.list-size ul .item:hover {
    background-color: #0072bc !important;
    cursor: pointer !important;
    color: #fff !important;
}

.list-size ul .item.active {
    background-color: #0072bc !important;
    color: #fff !important;
}

.list-size ul .item.disabled::after {
    content: "ناموجود";
    background-color: #0072bc !important;
    width: 100%;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 10px;
    position: absolute;
    border-radius: 10px;
    top: 0;
    right: 100%;
    transition: right .1s;
}

.list-size ul .item.disabled:hover::after {
    right: 0;
}

.list-size ul .item.disabled {
    pointer-events: inherit !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden;
}

/* -----------------------#Section banner -------------- */
/* ----------#ads-1------- */
.ads {
    margin-top: 3rem;
}

.ads.ads-1 .ads-1-box .item {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
}

.ads.ads-1 {
    width: 100%;
    height: auto;
}

.ads.ads-1 .ads-1-box {
    width: 100%;
    height: auto;
}

.ads.ads-1 .ads-1-box .item img {
    width: 100%;
    height: auto;
    border-radius: 15px !important;
}

/* ----------#ads-2------- */
.ads.ads-2 .ads-2-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.ads.ads-2 .ads-2-box .item {
    width: calc(50% - 1.5rem);
    border-radius: 15px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ads.ads-2 .ads-2-box .item img {
    width: 100%;
    height: auto;
    border-radius: 15px !important;
}

/* ----------#ads-3------- */
.ads.ads-3 .ads-3-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.ads.ads-3 .ads-3-box .item {
    width: calc(33.33% - 1.5rem);
    border-radius: 15px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ads.ads-3 .ads-3-box .item img {
    width: 100%;
    height: auto;
    border-radius: 15px !important;
}

/* ----------#ads-4------- */
.ads.ads-4 .ads-4-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.ads.ads-4 .ads-4-box .item {
    width: calc(24.5% - 1.5rem);
    border-radius: 15px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ads.ads-4 .ads-4-box .item img {
    width: 100%;
    height: auto;
    border-radius: 15px !important;
}

.price-real {
    font-size: 1.2rem;
}

.modal-header .close {
    font-size: 2.5rem;
    color: #000 !important;
}

.comments-head .text-side-bar-consulting {
    font-size: 14px;
    line-height: 2.5rem;
}

.article .section-content,
.article .section-title {
    height: 36rem;
}

.desc {
    font-size: 1.2rem;
    line-height: 2;
    letter-spacing: 0;
    font-weight: 100 !important;
    color: #000 !important;
}

.features-box div span {
    font-size: 50px;

}

.features {
    margin-bottom: 25px;
}

.features .features-box {
    background: #fff;
    padding: 15px 0;
    border-radius: 15px;
}

.product-amazing-offers .timer {
    right: 25px;
    bottom: 15px;
    top: inherit;
}

.timer {
    direction: ltr;
    width: 15rem;
    height: 4rem;
    line-height: 4rem;
    position: absolute;
    top: 60%;
    left: 3rem;
    background-color: rgba(255, 255, 255, 0.8);
}

/* -----------------------#Video originality----------- */
.video-originality {
    bottom: 15px;
    right: 0;
    z-index: 999999;
    color: #0072bc;
    cursor: pointer;
}

.video-originality:hover{
   color: #0e507a;
}

.btn:hover {
    color: #0e507a !important;
}

.video-originality i {
    font-size: 25px;
}

.video-originality-modal video {
    width: 100%;
    height: auto;
}

.video-originality-modal .modal-content {
    max-width: 60%;
}

.video-originality-modal .modal-dialog {
    max-width: 700px;
	justify-content: center;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: #000;
}

/* --------------------- #Grid------------------- */
.grid {
    height: auto;
    padding: 25px 0;
    background: #F9F9F9;
}

.grid-box {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 20rem);
    grid-auto-flow: dense;
    grid-gap: 20px;
}

.grid-box .grid-box-item {
    width: 100%;
}

.grid-box .grid-box-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.grid-box .grid-box-item.vertical {
    grid-row: span 2;
}

.grid-box .grid-box-item.horizontal {
    grid-column: span 2;
}

.grid-box .grid-box-item.big {
    grid-column: span 2;
    grid-row: span 2;
}

.grid-box .grid-box-item .grid-box-title {
    width: auto;
    padding: 0 15px;
    height: 3.7rem;
    bottom: 0;
    color: #44474C;
    background-color: #F2F2F2;
    border-radius: 0 15px 0 0;
    -webkit-border-radius: 0 15px 0 0;
    -moz-border-radius: 0 15px 0 0;
    -ms-border-radius: 0 15px 0 0;
    -o-border-radius: 0 15px 0 0;
    transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
}

.grid-box .grid-box-item:hover .grid-box-title {
    color: #FFFFFF;
    background-color: #44474C;
}

/* ------------------#Grouping------------------ */

.grouping-section .grouping .grouping-item {
    padding: 0 23px;
}

.grouping-section .grouping .grouping-item .image-box {
    width: 21rem;
    height: 21rem;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.grouping-section .grouping .grouping-item .image-box img {
    width: 100%;
    height: auto;
}

.grouping-section .grouping .grouping-item .title {
    width: 20rem;
    height: 3.5rem;
    background-color: #fff;
    transform: translateY(-45px);
    -webkit-transform: translateY(-45px);
    -moz-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    -o-transform: translateY(-45px);
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
}

.grouping-section .grouping .grouping-item:hover .title {
    color: #ee383d;
}

/* ------------------#Grouping Two------------------ */
.grouping-section .grouping-two .grouping-two-item {
    width: 20rem;
    height: 24rem;
    box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
    transition: box-shadow .1s ease-in-out;
    -webkit-transition: box-shadow .1s ease-in-out;
    -moz-transition: box-shadow .1s ease-in-out;
    -ms-transition: box-shadow .1s ease-in-out;
    -o-transition: box-shadow .1s ease-in-out;
    z-index: 99999;
}

.grouping-section .grouping-two .grouping-two-item:hover {
    box-shadow: 0 4px 16px rgb(0 0 0 / 20%);
}

.grouping-section .grouping-two .grouping-two-item .icon-box {
    width: 100%;
    height: 13rem;
    border: 1px solid rgb(228, 228, 228);
}

.grouping-section .grouping-two.owl-carousel .owl-nav button.owl-next,
.grouping-section .grouping-two.owl-carousel .owl-nav button.owl-prev {
    width: 4rem;
    height: 5rem;
    font-size: 2rem;
    background-color: #fff;
    box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.grouping-section .grouping-two.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #fff;
}

/* Modal Attention */
.modal-dialog.attentionModal .modal-content {
    border-radius: 15px;
}

.modal-dialog.attentionModal .modal-content .modal-header {
    border: none;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.modal-dialog.attentionModal h4 {
    margin-right: 20px;
    font-size: 14px;
    line-height: 2;
    color: #ef394f;
}

.modal-dialog.attentionModal h4::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 35px;
    right: 0;
    top: 20px;
    border-top-left-radius: 23px;
    border-bottom-left-radius: 23px;
    background-color: #ef394f;
}

.modal-dialog.attentionModal button.close {
    color: #fff !important;
    background-color: #ef394f;
    width: 20px;
    height: 20px;
    line-height: 22px;
    border-radius: 10px;
    opacity: 1;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 20px;
    top: 20px;
}

.modal-dialog.attentionModal button.close:hover {
    opacity: 1;
}

.modal-dialog.attentionModal .modal-body {
    padding: 0 40px 25px;
}

.modal-dialog.attentionModal .modal-body .modal-body-head {
    font-size: 16px;
}

.modal-dialog.attentionModal .modal-body .modal-body-desc {
    font-size: 12px;
}

.modal-dialog.attentionModal .modal-body .modal-body-contact {
    margin: 10px 0;
    display: block;
}

.modal-dialog.attentionModal .modal-body h2 {
    color: #ef394f;
    font-size: 16px;
    margin: 5px 0;
}

.modal-dialog.attentionModal .modal-body .modal-body-warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.modal-dialog.attentionModal .modal-body .modal-body-warning label {
    font-size: 18px;
    line-height: 2;
    margin-left: 10px;
    font-weight: bold !important;
    color: #ef394f;
}

.modal-dialog.attentionModal .modal-body .modal-body-warning p {
    display: block;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--main-gray-color)), to(var(--main-white-color)));
    background: linear-gradient(to right, var(--main-gray-color) 50%, var(--main-white-color) 100%);
    border-radius: 5px;
    font-size: 12px;
    width: 100%;
    text-align: justify;
    padding: 5px 10px;
}

.modal-dialog.attentionModal .modal-body .modal-body-pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 15px;
}

.modal-dialog.attentionModal .modal-body .modal-body-pay .modal-body-btn {
    font-size: 11px;
    width: 150px;
    height: 25px;
    background-color: #ef394f;
    color: #ef394f;
    text-align: center;
    line-height: 25px;
    border-radius: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.modal-dialog.attentionModal .modal-body .modal-body-pay .modal-body-btn:hover {
    background-color: #ef394f;
}

.owl-carousel.item-slider-side .owl-nav button.owl-next {
    position: absolute;
    top: calc(50% - 3.5rem);
    right: 1rem;
}

.owl-carousel.item-slider-side .owl-nav button.owl-prev {
    position: absolute;
    top: calc(50% - 3.5rem);
    left: 1rem;
}

/* ----------------------#alert section top------------------- */
.alert-section-top {
    width: 38rem;
    height: 170px !important;
    padding: 10px 20px !important;
    top: 16% !important;
    z-index: 999 !important;
    border-radius: 0px 0px 0px 10px !important;
    -webkit-border-radius: 0px 0px 0px 10px !important;
    -moz-border-radius: 0px 0px 0px 10px !important;
    -ms-border-radius: 0px 0px 0px 10px !important;
    -o-border-radius: 0px 0px 0px 10px !important;
    font-family: IRANSans;
    font-weight: bold !important;
    transition: transform 1s ease-in-out;
    -webkit-transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -ms-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    -webkit-transition: transform 1s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transform: translateX(380px);
    -webkit-transform: translateX(380px);
    -moz-transform: translateX(380px);
    -ms-transform: translateX(380px);
    -o-transform: translateX(380px);
    background-color: #f5f5f5;
    color: #000 !important;
}

.alert-section-top.active {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
}

.alert-section-top .btn-close-open {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    background-color: #f5f5f5;
    color: #000;
    border-radius: 10px 0px 0px 10px !important;
    position: absolute;
    right: 38rem;
    top: 0;
    cursor: pointer;
    -webkit-border-radius: 10px 0px 0px 10px !important;
    -moz-border-radius: 10px 0px 0px 10px !important;
    -ms-border-radius: 10px 0px 0px 10px !important;
    -o-border-radius: 10px 0px 0px 10px !important;
}

.alert-section-top.active .btn-close-open .icon-keyboard_arrow_left:before {
    content: "\e91a" !important;
}

.alert-section-top .text-content {
    line-height: 23px;
}

.alert-section-top .text-bottom {
    position: absolute;
    left: 18px;
    top: 135px;
}

.alert-section-top .title-alert-section-top i {
    vertical-align: middle;
}

.alert-section-top .support-numbers {
    background-color: transparent;
    box-shadow: none;
    position: fixed;
    top: 12rem;
}

.comingsoon::before,
.comingsoon::after {
    display: none;
}

.comingsoon {
    font-size: 1.4rem;
    color: #1877e5;
}

/* -------------------------------#small-check----------------------------- */
.review-list.positive .title {
    color: #4caf50;
}

.review-list.negative .title {
    color: #ef394f;
}

.review-list.positive .feature-list .feature-list::before {
    background-color: #4caf50;
    content: '+';
}

.review-list.negative .feature-list .feature-list::before {
    background-color: #ef394f;
    content: '-';
}

.review-list.negative {
    margin-top: 30px;
}

.review-list .feature-list {
    list-style: none !important;
    padding-right: 1rem;
    font-size: 14px;
    line-height: 35px;
}

.review-list .feature-list li {
    width: 33.33%;
    height: auto;
    line-height: 3 !important;
}

.review-list .feature-list .feature-list::before {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    right: -15px;
    top: 10px;
}

.card-link.collapsed .icon-keyboard_arrow_down::before {
    content: "\e91c";
}

.card-link .icon-keyboard_arrow_down::before {
    content: "\e91e";
}

/* -----------------#modal pop up afterland--------------- */
.pop-up-afterland .modal-dialog {
    max-width: 65rem;
}

.pop-up-afterland .modal-content {
    background-color: transparent;
    border: none;
    height: 44rem;
    padding: 0;
}

.pop-up-afterland .modal-content .modal-body img {
    width: 100%;
}

.pop-up-afterland .modal-content .modal-body .btn-pop-up {
    background-color: #10176a;
}

.animated-button1 {
    padding: 20px 40px;
    /*margin: 12px;
    */
    display: inline-block;
    -webkit-transform: translate(0%, 133%);
    transform: translate(0%, 133%);
    overflow: hidden;
    color: #f7d4d4;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    -moz-transform: translate(0%, 133%);
    -ms-transform: translate(0%, 133%);
    -o-transform: translate(0%, 133%);
}

.animated-button1::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ad8585;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button1:hover::before {
    opacity: 0.2;
}

.animated-button1 span {
    position: absolute;
}

.animated-button1 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 3px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#820201));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), #820201);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button1 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 3px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#820201));
    background: linear-gradient(to top, rgba(43, 8, 8, 0), #820201);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button1 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#820201));
    background: linear-gradient(to right, rgba(43, 8, 8, 0), #820201);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button1 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#820201));
    background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #820201);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.cart-item-box .image-box {
    width: 18rem;
    height: 13rem;
}

.cart-item-box .image-box img {
    width: 100%;
    height: 100%;
}

.page-breadcrumb nav {
    padding-left: 15px;
}

.grecaptcha-badge {
    bottom: 50px !important;
}

/* -----------------#page sortbar---------------  */
.page-sortbar {
    height: auto;
    line-height: 4.2rem;
}

.page-sortbar i {
    display: inline-block;
    border-radius: .4rem;
    font-size: 2rem;
    vertical-align: middle;
    /*color: #fff !important;*/
    width: 35px;
    height: 35px;
    /*background: #2347b1;*/
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /*color: #fff !important;*/
    z-index: 999;
}

.page-sortbar i.icon-format_align_center:before {
    content: "\e979";
}

.page-sortbar select {
    width: 20rem;
    height: 4rem;
}

.page-sortbar select.count {
    width: 10rem;
}

.page-sortbar span.product-count {
    float: left;
    line-height: 4rem;
    /*color: #fff;*/
    padding-left: 20px;
}

/* .page-sortbar-items li.active {
    color: #3366fe;
} */

.page-sortbar-items li {
    cursor: pointer;
    font-size: 12px;
    /*color: #fff;*/
    /* margin-left: 25px !important;*/
}

.page-sortbar-items li.active {
    color: #2347b1;
}

.sortbar-mob {
    width: 100%;
    height: 4rem;
    background-color: #2347b1;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    box-shadow: rgb(50 50 93 / 25%) 0px -6px 27px -5px, rgb(0 0 0 / 30%) 16px 0px 0px 0px;
}

.sortbar-mob .sortbar-mob-box {
    border-right: 1px solid #fff;
    width: calc(100% - 25%);
}

.sortbar-mob .sortbar-mob-box span,
.sortbar-mob .sortbar-mob-box i,
.sortbar-mob .advanced-search span,
.sortbar-mob .advanced-search i {
    color: #fff !important;
}

.page-sortbar-items {
    display: flex;
    padding: 0 20px;
}

.btn:hover {
    color: #fff;
}

.form-consulting {
    font-size: 14px;
}

.comments-head .video-user {
    width: 100%;
    height: auto;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    padding: 25px !important;
}

.comments-head .video-user video {
    width: 100%;
    height: auto;
}

.text-blue {
    color: #0072bc !important;
}

.customers-videos .customers-video-item {
    width: 24%;
    margin-left: 12px;
    /* border: 1px solid black; */
    height: 30rem;
    background: whitesmoke;
    padding: 15px;
    margin-bottom: 15px;
}

.customers-videos .customers-video-item .video-item {
    width: 100%;
    height: 18rem;
    /* border: 1px solid black; */
    border-radius: 15px;
    overflow: hidden;
}

.customers-videos .customers-video-item .video-item video {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.customers-videos .card-header {
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
}

.customers-videos .customers-video-item .description-box {
    border-top: 1px solid #0072bc;
    font-size: 12px;
    line-height: 20px;
    margin-top: 15px;
    padding-top: 15px;
    text-align: justify;
}

.customers-videos .accordion-item {
    margin-bottom: 15px;
}

.card-header {
    background-color: whitesmoke;
	border-radius: 4px 4px 0 0 !important;
}

.footer-symbol .footer-item{
    width: 12rem;
    height: 14rem;
    background: #f5f5f5;
    border-radius: 15px;
    padding: 10px;
    margin: 5px;
}

.footer-symbol .footer-item img{
    width: 100%;
    height: auto;
}

.update-price-box{
  display: none !important;
}

@media (max-width: 360px) {
    .hide-des {
        display: block !important;
    }

    .hide-mob {
        display: none !important;
    }

    header,
    header .header-topو .header-top .header-top-right {
        height: auto;
    }

    .header-bottom-nav {
        position: absolute;
        top: -50px;
    }

    .header-top .header-top-right .logo {
        margin-bottom: 1rem;
    }

    .header__search {
        width: 100%;
    }

    .header-top-left {
        padding: 15px 0px;
    }

    div#search-results ul li {
        height: auto !important;
    }

    .page-breadcrumb nav {
        overflow-x: scroll;
        overflow-y: unset;
    }

    ol.breadcrumb {
        overflow-x: auto;
        overflow-y: unset;
        width: max-content;
    }

    .page-breadcrumb nav::-webkit-scrollbar {
        display: none;
    }

    .page-breadcrumb .breadcrumb li a {
        line-height: 3.5rem;
    }

    .page-breadcrumb .breadcrumb li {
        font-size: 1.3rem !important;
        line-height: 3.5rem;
    }

    .mainslider {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
        height: auto;
    }

    .mainslider .mainslider-box,
    .mainslider .mainslider-box .item,
    .mainslider .mainslider-box .item img {
        height: auto;
    }

    .mainslider-box {
        margin-bottom: 1.5rem !important;
    }

    .mainslider .slider-banner {
        height: auto;
    }

    .slider-banner .h-50 {
        height: auto !important;
    }

    .slider-banner .h-50.mb-5 {
        margin-bottom: 1.5rem !important;
    }

    .slider-banner img {
        width: 100%;
    }

    .section-title {
        height: auto;
        border-top-right-radius: 1.5rem;
        border-top-left-radius: 1.5rem;
        border-bottom-right-radius: 0rem;
        border: .1rem solid #e1e1e1;
        border-left: 0;
    }

    .section-title.p-5 {
        padding: 1.5rem !important;
    }

    .title-box,
    .desc-box,
    .btn-box {
        height: auto;
    }

    .desc-box {
        display: none !important;
    }

    .title-box .title {
        font-size: 1.6rem;
        margin: 0 !important;
    }

    .section-title.section-newproducts .all-btn {
        font-size: 11px;
    }

    .desc {
        font-size: 1.2rem;
        line-height: 2;
        font-weight: 100 !important;
    }

    .all-btn {
        width: 12rem;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }

    .article .section-content {
        height: auto;
        border-top-left-radius: 0;
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }

    .article .section-title {
        height: auto;
    }

    .item-slider button.owl-next {
        right: 94% !important;
    }

    .item-slider button.owl-prev {
        right: -1rem !important;
    }

    .features {
        height: auto;
    }

    .features .features-box {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .features.features-bg-white {
        height: auto;
        padding-top: 3rem;
    }

    .features .features-box .d-flex.flex-column {
        margin-bottom: 1rem;
    }

    .features .features-box img {
        height: 4rem;
    }

    .brand .item a img {
        height: auto;
        width: 100%;
    }

    .brand .item a {
        width: 70%;
    }

    .read-more-box .read-more .read-more-btn,
    .read-more-box .read-less .read-less-btn {
        font-size: 14px;
    }

    .footer-nav-top {
        width: 100%;
        height: auto;
        padding: 30px 0;
        border-bottom: 1px solid #49b3e2 !important;
    }

    footer .footer-menu-box .footer-nav ul li a {
        width: 10rem;
        height: 4rem;
        display: flex;
        font-size: 13px !important;
    }

    .logo-footer {
        width: 13rem;
        height: 6rem;
        margin-bottom: 10px !important;
    }

    .logo-footer img {
        width: 100%;
        height: auto;
    }

    .address__text {
        line-height: 30px;
        text-align: justify;
    }

    footer .footer-menu-box .footer-nav a img {
        width: 100%;
        height: auto;
    }

    footer .border-bottom-footer ul,
    footer .footer-menu-box .footer-nav ul {
        display: flex;
        flex-wrap: wrap;
    }

    footer .footer-info {
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }

    footer .border-bottom-footer {
        width: 100%;
        height: auto;
        padding: 15px 0;
    }

    footer .footer-info .footer-info-desc {
        padding: 1.5rem !important;
    }

    footer .footer-menu-box .footer-logo {
        bottom: -6rem;
        transform: scale(.9);
    }

    .footer-certificate li.item-best-sellers {
        width: 100%;
        height: 4rem;
        display: flex;
        justify-content: start;
        align-items: start;
    }

    .read-more-link,
    .show-less-link {
        right: 40%;
    }

    footer .footer-menu-box {
        height: auto;
        line-height: 2rem;
    }

    .footer-socials-item {
        margin-bottom: 3rem !important;
    }

    .footer-contactus-item {
        margin-top: 0 !important;
    }

    .footer-contactus-item ul li {
        width: 100% !important;
    }

    .border-dark {
        padding-top: 2rem;
    }

    .icon__address {
        margin-bottom: 3rem !important;
    }

    /* ------- Products (max-width: 575px) -------- */
    .product-list__item ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 50%;
    }

    .p-item {
        min-height: auto;
        max-height: inherit;
    }

    .product-item-img img {
        width: 80% !important;
    }

    .pagination-container {
        width: 100%;
    }

    /* ------- Product (max-width: 575px) -------- */
    .product-info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product-info .product-info-box .mid {
        height: 30rem;
    }

    .product-info .product-info-box .mid img {
        height: auto;
    }

    .product-info .product-info-box .product-info-slider {
        width: 100%;
        min-height: 42rem;
    }

    .product-info .product-info-box .product-info-content {
        width: 100%;
    }

    .product-info-title {
        height: 8rem;
    }

    .product-info-guaranty {
        margin-top: 3rem;
    }

    .product-info-rate {
        flex-direction: column;
    }

    .product-info .product-info-box .product-info-content {
        padding-right: 0 !important;
    }

    .order-pay-box {
        height: 0;
        margin: 0 !important;
        display: none !important;
    }

    .order-pay-box.hide-des {
        display: block !important;
        height: auto;
        margin-top: 1.5rem !important;
    }

    .product-info-brand {
        display: none !important;
    }

    .product-info-options ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product-info-options ul li {
        /*width: 33.33%;
        margin: 0;*/
    }

    .product-info-options ul li span {
        text-align: right;
    }

    .product-info-order {
        position: fixed;
        bottom: 0;
        right: 15px;
        border-radius: 0;
        margin: 0 !important;
        width: 100%;
        margin-right: -1.5rem !important;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        border-top: .1rem solid #eaeaea;
        z-index: 999999;
    }

    .order-pay-box .order-pay {
        height: 8rem;
        display: none !important;
    }

    .product-info-content .order-pay-box .order-pay {
        height: 8rem;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        background-color: #f5f5f5;
        border-radius: 1rem;
        border: 0.1rem solid #dee2e6;
    }

    .product-info-order .order-text {
        display: none;
    }

    .order-count {
        position: relative;
        top: .5rem;
        margin: 0 !important;

    }

    .order-count ul {
        display: inline;
        width: auto;
    }

    .order-count p {
        display: none;
    }

    .order-btn {
        margin-top: 0rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        flex-direction: column;
    }

    .product-info-order .order-btn a {
        width: 100% !important;
        z-index: 99;
    }

    .product-info-Spec {
        margin-top: 1.5rem !important;
    }

    .product-info-Spec ul.spec-list li span.spec-type {
        max-width: inherit;
    }

    .product-info-Spec .tab-content .small-check p img {
        height: auto !important;
        width: 100% !important;
    }

    .product-info-Spec .tab-content .small-check p img {
        margin: 0 !important;
    }

    .media .media__comment {
        flex-direction: column;
    }

    .media .media__comment .progress-all ul {
        width: 30rem;
    }

    .media .media__comment--opnion .media-comment-opnion {
        width: 21rem;
    }

    .media .media__comment--opnion .media__comment--like {
        top: 8rem;
    }

    /* ----- #Cart(max-width:480px) ----- */
    table.cart__table--style thead {
        display: none;
    }

    table.cart__table--style tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1rem;
        border: .1rem solid var(--blue-color);
        border-radius: .4rem;
    }

    table.cart__table--style tbody tr td,
    table.cart__table--style tbody tr td.table-del,
    table.cart__table--style tbody tr td.table-image,
    table.cart__table--style tbody tr td.table-spec {
        border: none;
        width: 100%;
        padding: 1rem 0;
        height: auto;
    }

    table.cart__table--style tbody tr td.table-image {
        padding: 0;
    }

    table.cart__table--style tbody tr td:last-child {
        border-left: none;
    }

    table.cart__table--style tbody tr td.table-image img {
        height: 8rem;
        width: auto;
    }

    .finalcart .finalcart__info .finalcart__info--form input.form-control {
        width: 25rem;
        margin-bottom: 1rem;
    }

    /* ----- #Compare(max-width:480px) ------ */
    .compare .compare__list {
        width: 95vw;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .compare .compare__list div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100vw;
        flex: 0 0 100vw;
    }

    .compare .compare__list ul {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100vw;
        flex: 0 0 100vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .compare .compare__list ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100vw;
        flex: 0 0 100vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .compare .compare__list--item .compare__list--item-value {
        display: block;
        text-align: center;
    }

    .compare .compare__list--image {
        border-bottom: none;
    }

    .compare .compare__list--image .compare__list--image--value {
        background-color: var(--white-color);
        border-bottom: 1px solid var(--green-color);
    }

    .compare .compare__list ul li.compare__list--item-title {
        display: none;
    }

    .compare .compare__list--item .compare__list--item-value:before {
        content: attr(data-title);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0px;
        margin-bottom: 15px;
        padding: 10px;
        width: 100%;
        background-color: rgba(0, 0, 0, .03);
        color: #2D2A2A;
        font-weight: 600;
        font-size: 14px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    div#ProductSelectModal .modal-dialog {
        max-width: 84%;
        margin: auto;
    }

    div#ProductSelectModal .modalproduct__search {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    div#ProductSelectModal .modalproduct__search input {
        margin-bottom: .5rem;
    }

    div#ProductSelectModal .modalproduct__search select {
        width: 15rem;
        border-right: .1rem solid #ced4da;
    }

    div#ProductSelectModal .modalproduct__search button {
        position: absolute;
        left: 1.5rem;
        top: 6rem;
        height: 4rem;
    }

    /* ----- #Send Message(max-width:480px) ----- */
    .send-message .send-message__note h5 {
        line-height: 2;
    }

    .send-message .send-message__note ul li {
        line-height: 2;
        margin-top: 10px;
    }

    .send-message .send-message__text .send-message__text--btn button,
    .send-message .send-message__text .send-message__text--btn a {
        margin-top: 1rem;
    }

    .send-message .send-message__image img {
        position: inherit;
        margin-top: 3rem;
        width: 100%;
    }

    .product__tabs .tab-content .small-check {
        padding: 1.5rem 0 !important;
    }

    .product__tabs .tab-content .small-check span,
    .product__tabs .tab-content .small-check p {
        font-size: 13px !important;
    }

    .product__tabs .tab-content .small-check img {
        width: 100% !important;
        height: auto !important;
    }

    .no-product img {
        width: 100% !important;
    }

    .blog-article {
        width: 100%;
    }

    .page-sortbar select {
        margin-bottom: 1rem;
    }

    /* ----------------- */
    /* ----- #Cart ----- */
    /* ----------------- */
    .cart-item {
        min-height: 45rem;
    }

    .cart .cart-item-box {
        flex-direction: column;
        align-items: center;
    }

    .cart .cart-item-box .cart-item-image {
        width: 50%;
    }

    .cart .cart-item-box .cart-item-image img {
        width: 100%;
    }

    .cart .cart-item-box .cart-item-content {
        width: 80%;
        text-align: center;
    }

    .cart .item-model,
    .cart .item-model span {
        font-size: 1rem !important;
    }

    .cart .item-warranty {
        font-size: 1.1rem !important;
        margin-bottom: 0 !important;
    }

    .cart .item-color {
        font-size: 1.1rem !important;
        margin-bottom: 0 !important;
    }

    .cart .color-box {
        width: 2rem;
        height: 2rem;
    }

    .cart .product-title {
        letter-spacing: 0rem;
        font-weight: lighter !important;
        font-size: 1.4rem !important;
        line-height: 2.5rem;
        margin-bottom: 0 !important;
    }

    .cart .item-price {
        width: 96% !important;
        padding-bottom: 1.5rem;
        position: absolute;
        bottom: 0;
        left: 2%;
        right: 2%;
    }

    .cart .real-price {
        margin-right: 0 !important;
    }

    .cart .real-price div {
        font-size: 1.6rem !important;
        line-height: 2rem;
    }

    .cart .remove-item {
        top: auto;
        bottom: 11rem;
        left: auto;
        right: 1.5rem;
        cursor: pointer;
    }

    /* ------- blogs (max-width: 575px) -------- */
    .article__box .article__box--content .article__box--desc p {
        font-size: 1.1rem;
    }

    .article__box-date {
        font-size: 1.2rem !important;
    }

    .blog-article {
        width: 100%;
        border-right: none !important;
    }

    .article__box {
        flex-direction: column;
    }

    .article__box .article__box--image {
        width: 100%;
    }

    .article__box .article__box--content {
        width: 100%;
    }

    .blog .blog-content img {
        width: 100% !important;
        height: auto !important;
    }

    .blog .blog-heading {
        flex-direction: column;
    }

    /* ----- #BLOG(max-width:480px) ----- */
    .blog-heading {
        padding: 0 !important;
    }

    .blog-heading .heading-Summary {
        padding: 1rem 0 !important;
    }

    .blog-heading .heading-Summary .summary-blog {
        justify-content: flex-start !important;
    }

    .blog-heading .summary-text {
        margin-top: .5rem !important;
        margin-bottom: 1.5rem !important;
        text-align: justify;
    }

    .blog-heading .heading-Summary {
        width: 100%;
        margin-right: 0rem !important;
    }

    .blog-view {
        justify-content: space-between;
        width: 100%;
    }

    .blog-score {
        margin-bottom: 2rem;
    }

    .blog-info {
        flex-direction: column;
        align-items: center !important;
    }

    .blog-title h1 {
        font-size: 1.5rem !important;
    }

    .widget-article {
        margin-bottom: 2rem;
    }

    .comments {
        overflow: hidden;
    }

    .no-comment-box {
        margin-bottom: 3rem;
    }

    .mainslider .owl-carousel .owl-nav button.owl-next,
    .mainslider .owl-carousel .owl-nav button.owl-prev {
        display: none;
    }

    .product-info-Spec .tab-content .small-check h2,
    .product-info-Spec .tab-content .small-check h3,
    .product-info-Spec .tab-content .small-check h4 {
        margin-bottom: 1.5rem;
        font-size: 1.4rem !important;
        color: #080c90 !important;
        line-height: 25px;
    }

    .blog-view li {
        margin-right: 0rem !important;
    }

    .blog .blog-content h2,
    .blog .blog-content h2 span,
    .blog .blog-content h3,
    .blog .blog-content h3 span {
        line-height: 25px;
    }

    .blog .blog-content ol li {
        font-size: 12px;
    }

    /* -------------------------------#small-check----------------------------- */
    .review-list .feature-list li {
        width: 100%;
    }

    .review-accordion .questions-section .card .card-header .card-link {
        font-size: 11px !important;
    }

    .review-accordion .questions-section .card .card-body {
        font-size: 10px !important;
    }

    /* ---------------------------#features-box(max-width: 575px)---------------- */
    .features-part {
        padding: 3rem 1rem;
    }

    .features-part .features-box .features-list {
        padding: 0 !important;
        justify-content: center;
    }

    .features-part .features-box .features-list .features-item {
        width: 50%;
        height: auto;
        margin-bottom: 1rem !important;
    }

    .features-part .features-box .features-list .features-item .content-box-icon span {
        height: 11rem;
    }

    .features-part .features-box .features-list .features-item .content-box {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .features-part .features-box .features-list .features-item .icon-box {
        height: 5.5rem;
    }

    .features-part .image-box {
        height: auto;
        margin-top: 30px;
    }

    .features-part .image-box img {
        height: auto;
    }

    .features-part .features-box .features-list .features-item .content-box .title {
        font-size: 13px !important;
    }

    .features-part .features-box .features-list .features-item .content-box .text-content {
        font-size: 10px !important;
        padding-right: 0 !important;
    }

    .features-part .features-box .features-list .features-item .content-box-icon {
        flex-direction: column;
    }

    .features-part .btn-more-box {
        justify-content: center !important;
    }

    .features-part .text {
        text-align: justify;
    }

    /* --------------------------#Categories Box-------------------- */
    .categories-box {
        padding: 0 !important;
    }

    .categories-box .categories-item {
        width: 100% !important;
    }

    .header-top .header-top-right .search {
        width: 100%;
    }

    .product-amazing-offers .productbox,
    .product-amazing-offers .empty-box {
        height: auto !important;
    }

    .article,
    .product-list-sliders {
        padding: 0 15px;
    }

    .articlebox .articlebox-image img {
        width: auto;
    }

    .articlebox-image {
        width: 100%;
        height: 100%;
    }

    .articlebox {
        padding: 0 10px !important;
        height: auto;
    }

    .brand {
        margin-top: 2rem !important;
    }

    .order-pay-box .order-pay .money-box .product-pay {
        font-size: 1.2rem !important;
    }

    /* ----------#ads(max-width: 575px)------- */
    .ads.ads-4 .ads-4-box {
        flex-wrap: wrap;
    }

    .ads.ads-4 .ads-4-box .item {
        width: calc(50% - .8rem);
    }

    .ads.ads-4 .ads-4-box .item:nth-child(3),
    .ads.ads-4 .ads-4-box .item:nth-child(4) {
        margin-top: 15px;
    }

    .ads.ads-2 .ads-2-box {
        flex-wrap: wrap;
    }

    .ads.ads-2 .ads-2-box .item {
        width: calc(100%);
    }

    .ads.ads-2 .ads-2-box .item:nth-child(2) {
        margin-top: 30px;
    }


    .money-box .product-real {
        font-size: 13px !important;
    }

    .product-info-options {
        position: absolute;
        top: -21px;
        right: 10px;
        border: none !important;
    }

    .video-originality {
        right: -11px;
    }

    #lightgallery a {
        margin-left: 1rem;
    }

    #lightgallery span {
        margin-left: 1rem;
    }

    .blog .blog-title.sticky-top {
        top: 4rem;
        height: auto;
    }

    .section-content {
        height: auto;
        border-top-left-radius: 0;
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }

    /* ------------------------------------------------*/
    /* -----------------#mega menu---------------------*/
    /* ------------------------------------------------*/
    .maga-menu__nav {
        width: 100%;
        height: auto !important;
        background-color: #fff;
        position: fixed;
        top: 0;
        right: 0;
        display: none;
        flex-direction: column !important;
    }

    .maga-menu__nav.active {
        display: flex;
    }

    .mobile__nav--bar.close i:before {
        content: "\e905";
    }

    .mobile__nav--bar {
        position: absolute;
        top: -45px;
    }

    header .header-bottom {
        height: 0rem;
    }

    .mobile__nav--bar i {
        font-size: 30px;
    }

    .mobile__nav--bar.close i {
        position: fixed;
        top: 55px;
        left: 25px;
        color: red !important;
        display: flex;
        font-size: 25px;
    }

    .navigation nav ul.nod-1 {
        display: flex;
        flex-direction: column !important;
        width: 100%;
        flex-direction: column !important;
        height: 100vh !important;
        padding: 60px 15px;
        overflow-y: auto;
    }

    .navigation nav ul>li {
        box-shadow: rgb(33 35 38 / 10%) -1px 7px 10px -10px;
    }

    .navigation nav ul>li ul.nod-2 li {
        box-shadow: none !important;
    }

    .navigation nav ul.nod-1 li.active ul.nod-2 li.active ul.nod-3 {
        background-color: #f5f5f5 !important;
        border: none !important;
        display: flex !important;
        padding-right: 20px;
        margin-bottom: 12px;
        transform: translateY(-12px);
    }

    .navigation nav ul li>ul li ul li a::after {
        padding-right: 6px;
    }

    .navigation nav ul.nod-1 li.active ul.nod-2 {
        display: flex !important;
        background-color: #f5f5f5 !important;
        border: none !important;
        margin-bottom: 30px;
    }

    .navigation nav ul li {
        padding: 0;
    }

    .navigation nav ul.nod-1 li.active ul.nod-2 li.active ul.nod-3 li.active ul.nod-4 {
        display: flex !important;
    }

    .navigation nav ul.nod-1 img {
        width: auto;
        height: 6rem;
        margin-bottom: 10px;
    }

    .navigation nav ul.nod-1 ul.nod-2 {
        display: flex !important;
        position: inherit;
        background-color: #fbfbfb;
        width: 100%;
        flex-direction: column !important;
        height: auto !important;
        padding: 10px;
    }

    .navigation nav ul li>ul li ul.nod-3 {
        display: none !important;
        position: inherit;
        background-color: #fff;
        width: 100%;
        flex-direction: column !important;
        flex-wrap: inherit;
        height: auto !important;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

    .navigation nav ul li>ul li ul.nod-3 ul.nod-4 {
        display: none !important;
        height: auto !important;
    }

    .navigation nav ul li>ul li ul.nod-3 ul.nod-4 li::before {
        content: ' ' !important;
    }

    .navigation nav ul li>ul li ul.nod-3 ul.nod-4 li {
        height: 3rem;
        line-height: 1rem;
    }

    .navigation nav ul>li:hover {
        background-color: inherit !important;
        color: #fff !important;
    }

    .navigation nav ul>li:hover {
        background-color: inherit !important;
        color: #000 !important;
    }

    .navigation nav ul li>ul li ul li ul li:hover a,
    .navigation nav ul li>ul li ul li:hover {
        color: #000 !important;
        background-color: transparent !important;
    }

    .list-all {
        display: block;
    }

    .navigation nav ul li>ul li ul li.list-all a::after {
        content: '';
    }

    .navigation nav ul>li ul.nod-2 li span {
        display: flex !important;
        align-items: center;
    }

    /* -----------------#Support numbers in header ------------ */

    .support-numbers {
        width: 100%;
        padding: 5px;
        background-color: #fcf4ad;
        box-shadow: rgb(0 0 0 / 35%) 0px -20px 20px -28px inset;
        position: fixed;
        top: 0;
        z-index: 1080;
    }

    header {
        margin-top: 4rem;
    }

    .category-text-content h1,
    .category-text-content h1 strong {
        font-size: 1.8rem;
        line-height: 30px;
    }

    .category-text-content h2,
    .category-text-content h2 strong {
        font-size: 1.5rem;
        line-height: 30px;
    }

    .category-text-content h3,
    .category-text-content h3 strong {
        font-size: 1.3rem;
        line-height: 30px;
    }

    .category-text-content h4,
    .category-text-content h4 strong {
        font-size: 1.2rem;
        line-height: 30px;
    }

    /* ----------------------#alert section top------------------- */
    .alert-section-top {
        width: 26rem;
        height: 200px !important;
        top: 30% !important;
        transform: translateX(260px);
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        -ms-transform: translateX(260px);
        -o-transform: translateX(260px);
    }

    .alert-section-top .support-numbers {
        background-color: transparent;
        box-shadow: none;
        position: fixed;
        top: 13rem;
        flex-direction: column;
        justify-content: end;
        align-items: end;
        left: 0;
    }

    .alert-section-top .btn-close-open {
        right: 26rem;
    }

    .item-slider .item {
        height: 32rem;
        width: 23rem;
        background-color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

    .productbox .productbox-title h3 {
        width: 100%;
        height: 5rem;
        font-size: 1.1rem !important;
    }

    .section-content {
        background-color: transparent !important;
        border: none !important;
        padding: 10px 0 !important;
    }

    /* -------------------------------#small-check----------------------------- */
    .review-list .feature-list li {
        width: 100%;
    }

    /* -----------------#modal pop up afterland--------------- */
    .pop-up-afterland .modal-content,
    .pop-up-afterland .modal-dialog {
        height: auto;
        width: 95%;
    }

    .pop-up-afterland .modal-content .modal-body .btn-pop-up {
        font-size: 12px !important;
        padding: 5px 15px !important;
    }

    .modal-content {
        position: absolute;
    }

    .Internet-payment-box {
        flex-direction: column;
    }

    .card-number {
        flex-direction: column;
    }

    .list-size ul {
        flex-wrap: wrap;
    }

    .list-size ul .item {
        margin-top: 5px;
    }

    .blog {
        padding-top: 0 !important;
    }

    .progress-all ul li span.progress-title {
        width: 50% !important;
    }

    .progress-all ul li {
        height: 5rem;
    }

    .send-message__rate .progress-all ul li {
        width: 100%;
    }

    .send-message__rate .progress {
        width: 100% !important;
        margin-top: 10px;
    }

    .send-message__rate .progress-all ul li span.progress-title {
        width: 100% !important;
    }

    .send-message__rate .progress-all ul li {
        height: 6rem;
    }

    /* ----------------------#page sortbar ---------------- */
    .page-sortbar {
        height: auto;
        flex-direction: column;
    }

    .sortbar label {
        font-size: 1.5rem !important;
    }

    .page-sortbar .sortbar {
        width: 100%;
        margin-bottom: 1rem;
        margin-top: 1rem;
        justify-content: flex-start !important;
    }

    .page-sortbar-items {
        width: 100%;
        flex-wrap: wrap;
    }

    .page-sortbar span.product-count {
        padding-right: 1rem;
        justify-content: flex-end;
    }

    .page-sortbar-items li {
        margin-left: 1rem;
        font-size: 1.2rem;
        border-bottom: 1px solid rgb(211, 211, 211);
        width: 100%;
        height: 5rem;
        line-height: 5rem;
        color: #111;
    }

    .ordering {
        width: 100%;
        height: 41rem;
        position: fixed;
        box-shadow: rgb(50 50 93 / 25%) 0px -6px 27px -5px, rgb(0 0 0 / 30%) 16px 0px 0px 0px;
        bottom: 4rem;
        right: 0;
        display: none;
        z-index: 9999;
        border-radius: 0 !important;
    }

    .ordering::after {
        content: '';
        width: 100%;
        height: calc(100% - 41rem);
        background-color: #00000040;
        z-index: -1;
        position: fixed;
        top: -40px;
        right: 0;
    }

    .Filters {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #ececec;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        overflow-y: scroll;
        overflow-x: clip;
        z-index: 1099999;
        border-radius: 0;
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-left: 0;
    }

    .listFilterClose-sort {
        position: absolute !important;
        top: 15px !important;
    }

    .listFilterClose-sort,
    .listFilterClose {
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 2rem;
        border-radius: 50%;
        left: 1.5rem;
        top: 1.5rem;
        background-color: crimson;
        color: #fff;
        border: none;
        box-shadow: none;
        position: fixed;
        z-index: 9999999;
    }

    .listFilterRemove {
        display: inline-block;
        width: auto;
        height: 2.5rem;
        line-height: 2rem;
        font-size: 1.2rem;
        border-radius: 1rem;
        padding: 0 1rem;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        background-color: #f5f5f5;
        color: crimson;
        border: none;
        box-shadow: none;
    }

    .category-text-content {
        padding: 0;
    }

    .productbox-image {
        width: auto;
        height: 15rem;
        padding: 10px;
    }

    .product-info .sticky-top.product-info-buy {
        margin-bottom: 0 !important;
    }

    .product-info-Spec .tab-content .small-check table {
        width: 100% !important;
    }

    .product-info-Spec .tab-content .small-check tr td p {
        font-size: 1.2rem !important;
    }

    .product-info-Spec .tab-content .small-check p,
    .product-info-Spec .tab-content .small-check p span {
        font-size: 1.3rem !important;
    }

    .mobile__nav .mobile__nav--bar.close {
        right: 22rem;
    }

    .mobile__nav nav.mobile__navigation ul {
        width: 26rem;
    }

    .money-box .price-real {
        font-size: 1.4rem !important;
    }

    .page-404 .page-404__content img {
        width: 100%;
    }
	
   .page-404 .page-404__content h3 {
       font-size: 1.6rem;
    }
	
    .customers-videos-section .tltle {
        font-size: 18px !important;
    }

    .customers-videos .card-header .card-link span {
        font-size: 12px !important;
    }

    .customers-videos .customers-video-item {
        width: 100%;
        height: auto;
        margin-left: 0 !important;
    }

    .customers-videos .customers-video-item .video-item {
        height: auto;
    }

    .customers-videos .customers-video-item .video-item video {
        height: auto;
    }

    .customers-videos .customers-video-item .description-box {
        font-size: 10px;
        line-height: 15px;
    }
	
	.video-originality-modal .modal-content {
    max-width: 100%;
}

}

@media (min-width: 361px) and (max-width:575px) {
    .hide-des {
        display: block !important;
    }

    .hide-mob {
        display: none !important;
    }

    header,
    .header-top .header-top-right,
    header .header-top {
        height: auto;
    }

    .header-bottom-nav {
        position: absolute;
        top: -50px;
    }

    .header-top .header-top-right .logo {
        margin-bottom: 1rem;
    }

    .header__search {
        width: 100%;
    }

    .header-top-left {
        padding: 15px 0px;
    }

    div#search-results ul li {
        height: auto !important;
    }

    .page-breadcrumb nav {
        overflow-x: scroll;
        overflow-y: unset;
    }

    ol.breadcrumb {
        overflow-x: auto;
        overflow-y: unset;
        width: max-content;
    }

    .page-breadcrumb nav::-webkit-scrollbar {
        display: none;
    }

    .page-breadcrumb .breadcrumb li a {
        line-height: 3.5rem;
    }

    .page-breadcrumb .breadcrumb li {
        font-size: 1.3rem !important;
        line-height: 3.5rem;
    }

    .mainslider {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
        height: auto;
    }

    .mainslider .mainslider-box,
    .mainslider .mainslider-box .item,
    .mainslider .mainslider-box .item img {
        height: auto;
    }

    .mainslider-box {
        margin-bottom: 1.5rem !important;
    }

    .mainslider .slider-banner {
        height: auto;
    }

    .slider-banner .h-50 {
        height: auto !important;
    }

    .slider-banner .h-50.mb-5 {
        margin-bottom: 1.5rem !important;
    }

    .slider-banner img {
        width: 100%;
    }

    .section-title {
        height: auto;
        border-top-right-radius: 1.5rem;
        border-top-left-radius: 1.5rem;
        border-bottom-right-radius: 0rem;
        border: .1rem solid #e1e1e1;
        border-left: 0;
    }

    .section-title.p-5 {
        padding: 1.5rem !important;
    }

    .title-box,
    .desc-box,
    .btn-box {
        height: auto;
    }

    .desc-box {
        display: none !important;
    }

    .title {
        font-size: 1.8rem;
        margin: 0 !important;
    }

    .desc {
        font-size: 1.2rem;
        line-height: 2;
        font-weight: 100 !important;
    }

    .all-btn {
        width: 12rem;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }

    .article .section-content {
        height: auto;
        border-top-left-radius: 0;
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }

    .article .section-title {
        height: auto;
    }

    .item-slider button.owl-next {
        right: 94% !important;
    }

    .item-slider button.owl-prev {
        right: -1rem !important;
    }

    .features {
        height: auto;
    }

    .features .features-box {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .features.features-bg-white {
        height: auto;
        padding-top: 3rem;
    }

    .features .features-box .d-flex.flex-column {
        margin-bottom: 1rem;
    }

    .features .features-box img {
        height: 4rem;
    }

    .brand .item a img {
        height: auto;
        width: 100%;
    }

    .brand .item a {
        width: 70%;
    }

    .read-more-box .read-more .read-more-btn,
    .read-more-box .read-less .read-less-btn {
        font-size: 14px;
    }

    .footer-nav-top {
        width: 100%;
        height: auto;
        padding: 30px 0;
        border-bottom: 1px solid #49b3e2 !important;
    }

    footer .footer-menu-box .footer-nav ul li a {
        width: 10rem;
        height: 4rem;
        display: flex;
        font-size: 13px !important;
    }

    .logo-footer {
        width: 13rem;
        height: 6rem;
        margin-bottom: 10px !important;
    }

    .logo-footer img {
        width: 100%;
        height: auto;
    }

    .address__text {
        line-height: 30px;
        text-align: justify;
    }

    footer .footer-menu-box .footer-nav a img {
        width: 100%;
        height: auto;
    }

    footer .border-bottom-footer ul,
    footer .footer-menu-box .footer-nav ul {
        display: flex;
        flex-wrap: wrap;
    }

    footer .footer-info {
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }

    footer .border-bottom-footer {
        width: 100%;
        height: auto;
        padding: 15px 0;
    }

    footer .footer-info .footer-info-desc {
        padding: 1.5rem !important;
    }

    footer .footer-menu-box .footer-logo {
        bottom: -6rem;
        transform: scale(.9);
    }

    .footer-certificate li.item-best-sellers {
        width: 100%;
        height: 4rem;
        display: flex;
        justify-content: start;
        align-items: start;
    }

    .read-more-link,
    .show-less-link {
        right: 40%;
    }

    footer .footer-menu-box {
        height: auto;
        line-height: 2rem;
    }

    .footer-socials-item {
        margin-bottom: 3rem !important;
    }

    .footer-contactus-item {
        margin-top: 0 !important;
    }

    .footer-contactus-item ul li {
        width: 100% !important;
    }

    .border-dark {
        padding-top: 2rem;
    }

    .icon__address {
        margin-bottom: 3rem !important;
    }

    /* ------- Products (max-width: 575px) -------- */
    .product-list__item ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 50%;
    }

    .p-item {
        min-height: auto;
        max-height: inherit;
    }

    .product-item-img img {
        width: 80% !important;
    }

    .pagination-container {
        width: 100%;
    }

    /* ------- Product (max-width: 575px) -------- */
    .product-info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product-info .product-info-box .mid {
        height: 30rem;
    }

    .product-info .product-info-box .mid img {
        height: auto;
    }

    .product-info .product-info-box .product-info-slider {
        width: 100%;
        min-height: 42rem;
    }

    .product-info .product-info-box .product-info-content {
        width: 100%;
    }

    .product-info-title {
        height: 8rem;
    }

    .product-info-guaranty {
        margin-top: 3rem;
    }

    .product-info-rate {
        flex-direction: column;
    }

    .product-info .product-info-box .product-info-content {
        padding-right: 0 !important;
    }

    .order-pay-box {
        height: 0;
        margin: 0 !important;
        display: none !important;
    }

    .order-pay-box.hide-des {
        display: block !important;
        height: auto;
        margin-top: 1.5rem !important;
    }

    .product-info-brand {
        display: none !important;
    }

    .product-info-options ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product-info-options ul li {
        /*width: 33.33%;
        margin: 0;*/
    }

    .product-info-options ul li span {
        text-align: right;
    }

    .product-info-order {
        position: fixed;
        bottom: 0;
        right: 15px;
        border-radius: 0;
        margin: 0 !important;
        width: 100%;
        margin-right: -1.5rem !important;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        border-top: .1rem solid #eaeaea;
        z-index: 999999;
    }

    .order-pay-box .order-pay {
        height: 8rem;
        display: none !important;
    }

    .product-info-content .order-pay-box .order-pay {
        height: 8rem;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        background-color: #f5f5f5;
        border-radius: 1rem;
        border: 0.1rem solid #dee2e6;
    }

    .product-info-order .order-text {
        display: none;
    }

    .order-count {
        position: relative;
        top: .5rem;
        margin: 0 !important;

    }

    .order-count ul {
        display: inline;
        width: auto;
    }

    .order-count p {
        display: none;
    }

    .order-btn {
        margin-top: 0rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        flex-direction: column;
    }

    .product-info-order .order-btn a {
        width: 100% !important;
        z-index: 99;
    }

    .product-info-Spec {
        margin-top: 1.5rem !important;
    }

    .product-info-Spec ul.spec-list li span.spec-type {
        max-width: inherit;
    }

    .product-info-Spec .tab-content .small-check p img {
        height: auto !important;
        width: 100% !important;
    }

    .product-info-Spec .tab-content .small-check p img {
        margin: 0 !important;
    }

    .media .media__comment {
        flex-direction: column;
    }

    .media .media__comment .progress-all ul {
        width: 30rem;
    }

    .media .media__comment--opnion .media-comment-opnion {
        width: 21rem;
    }

    .media .media__comment--opnion .media__comment--like {
        top: 8rem;
    }

    /* ----- #Cart(max-width:480px) ----- */
    table.cart__table--style thead {
        display: none;
    }

    table.cart__table--style tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1rem;
        border: .1rem solid var(--blue-color);
        border-radius: .4rem;
    }

    table.cart__table--style tbody tr td,
    table.cart__table--style tbody tr td.table-del,
    table.cart__table--style tbody tr td.table-image,
    table.cart__table--style tbody tr td.table-spec {
        border: none;
        width: 100%;
        padding: 1rem 0;
        height: auto;
    }

    table.cart__table--style tbody tr td.table-image {
        padding: 0;
    }

    table.cart__table--style tbody tr td:last-child {
        border-left: none;
    }

    table.cart__table--style tbody tr td.table-image img {
        height: 8rem;
        width: auto;
    }

    .finalcart .finalcart__info .finalcart__info--form input.form-control {
        width: 25rem;
        margin-bottom: 1rem;
    }

    /* ----- #Compare(max-width:480px) ------ */
    .compare .compare__list {
        width: 95vw;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .compare .compare__list div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100vw;
        flex: 0 0 100vw;
    }

    .compare .compare__list ul {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100vw;
        flex: 0 0 100vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .compare .compare__list ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100vw;
        flex: 0 0 100vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .compare .compare__list--item .compare__list--item-value {
        display: block;
        text-align: center;
    }

    .compare .compare__list--image {
        border-bottom: none;
    }

    .compare .compare__list--image .compare__list--image--value {
        background-color: var(--white-color);
        border-bottom: 1px solid var(--green-color);
    }

    .compare .compare__list ul li.compare__list--item-title {
        display: none;
    }

    .compare .compare__list--item .compare__list--item-value:before {
        content: attr(data-title);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0px;
        margin-bottom: 15px;
        padding: 10px;
        width: 100%;
        background-color: rgba(0, 0, 0, .03);
        color: #2D2A2A;
        font-weight: 600;
        font-size: 14px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    div#ProductSelectModal .modal-dialog {
        max-width: 84%;
        margin: auto;
    }

    div#ProductSelectModal .modalproduct__search {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    div#ProductSelectModal .modalproduct__search input {
        margin-bottom: .5rem;
    }

    div#ProductSelectModal .modalproduct__search select {
        width: 15rem;
        border-right: .1rem solid #ced4da;
    }

    div#ProductSelectModal .modalproduct__search button {
        position: absolute;
        left: 1.5rem;
        top: 6rem;
        height: 4rem;
    }

    /* ----- #Send Message(max-width:480px) ----- */
    .send-message .send-message__note h5 {
        line-height: 2;
    }

    .send-message .send-message__note ul li {
        line-height: 2;
        margin-top: 10px;
    }

    .send-message .send-message__text .send-message__text--btn button,
    .send-message .send-message__text .send-message__text--btn a {
        margin-top: 1rem;
    }

    .send-message .send-message__image img {
        position: inherit;
        margin-top: 3rem;
        width: 100%;
    }

    .product__tabs .tab-content .small-check {
        padding: 1.5rem 0 !important;
    }

    .product__tabs .tab-content .small-check span,
    .product__tabs .tab-content .small-check p {
        font-size: 13px !important;
    }

    .product__tabs .tab-content .small-check img {
        width: 100% !important;
        height: auto !important;
    }

    .no-product img {
        width: 100% !important;
    }

    .blog-article {
        width: 100%;
    }

    .page-sortbar select {
        margin-bottom: 1rem;
    }

    /* ----------------- */
    /* ----- #Cart ----- */
    /* ----------------- */
    .cart-item {
        min-height: 45rem;
    }

    .cart .cart-item-box {
        flex-direction: column;
        align-items: center;
    }

    .cart .cart-item-box .cart-item-image {
        width: 50%;
    }

    .cart .cart-item-box .cart-item-image img {
        width: 100%;
    }

    .cart .cart-item-box .cart-item-content {
        width: 80%;
        text-align: center;
    }

    .cart .item-model,
    .cart .item-model span {
        font-size: 1rem !important;
    }

    .cart .item-warranty {
        font-size: 1.1rem !important;
        margin-bottom: 0 !important;
    }

    .cart .item-color {
        font-size: 1.1rem !important;
        margin-bottom: 0 !important;
    }

    .cart .color-box {
        width: 2rem;
        height: 2rem;
    }

    .cart .product-title {
        letter-spacing: 0rem;
        font-weight: lighter !important;
        font-size: 1.4rem !important;
        line-height: 2.5rem;
        margin-bottom: 0 !important;
    }

    .cart .item-price {
        width: 96% !important;
        padding-bottom: 1.5rem;
        position: absolute;
        bottom: 0;
        left: 2%;
        right: 2%;
    }

    .cart .real-price {
        margin-right: 0 !important;
    }

    .cart .real-price div {
        font-size: 1.6rem !important;
        line-height: 2rem;
    }

    .cart .remove-item {
        top: auto;
        bottom: 11rem;
        left: auto;
        right: 1.5rem;
        cursor: pointer;
    }

    /* ------- blogs (max-width: 575px) -------- */
    .article__box .article__box--content .article__box--desc p {
        font-size: 1.1rem;
    }

    .article__box-date {
        font-size: 1.2rem !important;
    }

    .blog-article {
        width: 100%;
        border-right: none !important;
    }

    .article__box {
        flex-direction: column;
    }

    .article__box .article__box--image {
        width: 100%;
    }

    .article__box .article__box--content {
        width: 100%;
    }

    .blog .blog-content img {
        width: 100% !important;
        height: auto !important;
    }

    .blog .blog-heading {
        flex-direction: column;
    }

    /* ----- #BLOG(max-width:480px) ----- */
    .blog-heading {
        padding: 0 !important;
    }

    .blog-heading .heading-Summary {
        padding: 1rem 0 !important;
    }

    .blog-heading .heading-Summary .summary-blog {
        justify-content: flex-start !important;
    }

    .blog-heading .summary-text {
        margin-top: .5rem !important;
        margin-bottom: 1.5rem !important;
        text-align: justify;
    }

    .blog-heading .heading-Summary {
        width: 100%;
        margin-right: 0rem !important;
    }

    .blog-view {
        justify-content: space-between;
        width: 100%;
    }

    .blog-score {
        margin-bottom: 2rem;
    }

    .blog-info {
        flex-direction: column;
        align-items: center !important;
    }

    .blog-title h1 {
        font-size: 1.5rem !important;
    }

    .widget-article {
        margin-bottom: 2rem;
    }

    .comments {
        overflow: hidden;
    }

    .no-comment-box {
        margin-bottom: 3rem;
    }

    .mainslider .owl-carousel .owl-nav button.owl-next,
    .mainslider .owl-carousel .owl-nav button.owl-prev {
        display: none;
    }

    .product-info-Spec .tab-content .small-check h2,
    .product-info-Spec .tab-content .small-check h3,
    .product-info-Spec .tab-content .small-check h4 {
        margin-bottom: 1.5rem;
        font-size: 1.4rem !important;
        color: #080c90 !important;
        line-height: 25px;
    }

    .blog-view li {
        margin-right: 0rem !important;
    }

    .blog .blog-content h2,
    .blog .blog-content h2 span,
    .blog .blog-content h3,
    .blog .blog-content h3 span {
        line-height: 25px;
    }

    .blog .blog-content ol li {
        font-size: 12px;
    }

    /* -------------------------------#small-check----------------------------- */
    .review-list .feature-list li {
        width: 100%;
    }

    .review-accordion .questions-section .card .card-header .card-link {
        font-size: 11px !important;
    }

    .review-accordion .questions-section .card .card-body {
        font-size: 10px !important;
    }

    /* ---------------------------#features-box(max-width: 575px)---------------- */
    .features-part {
        padding: 3rem 1rem;
    }

    .features-part .features-box .features-list {
        padding: 0 !important;
        justify-content: center;
    }

    .features-part .features-box .features-list .features-item {
        width: 50%;
        height: auto;
        margin-bottom: 1rem !important;
    }

    .features-part .features-box .features-list .features-item .content-box-icon span {
        height: 11rem;
    }

    .features-part .features-box .features-list .features-item .content-box {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .features-part .features-box .features-list .features-item .icon-box {
        height: 5.5rem;
    }

    .features-part .image-box {
        height: auto;
        margin-top: 30px;
    }

    .features-part .image-box img {
        height: auto;
    }

    .features-part .features-box .features-list .features-item .content-box .title {
        font-size: 13px !important;
    }

    .features-part .features-box .features-list .features-item .content-box .text-content {
        font-size: 10px !important;
        padding-right: 0 !important;
    }

    .features-part .features-box .features-list .features-item .content-box-icon {
        flex-direction: column;
    }

    .features-part .btn-more-box {
        justify-content: center !important;
    }

    .features-part .text {
        text-align: justify;
    }

    /* --------------------------#Categories Box-------------------- */
    .categories-box {
        padding: 0 !important;
    }

    .categories-box .categories-item {
        width: 100% !important;
    }

    .header-top .header-top-right .search {
        width: 100%;
    }

    .product-amazing-offers .productbox,
    .product-amazing-offers .empty-box {
        height: auto !important;
    }

    .article,
    .product-list-sliders {
        padding: 0 15px;
    }

    .articlebox .articlebox-image img {
        width: auto;
    }

    .articlebox-image {
        width: 100%;
        height: 100%;
    }

    .articlebox {
        padding: 0 10px !important;
        height: auto;
    }

    .brand {
        margin-top: 2rem !important;
    }

    .order-pay-box .order-pay .money-box .product-pay {
        font-size: 1.2rem !important;
    }

    /* ----------#ads(max-width: 575px)------- */
    .ads.ads-4 .ads-4-box {
        flex-wrap: wrap;
    }

    .ads.ads-4 .ads-4-box .item {
        width: calc(50% - .8rem);
    }

    .ads.ads-4 .ads-4-box .item:nth-child(3),
    .ads.ads-4 .ads-4-box .item:nth-child(4) {
        margin-top: 15px;
    }

    .ads.ads-2 .ads-2-box {
        flex-wrap: wrap;
    }

    .ads.ads-2 .ads-2-box .item {
        width: calc(100%);
    }

    .ads.ads-2 .ads-2-box .item:nth-child(2) {
        margin-top: 30px;
    }


    .money-box .product-real {
        font-size: 13px !important;
    }

    .product-info-options {
        position: absolute;
        top: -21px;
        right: 10px;
        border: none !important;
    }

    .video-originality {
        right: -11px;
    }

    #lightgallery a {
        margin-left: 1rem;
    }

    #lightgallery span {
        margin-left: 1rem;
    }

    .blog .blog-title.sticky-top {
        top: 4rem;
        height: auto;
    }

    .section-content {
        height: auto;
        border-top-left-radius: 0;
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }

    /* ------------------------------------------------*/
    /* -----------------#mega menu---------------------*/
    /* ------------------------------------------------*/
    .maga-menu__nav {
        width: 100%;
        height: auto !important;
        background-color: #fff;
        position: fixed;
        top: 0;
        right: 0;
        display: none;
        flex-direction: column !important;
    }

    .maga-menu__nav.active {
        display: flex;
    }

    .mobile__nav--bar.close i:before {
        content: "\e905";
    }

    .mobile__nav--bar {
        position: absolute;
        top: -45px;
    }

    header .header-bottom {
        height: 0rem;
    }

    .mobile__nav--bar i {
        font-size: 30px;
    }

    .mobile__nav--bar.close i {
        position: fixed;
        top: 55px;
        left: 25px;
        color: red !important;
        display: flex;
        font-size: 25px;
    }

    .navigation nav ul.nod-1 {
        display: flex;
        flex-direction: column !important;
        width: 100%;
        flex-direction: column !important;
        height: 100vh !important;
        padding: 60px 15px;
        overflow-y: auto;
    }

    .navigation nav ul>li {
        box-shadow: rgb(33 35 38 / 10%) -1px 7px 10px -10px;
    }

    .navigation nav ul>li ul.nod-2 li {
        box-shadow: none !important;
    }

    .navigation nav ul.nod-1 li.active ul.nod-2 li.active ul.nod-3 {
        background-color: #f5f5f5 !important;
        border: none !important;
        display: flex !important;
        padding-right: 20px;
        margin-bottom: 12px;
        transform: translateY(-12px);
    }

    .navigation nav ul li>ul li ul li a::after {
        padding-right: 6px;
    }

    .navigation nav ul.nod-1 li.active ul.nod-2 {
        display: flex !important;
        background-color: #f5f5f5 !important;
        border: none !important;
        margin-bottom: 30px;
    }

    .navigation nav ul li {
        padding: 0;
    }

    .navigation nav ul.nod-1 li.active ul.nod-2 li.active ul.nod-3 li.active ul.nod-4 {
        display: flex !important;
    }

    .navigation nav ul.nod-1 img {
        width: auto;
        height: 6rem;
        margin-bottom: 10px;
    }

    .navigation nav ul.nod-1 ul.nod-2 {
        display: flex !important;
        position: inherit;
        background-color: #fbfbfb;
        width: 100%;
        flex-direction: column !important;
        height: auto !important;
        padding: 10px;
    }

    .navigation nav ul li>ul li ul.nod-3 {
        display: none !important;
        position: inherit;
        background-color: #fff;
        width: 100%;
        flex-direction: column !important;
        flex-wrap: inherit;
        height: auto !important;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

    .navigation nav ul li>ul li ul.nod-3 ul.nod-4 {
        display: none !important;
        height: auto !important;
    }

    .navigation nav ul li>ul li ul.nod-3 ul.nod-4 li::before {
        content: ' ' !important;
    }

    .navigation nav ul li>ul li ul.nod-3 ul.nod-4 li {
        height: 3rem;
        line-height: 1rem;
    }

    .navigation nav ul>li:hover {
        background-color: inherit !important;
        color: #fff !important;
    }

    .navigation nav ul>li:hover {
        background-color: inherit !important;
        color: #000 !important;
    }

    .navigation nav ul li>ul li ul li ul li:hover a,
    .navigation nav ul li>ul li ul li:hover {
        color: #000 !important;
        background-color: transparent !important;
    }

    .list-all {
        display: block;
    }

    .navigation nav ul li>ul li ul li.list-all a::after {
        content: '';
    }

    .navigation nav ul>li ul.nod-2 li span {
        display: flex !important;
        align-items: center;
    }

    /* -----------------#Support numbers in header ------------ */

    .support-numbers {
        width: 100%;
        padding: 5px;
        background-color: #fcf4ad;
        box-shadow: rgb(0 0 0 / 35%) 0px -20px 20px -28px inset;
        position: fixed;
        top: 0;
        z-index: 1080;
    }

    header {
        margin-top: 4rem;
    }

    .category-text-content h1,
    .category-text-content h1 strong {
        font-size: 1.8rem;
        line-height: 30px;
    }

    .category-text-content h2,
    .category-text-content h2 strong {
        font-size: 1.5rem;
        line-height: 30px;
    }

    .category-text-content h3,
    .category-text-content h3 strong {
        font-size: 1.3rem;
        line-height: 30px;
    }

    .category-text-content h4,
    .category-text-content h4 strong {
        font-size: 1.2rem;
        line-height: 30px;
    }

    /* ----------------------#alert section top------------------- */
    .alert-section-top {
        width: 30rem;
        height: 200px !important;
        top: 30% !important;
        transform: translateX(300px);
        -webkit-transform: translateX(300px);
        -moz-transform: translateX(300px);
        -ms-transform: translateX(300px);
        -o-transform: translateX(300px);
    }

    .alert-section-top .support-numbers {
        background-color: transparent;
        box-shadow: none;
        position: fixed;
        top: 13rem;
        flex-direction: column;
        justify-content: end;
        align-items: end;
        left: 0;
    }

    .alert-section-top .btn-close-open {
        right: 30rem;
    }

    .item-slider .item {
        height: 32rem;
        width: 23rem;
        background-color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

    .productbox .productbox-title h3 {
        width: 100%;
        height: 5rem;
        font-size: 1.1rem !important;
    }

    .section-content {
        background-color: transparent !important;
        border: none !important;
        padding: 10px 0 !important;
    }

    /* -------------------------------#small-check----------------------------- */
    .review-list .feature-list li {
        width: 100%;
    }

    /* -----------------#modal pop up afterland--------------- */
    .pop-up-afterland .modal-content,
    .pop-up-afterland .modal-dialog {
        height: auto;
        width: 95%;
    }

    .pop-up-afterland .modal-content .modal-body .btn-pop-up {
        font-size: 12px !important;
        padding: 5px 15px !important;
    }

    .modal-content {
        position: absolute;
    }

    .Internet-payment-box {
        flex-direction: column;
    }

    .card-number {
        flex-direction: column;
    }

    .list-size ul {
        flex-wrap: wrap;
    }

    .list-size ul .item {
        margin-top: 5px;
    }

    .blog {
        padding-top: 0 !important;
    }

    .progress-all ul li span.progress-title {
        width: 50% !important;
    }

    .progress-all ul li {
        height: 5rem;
    }

    .send-message__rate .progress-all ul li {
        width: 100%;
    }

    .send-message__rate .progress {
        width: 100% !important;
        margin-top: 10px;
    }

    .send-message__rate .progress-all ul li span.progress-title {
        width: 100% !important;
    }

    .send-message__rate .progress-all ul li {
        height: 6rem;
    }

    /* ----------------------#page sortbar ---------------- */
    .page-sortbar {
        height: auto;
        flex-direction: column;
    }

    .sortbar label {
        font-size: 1.5rem !important;
    }

    .page-sortbar .sortbar {
        width: 100%;
        margin-bottom: 1rem;
        margin-top: 1rem;
        justify-content: flex-start !important;
    }

    .page-sortbar-items {
        width: 100%;
        flex-wrap: wrap;
    }

    .page-sortbar span.product-count {
        padding-right: 1rem;
        justify-content: flex-end;
    }

    .page-sortbar-items li {
        margin-left: 1rem;
        font-size: 1.2rem;
        border-bottom: 1px solid rgb(211, 211, 211);
        width: 100%;
        height: 5rem;
        line-height: 5rem;
        color: #111;
    }

    .ordering {
        width: 100%;
        height: 41rem;
        position: fixed;
        box-shadow: rgb(50 50 93 / 25%) 0px -6px 27px -5px, rgb(0 0 0 / 30%) 16px 0px 0px 0px;
        bottom: 4rem;
        right: 0;
        display: none;
        z-index: 9999;
        border-radius: 0 !important;
    }

    .ordering::after {
        content: '';
        width: 100%;
        height: calc(100% - 41rem);
        background-color: #00000040;
        z-index: -1;
        position: fixed;
        top: -40px;
        right: 0;
    }

    .Filters {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #ececec;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        overflow-y: scroll;
        overflow-x: clip;
        z-index: 1099999;
        border-radius: 0;
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-left: 0;
    }

    .listFilterClose-sort {
        position: absolute !important;
        top: 15px !important;
    }

    .listFilterClose-sort,
    .listFilterClose {
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 2rem;
        border-radius: 50%;
        left: 1.5rem;
        top: 1.5rem;
        background-color: crimson;
        color: #fff;
        border: none;
        box-shadow: none;
        position: fixed;
        z-index: 9999999;
    }

    .listFilterRemove {
        display: inline-block;
        width: auto;
        height: 2.5rem;
        line-height: 2rem;
        font-size: 1.2rem;
        border-radius: 1rem;
        padding: 0 1rem;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        background-color: #f5f5f5;
        color: crimson;
        border: none;
        box-shadow: none;
    }

    .category-text-content {
        padding: 0;
    }

    .productbox-image {
        width: auto;
        height: 20rem;
        padding: 10px;
    }

    .product-info .sticky-top.product-info-buy {
        margin-bottom: 0 !important;
    }

    .product-info-Spec .tab-content .small-check table {
        width: 100% !important;
    }

    .product-info-Spec .tab-content .small-check tr td p {
        font-size: 1.2rem !important;
    }

    .product-info-Spec .tab-content .small-check p,
    .product-info-Spec .tab-content .small-check p span {
        font-size: 1.3rem !important;
    }

    .money-box .price-real {
        font-size: 1.4rem !important;
    }

    .comments-head .video-user .title-video-user {
        font-size: 12px !important;
        line-height: 18px;
        text-align: center;
        margin-bottom: 1rem !important;
    }
	
    .page-404 .page-404__content img {
        width: 100%;
    }
	
	.page-404 .page-404__content h3 {
      font-size: 1.6rem;
    }
	

	 .customers-videos-section .tltle {
        font-size: 18px !important;
    }

    .customers-videos .card-header .card-link span {
        font-size: 12px !important;
    }

    .customers-videos .customers-video-item {
        width: 100%;
        height: auto;
        margin-left: 0 !important;
    }

    .customers-videos .customers-video-item .video-item {
        height: auto;
    }

    .customers-videos .customers-video-item .video-item video {
        height: auto;
    }

    .customers-videos .customers-video-item .description-box {
        font-size: 10px;
        line-height: 15px;
    }
	
	.video-originality-modal .modal-content {
    max-width: 100%;
}
}

@media (min-width: 576px) and (max-width:767px) {
    .hide-des {
        display: block !important;
    }

    .hide-mob {
        display: none !important;
    }

    header .header-top {
        height: auto;
    }

    .header-top-left {
        margin-top: 1rem;
        padding-bottom: 1rem;
    }

    .page-breadcrumb nav {
        overflow-x: scroll;
        overflow-y: unset;
    }

    ol.breadcrumb {
        overflow-x: auto;
        overflow-y: unset;
        width: max-content;
    }

    .page-breadcrumb nav::-webkit-scrollbar {
        display: none;
    }

    .page-breadcrumb .breadcrumb li a {
        line-height: 3.5rem;
    }

    .page-breadcrumb .breadcrumb li {
        font-size: 1.3rem !important;
        line-height: 3.5rem;
    }

    .mainslider {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
        height: auto;
    }

    .mainslider .mainslider-box,
    .mainslider .mainslider-box .item {
        height: auto;
    }

    .mainslider-box {
        margin-bottom: 1.5rem !important;
    }

    .mainslider .slider-banner {
        height: auto;
    }

    .slider-banner .h-50 {
        height: auto !important;
    }

    .slider-banner .h-50.mb-5 {
        margin-bottom: 1.5rem !important;
    }

    .slider-banner img {
        width: 100%;
    }

    .section-title {
        height: auto;
        border-top-right-radius: 1.5rem;
        border-top-left-radius: 1.5rem;
        border-bottom-right-radius: 0rem;
    }

    .section-title.p-5 {
        padding: 1.5rem !important;
    }

    .title-box,
    .desc-box,
    .btn-box {
        height: auto;
    }

    .desc-box {
        display: none !important;
    }

    .title {
        font-size: 1.8rem;
        margin: 0 !important;
    }

    .desc {
        font-size: 1.2rem;
        line-height: 2;
        /*letter-spacing: .1rem;*/
        font-weight: 100 !important;
    }

    .all-btn {
        width: 12rem;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }

    .section-content {
        height: auto;
        border-top-left-radius: 0;
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
        padding-bottom: 25px !important;
    }

    .article .section-title {
        height: auto;
    }


    .item-slider button.owl-next {
        right: 95% !important;
    }

    .item-slider button.owl-prev {
        right: -1rem !important;
    }

    .features {
        height: auto;
    }

    .features .features-box {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .features.features-bg-white {
        height: auto;
        padding-top: 3rem;
    }

    .features .features-box .d-flex.flex-column {
        margin-bottom: 1rem;
    }

    .features .features-box img {
        height: 4rem;
    }

    footer .footer-info .footer-info-desc {
        padding: 1.5rem !important;
    }

    footer .footer-menu-box .footer-logo {
        bottom: -6rem;
    }

    .read-more-link,
    .show-less-link {
        right: 40%;
    }

    footer .footer-menu-box {
        height: auto;
        line-height: 2rem;
    }

    .footer-socials-item {
        margin-bottom: 3rem !important;
    }

    .footer-contactus-item {
        margin-top: 0 !important;
    }

    .icon__address {
        margin-bottom: 3rem !important;
    }

    .we {
        padding: 1.5rem !important;
    }

    /* ----------------------#page sortbar ---------------- */
    .page-sortbar {
        height: auto;
        flex-direction: column;
    }

    .sortbar label {
        font-size: 1.5rem !important;
    }

    .page-sortbar .sortbar {
        width: 100%;
        margin-bottom: 1rem;
        margin-top: 1rem;
        justify-content: flex-start !important;
    }

    .page-sortbar-items {
        width: 100%;
        flex-wrap: wrap;
    }

    .page-sortbar span.product-count {
        padding-right: 1rem;
        justify-content: flex-end;
    }

    .page-sortbar-items li {
        margin-left: 1rem;
        font-size: 1.2rem;
        border-bottom: 1px solid rgb(211, 211, 211);
        width: 100%;
        height: 5rem;
        line-height: 5rem;
        color: #111;
    }

    .ordering {
        width: 100%;
        height: 41rem;
        position: fixed;
        box-shadow: rgb(50 50 93 / 25%) 0px -6px 27px -5px, rgb(0 0 0 / 30%) 16px 0px 0px 0px;
        bottom: 4rem;
        right: 0;
        display: none;
        z-index: 9999;
        border-radius: 0 !important;
    }

    .ordering::after {
        content: '';
        width: 100%;
        height: calc(100% - 41rem);
        background-color: #00000040;
        z-index: -1;
        position: fixed;
        top: -40px;
        right: 0;
    }

    .Filters {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #ececec;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        overflow-y: scroll;
        overflow-x: clip;
        z-index: 1099999;
        border-radius: 0;
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-left: 0;
    }

    .listFilterClose-sort {
        position: absolute !important;
        top: 15px !important;
    }

    .listFilterClose-sort,
    .listFilterClose {
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 2rem;
        border-radius: 50%;
        left: 1.5rem;
        top: 1.5rem;
        background-color: crimson;
        color: #fff;
        border: none;
        box-shadow: none;
        position: fixed;
        z-index: 9999999;
    }

    .listFilterRemove {
        display: inline-block;
        width: auto;
        height: 2.5rem;
        line-height: 2rem;
        font-size: 1.2rem;
        border-radius: 1rem;
        padding: 0 1rem;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        background-color: #f5f5f5;
        color: crimson;
        border: none;
        box-shadow: none;
    }

    .product-list__item ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        max-width: 50%;
    }


    /* ------- Product (max-width: 575px) -------- */
    .product-info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product-info .product-info-box .mid img {
        left: 50%;
        top: 50%;
    }

    .product-info .product-info-box .product-info-slider {
        width: 100%;
        min-height: 59rem;
    }

    .product-info .product-info-box .product-info-content {
        width: 100%;
    }

    .product-info-title {
        height: 8rem;
    }

    .product-info-guaranty {
        margin-top: 3rem;
    }

    .product-info .product-info-box .product-info-content {
        padding-right: 0 !important;
    }

    .order-pay-box {
        display: none !important;
    }

    .order-pay-box.hide-des {
        display: block !important;
        height: auto;
        margin-top: 1.5rem !important;
    }

    .product-info-brand {
        display: none !important;
    }

    .product-info-options ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product-info-options ul li {
        /* width: 33.33%;
        margin: 0;*/
    }

    .product-info-options ul li span {
        text-align: right;
    }

    .product-info-order {
        position: fixed;
        bottom: 0;
        right: 15px;
        border-radius: 0;
        margin: 0 !important;
        width: 100%;
        margin-right: -1.5rem !important;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        border-top: .1rem solid #eaeaea;
        z-index: 999999;
    }

    .order-pay-box .order-pay {
        height: 8rem;
        display: none !important;
    }

    .product-info-content .order-pay-box .order-pay {
        height: 8rem;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .product-info-order .order-text {
        display: none;
    }

    .order-count {
        position: relative;
        top: .5rem;
        margin: 0 !important;
        width: 49%;
    }

    .order-count ul {
        display: inline;
        width: auto;
    }

    .order-count p {
        display: none;
    }

    .order-btn {
        margin-top: 0rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        flex-direction: column;
    }

    .product-info-Spec {
        margin-top: 1.5rem !important;
    }

    .product-info-Spec ul.spec-list li span.spec-type {
        max-width: inherit;
    }

    .media .media__comment {
        flex-direction: column;
    }

    .media .media__comment .progress-all ul {
        width: 30rem;
    }

    .media .media__comment--opnion .media-comment-opnion {
        width: 21rem;
    }

    .media .media__comment--opnion .media__comment--like {
        top: 8rem;
    }

    /* ----- #Send Message(min-width:481px and max-width:767px) ----- */
    .send-message .send-message__note h5 {
        line-height: 2;
    }

    .send-message .send-message__note ul li {
        line-height: 2;
        margin-top: 10px;
    }

    .send-message .send-message__text .send-message__text--btn button,
    .send-message .send-message__text .send-message__text--btn a {
        margin-top: 1rem;
    }

    .send-message .send-message__image img {
        position: inherit;
        margin-top: 3rem;
        width: 30rem;
    }

    .product__tabs .tab-content .small-check {
        padding: 1.5rem 0 !important;
    }

    .product__tabs .tab-content .small-check span,
    .product__tabs .tab-content .small-check p {
        font-size: 13px !important;
    }

    .product__tabs .tab-content .small-check img {
        width: 100% !important;
        height: auto !important;
    }

    .no-product img {
        width: 100% !important;
    }

    .blog-article {
        width: 100%;
    }

    /* ----------------- */
    /* ----- #Cart ----- */
    /* ----------------- */
    .cart-item {
        min-height: 33rem;
    }

    .cart .cart-item-box .cart-item-image {
        width: 40%;
    }

    .cart .cart-item-box .cart-item-image img {
        width: 100%;
    }

    .cart .cart-item-box .cart-item-content {
        width: 60%;
    }

    .cart .item-model,
    .cart .item-model span {
        font-size: 1rem !important;
    }

    .cart .item-warranty {
        font-size: 1.1rem !important;
        margin-bottom: 0 !important;
    }

    .cart .item-color {
        font-size: 1.1rem !important;
        margin-bottom: 0 !important;
    }

    .cart .color-box {
        width: 2rem;
        height: 2rem;
    }

    .cart .product-title {
        letter-spacing: 0rem;
        font-weight: lighter !important;
        font-size: 1.4rem !important;
        line-height: 2.5rem;
        margin-bottom: 0 !important;
    }

    .cart .item-price {
        width: 96% !important;
        padding-bottom: 1.5rem;
        position: absolute;
        bottom: 0;
        left: 2%;
        right: 2%;
    }

    .cart .real-price {
        margin-right: 0 !important;
    }

    .cart .real-price div {
        font-size: 1.6rem !important;
        line-height: 2rem;
    }

    .cart .remove-item {
        top: auto;
        bottom: 11rem;
        left: auto;
        right: 1.5rem;
        cursor: pointer;
    }

    /* ------- blogs (max-width: 575px) -------- */
    .articlebox,
    .article .section-content,
    .article .section-title {
        height: auto;
    }

    .article__box .article__box--content .article__box--desc p {
        font-size: 1.4rem;
    }

    .article__box-date {
        font-size: 1.2rem !important;
    }

    .blog-article {
        width: 100%;
        border-right: none !important;
    }

    .article__box {
        flex-direction: column;
    }

    .article__box .article__box--image {
        width: 100%;
    }

    .article__box .article__box--content {
        width: 100%;
    }

    .blog .blog-content img {
        width: 100% !important;
        height: auto !important;
    }

    .blog .blog-heading {
        flex-direction: column;
    }

    .articlebox .articlebox-image img {
        width: auto;
    }

    .articlebox-image {
        width: auto;
        height: auto;
    }

    /* ----- #BLOG(max-width:480px) ----- */
    .blog-heading .heading-Summary {
        width: 100%;
    }

    .blog-score {
        margin-bottom: 2rem;
    }

    .blog-title h1 {
        font-size: 1.5rem !important;
    }

    .widget-article {
        margin-bottom: 2rem;
    }

    .no-comment-box {
        margin-bottom: 3rem;
    }

    .mainslider .owl-carousel .owl-nav button.owl-next,
    .mainslider .owl-carousel .owl-nav button.owl-prev {
        display: none;
    }

    .features {
        margin-top: 3rem !important;
    }

    /* -------------------------------#small-check----------------------------- */

    .review-list .feature-list li {
        width: 50%;
    }

    .review-list .feature-list {
        font-size: 1.2rem;
    }

    /* ---------------------------#features-box (min-width: 576px) and (max-width:767px)---------------- */
    .features-part {
        padding: 4rem 0;
    }

    .features-part .features-box .features-list .features-item {
        width: 50%;
    }

    .features-part .features-box .features-list .features-item .title {
        font-size: 1.2rem !important;
    }

    .features-part .features-box .features-list .features-item .text-content {
        font-size: 1rem !important;
    }

    .features-part .image-box {
        height: auto;
    }

    /* --------------------------#Categories Box-------------------- */
    .categories-box {
        padding: 0px 30px !important;
    }

    .categories-box .categories-item {
        width: 100% !important;
    }

    .product-amazing-offers .productbox,
    .product-amazing-offers .empty-box {
        height: auto !important;
    }

    .brand {
        margin-top: 2rem !important;
    }

    /* ----------#ads(max-width: 575px)------- */
    .ads.ads-4 .ads-4-box {
        flex-wrap: wrap;
    }

    .ads.ads-4 .ads-4-box .item {
        width: calc(50% - .8rem);
    }

    .ads.ads-4 .ads-4-box .item:nth-child(3),
    .ads.ads-4 .ads-4-box .item:nth-child(4) {
        margin-top: 15px;
    }

    .ads.ads-2 .ads-2-box {
        flex-wrap: wrap;
    }

    .ads.ads-2 .ads-2-box .item {
        width: calc(100%);
    }

    .ads.ads-2 .ads-2-box .item:nth-child(2) {
        margin-top: 30px;
    }

    /* ------------------------------------------------*/
    /* -----------------#mega menu---------------------*/
    /* ------------------------------------------------*/
    .maga-menu__nav {
        width: 100%;
        height: auto !important;
        background-color: #fff;
        position: fixed;
        top: 0;
        right: 0;
        display: none;
        flex-direction: column !important;
    }

    .maga-menu__nav.active {
        display: flex;
    }

    .mobile__nav--bar.close i:before {
        content: "\e905";
    }

    .mobile__nav--bar {
        position: absolute;
        top: -45px;
    }

    header .header-bottom {
        height: 0rem;
    }

    .mobile__nav--bar i {
        font-size: 30px;
    }

    .mobile__nav--bar.close i {
        position: fixed;
        top: 55px;
        left: 25px;
        color: red !important;
        display: flex;
        font-size: 25px;
    }

    .navigation nav ul.nod-1 {
        display: flex;
        flex-direction: column !important;
        width: 100%;
        flex-direction: column !important;
        height: 100vh !important;
        padding: 60px 15px;
        overflow-y: auto;
    }

    .navigation nav ul>li {
        box-shadow: rgb(33 35 38 / 10%) -1px 7px 10px -10px;
    }

    .navigation nav ul>li ul.nod-2 li {
        box-shadow: none !important;
    }

    .navigation nav ul.nod-1 li.active ul.nod-2 li.active ul.nod-3 {
        background-color: #f5f5f5 !important;
        border: none !important;
        display: flex !important;
        padding-right: 20px;
        margin-bottom: 12px;
        transform: translateY(-12px);
    }

    /*.navigation nav ul.nod-1 li.active ul.nod-2 li.active ul.nod-3 li {
        height: 3.5rem;
    }*/

    .navigation nav ul li>ul li ul li a::after {
        padding-right: 6px;
    }

    .navigation nav ul.nod-1 li.active ul.nod-2 {
        display: flex !important;
        background-color: #f5f5f5 !important;
        border: none !important;
        margin-bottom: 30px;
    }

    .navigation nav ul li {
        padding: 0;
    }

    .navigation nav ul.nod-1 li.active ul.nod-2 li.active ul.nod-3 li.active ul.nod-4 {
        display: flex !important;
    }

    .navigation nav ul.nod-1 img {
        width: auto;
        height: 6rem;
        margin-bottom: 10px;
    }

    .navigation nav ul.nod-1 ul.nod-2 {
        display: flex !important;
        position: inherit;
        background-color: #fbfbfb;
        width: 100%;
        flex-direction: column !important;
        height: auto !important;
        padding: 10px;
    }

    .navigation nav ul li>ul li ul.nod-3 {
        display: none !important;
        position: inherit;
        background-color: #fff;
        width: 100%;
        flex-direction: column !important;
        flex-wrap: inherit;
        height: auto !important;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

    .navigation nav ul li>ul li ul.nod-3 ul.nod-4 {
        display: none !important;
        background-color: #fff !important;
        height: auto !important;
    }

    .navigation nav ul li>ul li ul.nod-3 ul.nod-4 li::before {
        content: ' ' !important;
    }

    .navigation nav ul li>ul li ul.nod-3 ul.nod-4 li {
        height: 3rem;
        line-height: 1rem;
    }

    .navigation nav ul>li:hover {
        background-color: inherit !important;
        color: #fff !important;
    }

    .navigation nav ul>li:hover {
        background-color: inherit !important;
        color: #000 !important;
    }

    .navigation nav ul li>ul li ul li ul li:hover a,
    .navigation nav ul li>ul li ul li:hover {
        color: #000 !important;
        background-color: transparent !important;
    }

    .list-all {
        display: block;
    }

    .navigation nav ul li>ul li ul li.list-all a::after {
        content: '';
    }

    .navigation nav ul>li ul.nod-2 li span {
        display: flex !important;
        align-items: center;
    }

    /* -----------------#Support numbers in header ------------ */

    .support-numbers {
        width: 100%;
        padding: 5px;
        background-color: #fcf4ad;
        box-shadow: rgb(0 0 0 / 35%) 0px -20px 20px -28px inset;
        position: fixed;
        top: 0;
        z-index: 1080;
    }

    header {
        margin-top: 4rem;
    }

    /* ----------------------#alert section top------------------- */
    .alert-section-top {
        width: 30rem;
        height: 200px !important;
        top: 30% !important;
        transform: translateX(300px);
        -webkit-transform: translateX(300px);
        -moz-transform: translateX(300px);
        -ms-transform: translateX(300px);
        -o-transform: translateX(300px);
    }

    .alert-section-top .support-numbers {
        background-color: transparent;
        box-shadow: none;
        position: fixed;
        top: 13rem;
        flex-direction: column;
        justify-content: end;
        align-items: end;
        left: 0;
    }

    .alert-section-top .btn-close-open {
        right: 30rem;
    }

    .item-slider .item {
        height: 32rem;
        width: 27rem;
        background-color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

    .productbox .productbox-title h3 {
        width: 90%;
    }

    .section-content {
        background-color: transparent !important;
        border: none !important;
        padding: 10px 0 !important;
    }

    /* -------------------------------#small-check----------------------------- */
    .review-list .feature-list li {
        width: 100%;
    }

    /* -----------------#modal pop up afterland--------------- */
    .pop-up-afterland .modal-content,
    .pop-up-afterland .modal-dialog {
        height: auto;
        width: 95%;
    }

    .pop-up-afterland .modal-content .modal-body .btn-pop-up {
        font-size: 12px !important;
        padding: 5px 15px !important;
    }

    .modal-content {
        position: absolute;
        top: 220px;
    }

    .cart .cart-item-box {
        height: auto;
    }

    .Internet-payment-box {
        flex-direction: column;
    }

    .card-number {
        flex-direction: column;
    }

    .blog {
        padding-top: 0 !important;
    }

    .progress-all ul li span.progress-title {
        width: 50% !important;
    }

    .progress-all ul li {
        height: 5rem;
    }

    .mobile__nav .mobile__nav--bar {
        top: 55px;
    }

    .money-box .price-real {
        font-size: 1.4rem !important;
    }
	

    .customers-videos .customers-video-item {
        width: 100%;
        height: auto;
        margin-left: 0 !important;
    }
	
	.video-originality-modal .modal-content {
       max-width: 100%;
    }
}

@media (min-width: 768px)and (max-width:991px) {
    .hide-des {
        display: block !important;
    }

    .hide-mob {
        display: none !important;
    }

    header .header-top {
        height: auto;
    }

    .header-top-left {
        margin-top: 1rem;
        padding-bottom: 1rem;
    }

    .mainslider {
        height: auto;
    }

    .mainslider .mainslider-box,
    .mainslider .mainslider-box .item,
    .mainslider .mainslider-box .item img {
        height: auto;
    }

    .mainslider {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .mainslider-box {
        margin-bottom: 1.5rem !important;
    }

    .mainslider .slider-banner {
        height: auto;
    }

    .slider-banner .h-50 {
        height: auto !important;
    }

    .slider-banner .h-50.mb-5 {
        margin-bottom: 1.5rem !important;
    }

    .slider-banner img {
        width: 100%;
    }

    .product-slider .col-md-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-slider .col-md-10 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0 !important;
        padding-right: 1.5rem !important;
    }

    .article .col-md-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .article .col-md-10 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0 !important;
        padding-right: 1.5rem !important;
    }

    .section-title {
        height: auto;
        border-top-right-radius: 1.5rem;
        border-top-left-radius: 1.5rem;
        border-bottom-right-radius: 0rem;
        border: .1rem solid #e1e1e1;
        border-left: 0;
    }

    .section-title.p-5 {
        padding: 1.5rem !important;
    }

    .title-box,
    .desc-box,
    .btn-box {
        height: auto;
        padding-bottom: 0 !important;
    }

    .desc-box {
        display: none !important;
    }

    .title {
        font-size: 1.8rem;
        margin: 0 !important;
    }

    .desc {
        font-size: 1.2rem;
        line-height: 2;
        font-weight: 100 !important;
    }

    .all-btn {
        width: 12rem;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }

    .section-content {
        height: auto;
        border-top-left-radius: 0;
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
        padding-bottom: 25px !important;
    }

    .article .section-title {
        height: auto;
    }

    .item-slider button.owl-next {
        right: 95% !important;
    }

    .item-slider button.owl-prev {
        right: -1rem !important;
    }

    .features {
        height: auto;
    }

    .features .features-box {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .features.features-bg-white {
        height: auto;
        padding-top: 3rem;
    }

    .features .features-box .d-flex.flex-column {
        margin-bottom: 1rem;
    }

    .features .features-box img {
        height: 4rem;
    }

    footer .footer-info .footer-info-desc {
        padding: 1.5rem !important;
    }

    .read-more-link,
    .show-less-link {
        right: 40%;
    }

    footer .footer-menu-box {
        height: auto;
        line-height: 2rem;
    }

    .footer-socials-item {
        margin-bottom: 3rem !important;
    }

    .footer-contactus-item {
        margin-top: 0 !important;
    }

    .icon__address {
        margin-bottom: 3rem !important;
    }

    .we {
        padding: 1.5rem !important;
    }

    /* ----------------------#page sortbar ---------------- */
    .page-sortbar {
        height: auto;
        flex-direction: column;
    }

    .sortbar label {
        font-size: 1.5rem !important;
    }

    .page-sortbar .sortbar {
        width: 100%;
        margin-bottom: 1rem;
        margin-top: 1rem;
        justify-content: flex-start !important;
    }

    .page-sortbar-items {
        width: 100%;
        flex-wrap: wrap;
    }

    .page-sortbar span.product-count {
        padding-right: 1rem;
        justify-content: flex-end;
    }

    .page-sortbar-items li {
        margin-left: 1rem;
        font-size: 1.2rem;
        border-bottom: 1px solid rgb(211, 211, 211);
        width: 100%;
        height: 5rem;
        line-height: 5rem;
        color: #111;
    }

    .ordering {
        width: 100%;
        height: 41rem;
        position: fixed;
        box-shadow: rgb(50 50 93 / 25%) 0px -6px 27px -5px, rgb(0 0 0 / 30%) 16px 0px 0px 0px;
        bottom: 4rem;
        right: 0;
        display: none;
        z-index: 9999;
        border-radius: 0 !important;
    }

    .ordering::after {
        content: '';
        width: 100%;
        height: calc(100% - 41rem);
        background-color: #00000040;
        z-index: -1;
        position: fixed;
        top: -40px;
        right: 0;
    }

    .Filters {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #ececec;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        overflow-y: scroll;
        overflow-x: clip;
        z-index: 1099999;
        border-radius: 0;
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-left: 0;
    }

    .listFilterClose-sort {
        position: absolute !important;
        top: 15px !important;
    }

    .listFilterClose-sort,
    .listFilterClose {
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 2rem;
        border-radius: 50%;
        left: 1.5rem;
        top: 1.5rem;
        background-color: crimson;
        color: #fff;
        border: none;
        box-shadow: none;
        position: fixed;
        z-index: 9999999;
    }

    .listFilterRemove {
        display: inline-block;
        width: auto;
        height: 2.5rem;
        line-height: 2rem;
        font-size: 1.2rem;
        border-radius: 1rem;
        padding: 0 1rem;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        background-color: #f5f5f5;
        color: crimson;
        border: none;
        box-shadow: none;
    }

    .product-list__item ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        max-width: 50%;
    }

    .p-item {
        min-height: auto;
        max-height: inherit;
    }


    /* ------- Product (max-width: 575px) -------- */
    .product-info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product-info .product-info-box .mid img {
        left: -8%;
    }

    .product-info .product-info-box .product-info-slider {
        width: 100%;
        min-height: 59rem;
    }

    .product-info .product-info-box .product-info-content {
        width: 100%;
    }

    .product-info-title {
        height: 8rem;
    }

    .product-info-guaranty {
        margin-top: 3rem;
    }

    .product-info .product-info-box .product-info-content {
        padding-right: 0 !important;
    }

    .order-pay-box {
        height: 0;
        margin: 0 !important;
        display: none !important;
    }

    .order-pay-box.hide-des {
        display: block !important;
        height: auto;
        margin-top: 1.5rem !important;
    }

    .product-info-brand {
        display: none !important;
    }

    .product-info-options ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product-info-options ul li {
        /*width: 33.33%;
        margin: 0;*/
    }

    .product-info-options ul li span {
        text-align: right;
    }

    .product-info-order {
        position: fixed;
        bottom: 0;
        right: 15px;
        border-radius: 0;
        margin: 0 !important;
        width: 100%;
        margin-right: -1.5rem !important;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        border-top: .1rem solid #eaeaea;
        z-index: 999999;
    }

    .order-pay-box .order-pay {
        height: 8rem;
        display: none !important;
    }

    .product-info-content .order-pay-box .order-pay {
        height: 8rem;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .product-info-order .order-text {
        display: none;
    }

    .order-count {
        position: relative;
        top: .5rem;
        margin: 0 !important;
        width: 49%;
    }

    .order-count ul {
        display: inline;
        width: auto;
    }

    .order-count p {
        display: none;
    }

    .order-btn {
        margin-top: 0rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        justify-content: space-between;
    }

    .product-info-order .order-btn a {
        width: 50% !important;
    }

    .update-price {
        margin-left: 15px;
    }

    .product-info-Spec {
        margin-top: 1.5rem !important;
    }


    .product-info-Spec ul.spec-list li span.spec-type {
        max-width: inherit;
    }

    /* ----- #send message(min-width:768px and max-width:991px) ----- */
    .page-content {
        padding: 1rem;
        height: auto;
    }

    .send-message .send-message__note h5 {
        font-size: 1.5rem;
    }

    .send-message .send-message__note {
        min-height: 30rem;
    }

    .send-message .send-message__note h5 {
        font-size: 1.4rem;
    }

    .send-message .send-message__note ul {
        list-style-type: disc;
        margin-top: 2.5rem;
        padding-right: 3rem;
    }

    .send-message .send-message__note ul li {
        display: list-item;
        list-style-type: disc;
        text-align: right;
        font-size: 1.4rem;
        margin-top: 10px;
    }

    .send-message .send-message__image {
        text-align: center;
        width: 100%;
        height: 30rem;
        position: relative;
    }

    /* ----- #contact  us (min-width:768px and max-width:991px) ----- */
    .contactus .contactus__image {
        height: 37rem;
    }

    .contactus .contactus__image img {
        width: 60%;
        height: auto;
    }

    /* ----- #BLOG(max-width:480px) ----- */
    .blog-heading .heading-Summary {
        width: 100%;
    }

    .blog-score {
        margin-bottom: 2rem;
    }

    .blog-title h1 {
        font-size: 1.5rem !important;
    }

    .widget-article {
        margin-bottom: 2rem;
    }

    .no-comment-box {
        margin-bottom: 3rem;
    }

    .mainslider .owl-carousel .owl-nav button.owl-next,
    .mainslider .owl-carousel .owl-nav button.owl-prev {
        display: none;
    }

    .features {
        margin-top: 3rem !important;
    }

    /* -------------------------------#small-check----------------------------- */
    .review-list .feature-list li {
        width: 50%;
    }

    /* ---------------------------#features-box (min-width: 768px) and (max-width:991px)---------------- */
    .features-part .image-box {
        height: auto;
    }

    /* --------------------------#Categories Box-------------------- */
    .categories-box {
        padding: 10px 30px !important;
    }

    .categories-box .categories-item {
        width: 45% !important;
    }

    .brand {
        margin-top: 2rem !important;
    }

    .product-amazing-offers .empty-box,
    .product-amazing-offers .productbox {
        height: auto !important;
    }

    /* ----------#ads-2(min-width: 768px)and (max-width:991px) ------- */

    .ads.ads-4 .ads-4-box {
        flex-wrap: wrap;
    }

    .ads.ads-4 .ads-4-box .item {
        width: calc(50% - 1.5rem);
    }

    .ads.ads-4 .ads-4-box .item:nth-child(3),
    .ads.ads-4 .ads-4-box .item:nth-child(4) {
        margin-top: 30px;
    }

    .articlebox .articlebox-image img {
        width: auto;
    }

    .articlebox-image {
        width: auto;
        height: auto;
    }

    .blog .blog-title.sticky-top {
        top: 4rem;
        height: auto;
    }

    .articlebox,
    .article .section-content,
    .article .section-title {
        height: auto;
    }

    /* ------------------------------------------------*/
    /* -----------------#mega menu---------------------*/
    /* ------------------------------------------------*/
    .maga-menu__nav {
        width: 100%;
        height: auto !important;
        background-color: #fff;
        position: fixed;
        top: 0;
        right: 0;
        display: none;
        flex-direction: column !important;
    }

    .maga-menu__nav.active {
        display: flex;
    }

    .mobile__nav--bar.close i:before {
        content: "\e905";
    }

    .mobile__nav--bar {
        position: absolute;
        top: -42px;
        right: 40px;
    }

    header .header-bottom {
        height: 0;
    }

    .mobile__nav--bar i {
        font-size: 30px;
    }

    .mobile__nav--bar.close i {
        position: fixed;
        top: 55px;
        left: 25px;
        color: red !important;
        display: flex;
        font-size: 25px;
    }

    .navigation nav ul.nod-1 {
        display: flex;
        flex-direction: column !important;
        width: 100%;
        flex-direction: column !important;
        height: 100vh !important;
        padding: 60px 15px;
        overflow-y: auto;
    }

    .navigation nav ul>li {
        box-shadow: rgb(33 35 38 / 10%) -1px 7px 10px -10px;
    }

    .navigation nav ul>li ul.nod-2 li {
        box-shadow: none !important;
    }

    .navigation nav ul.nod-1 li.active ul.nod-2 li.active ul.nod-3 {
        background-color: #f5f5f5 !important;
        border: none !important;
        display: flex !important;
        padding-right: 20px;
        margin-bottom: 12px;
        transform: translateY(-12px);
    }

    /*.navigation nav ul.nod-1 li.active ul.nod-2 li.active ul.nod-3 li {
        height: 3.5rem;
    }*/

    .navigation nav ul li>ul li ul li a::after {
        padding-right: 6px;
    }

    .navigation nav ul.nod-1 li.active ul.nod-2 {
        display: flex !important;
        background-color: #f5f5f5 !important;
        border: none !important;
        margin-bottom: 30px;
    }

    .navigation nav ul li {
        padding: 0;
    }

    .navigation nav ul.nod-1 li.active ul.nod-2 li.active ul.nod-3 li.active ul.nod-4 {
        display: flex !important;
    }

    .navigation nav ul.nod-1 img {
        width: auto;
        height: 6rem;
        margin-bottom: 10px;
    }

    .navigation nav ul.nod-1 ul.nod-2 {
        display: flex !important;
        position: inherit;
        background-color: #fbfbfb;
        width: 100%;
        flex-direction: column !important;
        height: auto !important;
        padding: 10px;
    }

    .navigation nav ul li>ul li ul.nod-3 {
        display: none !important;
        position: inherit;
        background-color: #fff;
        width: 100%;
        flex-direction: column !important;
        flex-wrap: inherit;
        height: auto !important;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

    .navigation nav ul li>ul li ul.nod-3 ul.nod-4 {
        display: none !important;
        background-color: #fff !important;
        height: auto !important;
    }

    .navigation nav ul li>ul li ul.nod-3 ul.nod-4 li::before {
        content: ' ' !important;
    }

    .navigation nav ul li>ul li ul.nod-3 ul.nod-4 li {
        height: 3rem;
        line-height: 1rem;
    }

    .navigation nav ul>li:hover {
        background-color: inherit !important;
        color: #fff !important;
    }

    .navigation nav ul>li:hover {
        background-color: inherit !important;
        color: #000 !important;
    }

    .navigation nav ul li>ul li ul li ul li:hover a,
    .navigation nav ul li>ul li ul li:hover {
        color: #000 !important;
        background-color: transparent !important;
    }

    .list-all {
        display: block;
    }

    .navigation nav ul li>ul li ul li.list-all a::after {
        content: '';
    }

    .navigation nav ul>li ul.nod-2 li span {
        display: flex !important;
        align-items: center;
    }

    /* -----------------#Support numbers in header ------------ */

    .support-numbers {
        width: 100%;
        padding: 5px;
        background-color: #fcf4ad;
        box-shadow: rgb(0 0 0 / 35%) 0px -20px 20px -28px inset;
        position: fixed;
        top: 0;
        z-index: 1080;
    }

    header {
        margin-top: 4rem;
    }

    /* ----------------------#alert section top------------------- */
    .alert-section-top {
        top: 20% !important;
    }

    .item-slider .item {
        height: 31rem;
        width: 25rem;
        background-color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

    .section-content {
        background-color: transparent !important;
        border: none !important;
        padding: 10px 0 !important;
    }


    .review-list .feature-list li {
        width: 50%;
    }

    /* -------------------------------#small-check----------------------------- */
    .review-list .feature-list {
        font-size: 1.2rem;
    }

    /* -----------------#modal pop up afterland--------------- */
    .pop-up-afterland .modal-content,
    .pop-up-afterland .modal-dialog {
        height: auto;
        width: 95%;
    }

    .pop-up-afterland .modal-content .modal-body .btn-pop-up {
        font-size: 12px !important;
        padding: 5px 15px !important;
    }

    .modal-content {
        position: absolute;
        top: 220px;
    }

    .blog {
        padding-top: 0 !important;
    }

    .mobile__nav .mobile__nav--bar {
        top: 55px;
    }

    .money-box .price-real {
        font-size: 1.4rem !important;
    }
	

    .customers-videos .customers-video-item {
        width: 48%;
        height: auto;
        margin-left: 10px !important;
    }
}

@media (min-width: 992px)and (max-width:1199px) {
    .hide-des {
        display: none !important;
    }

    .hide-mob {
        display: block !important;
    }

    header .header-top {
        height: auto;
    }

    .overlay {
        position: fixed;
        top: 9.5rem;
        left: 0;
        z-index: 999;
        width: 100vw;
        height: calc(100vh - 9.5rem);
        background: #00000066;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    .overlay.show {
        opacity: 0.8;
        visibility: visible;
        z-index: 1091;
    }

    .menu-hide {
        -webkit-transform: translateY(-140%);
        transform: translateY(-140%);
        -moz-transform: translateY(-140%);
        -ms-transform: translateY(-140%);
        -o-transform: translateY(-140%);
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }

    header {
        padding-bottom: 9.5rem;
    }

    header .header-top {
        width: 100%;
        height: 7rem;
        position: fixed;
        top: 0;
        z-index: 99999;
        background-color: #f5f5f5;
    }

    header .header-bottom {
        position: fixed;
        top: 7rem;
        z-index: 99998;
        transition: all .3s;
        background: whitesmoke;
        width: 100%;
        right: 0;
    }

    body.noscroll {
        overflow: hidden;
        margin-right: 1rem;
    }

    body.noscroll header {
        margin-right: -.5rem;
    }

    .header-top-left {
        margin-top: 1rem;
        padding-bottom: 1rem;
    }

    .mobile__nav .mobile__nav--bar {
        top: 8px;
        right: 5.5rem;
    }

    .header-top .header-top-right {
        margin-bottom: 4rem;
    }

    header .header-bottom {
        top: 8rem;
    }

    .mainslider .mainslider-box,
    .mainslider .mainslider-box .item,
    .mainslider .mainslider-box .item img {
        height: 39.5rem;
    }

    .mainslider {
        height: auto;
    }

    .mainslider-box {
        margin-bottom: 1.5rem !important;
    }

    .mainslider .slider-banner {
        height: auto;
    }

    .slider-banner .h-50 {
        height: auto !important;
    }

    .slider-banner .h-50.mb-5 {
        margin-bottom: 1.5rem !important;
    }

    .slider-banner img {
        width: 100%;
    }

    .title-box,
    .desc-box,
    .btn-box {
        height: auto;
        padding-bottom: 0 !important;
    }

    .desc-box {
        display: none !important;
    }

    .title {
        font-size: 1.4rem;
        margin: 0 !important;
    }

    .desc {
        font-size: 1.2rem;
        line-height: 2;
        /*letter-spacing: .1rem;*/
        font-weight: 100 !important;
    }

    .all-btn {
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }

    .section-content {
        height: auto;
        border-top-left-radius: 0;
        border-bottom-left-radius: 1.5rem;
    }

    .section-title {
        height: auto;
        border-top-right-radius: 1.5rem;
        border-top-left-radius: 1.5rem;
        border-bottom-right-radius: 0;
        border: 0.1rem solid #e1e1e1;
        border-left: 0;
    }

    .articlebox-image {
        border-radius: 0.5rem;
    }

    .articlebox {
        height: auto;
    }

    .item-slider button.owl-next {
        right: 95% !important;
    }

    .item-slider button.owl-prev {
        right: -1rem !important;
    }

    .features {
        height: auto;
    }

    .features .features-box {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .features.features-bg-white {
        height: auto;
        padding-top: 3rem;
    }

    .features .features-box .d-flex.flex-column {
        margin-bottom: 1rem;
    }

    .features .features-box img {
        height: 4rem;
    }

    footer .footer-info .footer-info-desc {
        padding: 1.5rem !important;
    }

    .read-more-link,
    .show-less-link {
        right: 40%;
    }

    footer .footer-menu-box {
        height: auto;
        line-height: 2rem;
    }

    .footer-socials-item {
        margin-bottom: 3rem !important;
    }

    .footer-contactus-item {
        margin-top: 0 !important;
    }

    .icon__address {
        margin-bottom: 3rem !important;
    }

    .we {
        padding: 1.5rem !important;
    }

    /* ------- Products (max-width: 575px) -------- */
    .page-sortbar {
        height: auto;
        flex-direction: column;
    }

    .page-sortbar .sortbar {
        justify-content: flex-start !important;
    }

    .page-sortbar-items {
        width: 100%;
        padding-right: 1rem;
        flex-wrap: wrap;
        padding: 0;
    }

    .page-sortbar span.product-count {
        padding-right: 1rem;
        justify-content: flex-end;
        width: 100% !important;
    }

    .product-list .col-lg-3 {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .product-list .col-lg-9 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .product-list__item ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        max-width: 50%;
    }

    .widget.widget-range .widget-range--content input {
        width: 8rem;
    }

    .p-item {
        min-height: auto;
        max-height: inherit;
    }

    /* ------- Product (max-width: 575px) -------- */
    .product-info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product-info .col-lg-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-info .product-info-box .mid img {
        left: 10%;
    }

    .product-info .product-info-box .product-info-slider {
        width: 100%;
        min-height: 59rem;
    }

    .product-info .product-info-box .product-info-content {
        width: 100%;
    }

    .product-info-title {
        height: 8rem;
    }

    .product-info-guaranty {
        margin-top: 3rem;
    }

    .product-info .product-info-box .product-info-content {
        padding-right: 0 !important;
    }

    .order-pay-box {
        height: 0;
        margin: 0 !important;
        display: none !important;
    }

    .order-pay-box.hide-des {
        display: block !important;
        height: auto;
        margin-top: 1.5rem !important;
    }

    .product-info-brand {
        display: none !important;
    }

    .product-info-options ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product-info-options ul li {
        /*width: 33.33%;
        margin: 0;*/
    }

    .product-info-options ul li span {
        text-align: right;
    }

    .product-info-order {
        position: fixed;
        bottom: 0;
        right: 15px;
        border-radius: 0;
        margin: 0 !important;
        width: 100%;
        margin-right: -1.5rem !important;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        border-top: .1rem solid #eaeaea;
        z-index: 999999;
    }

    .order-pay-box .order-pay {
        height: 8rem;
        display: none !important;
    }

    .product-info-content .order-pay-box .order-pay {
        height: 8rem;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .product-info-order .order-text {
        display: none;
    }

    .order-count {
        position: relative;
        top: .5rem;
        margin: 0 !important;
        width: 49%;
    }

    .order-count ul {
        display: inline;
        width: auto;
    }

    .order-count p {
        display: none;
    }

    .order-btn {
        margin-top: 0rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        justify-content: space-between;
    }

    .product-info-order .order-btn a {
        width: 50% !important;
    }

    .update-price {
        margin-left: 15px;
    }

    .product-info-Spec {
        margin-top: 1.5rem !important;
    }

    .product-info-Spec ul.spec-list li span.spec-type {
        max-width: inherit;
    }

    .media .media__comment {
        flex-direction: column;
    }

    .media .media__comment .progress-all ul {
        width: 30rem;
    }

    .media .media__comment--opnion .media-comment-opnion {
        width: 21rem;
    }

    .media .media__comment--opnion .media__comment--like {
        top: 8rem;
    }

    /* ----- #BLOG(max-width:480px) ----- */
    .blog-heading .heading-Summary {
        width: 100%;
    }

    .blog-title h1 {
        font-size: 1.5rem !important;
    }

    .blog-down-audio,
    .blog-down-pdf {
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 4rem;
        font-size: 1rem !important;
    }

    .score-box-show {
        flex-direction: column;
    }

    .article-list-item {
        height: auto;
        padding-top: 1rem;
        flex-direction: column;
    }

    .widget-article .widget-article-list .widget-article-img {
        width: 7rem;
        margin-bottom: 1rem;
    }

    .mainslider .owl-carousel .owl-nav button.owl-next,
    .mainslider .owl-carousel .owl-nav button.owl-prev {
        display: none;
    }

    .features {
        margin-top: 3rem !important;
    }

    /* --------------------------#Categories Box-------------------- */
    .categories-box {
        padding: 30px 30px !important;
    }

    .categories-box .categories-item {
        width: 45% !important;
    }

    .product-amazing-offers .empty-box,
    .product-amazing-offers .productbox {
        height: auto !important;
    }

    .brand {
        margin-top: 2rem !important;
    }

    .guaranty-box {
        display: none !important;
    }

    .timer {
        width: 9rem;
        height: 3rem;
        line-height: 3rem;
    }

    .no-comment-box {
        margin-bottom: 3rem;
    }

    .section-content {
        border-top-left-radius: 0;
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }

    .navigation nav ul li>ul li ul {
        width: 64rem;
    }

    .navigation nav ul.nod-1 ul.nod-2 li a {
        display: flex !important;
        align-items: center;
    }

    .article .section-content,
    .article .section-title {
        height: auto;
    }

    .product-amazing-offers .empty-box {
        height: 35rem !important;
    }

    .item-slider .item {
        height: 31rem;
        width: 25rem;
        background-color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }


    /* -------------------------------#small-check----------------------------- */
    .review-list .feature-list li {
        width: 50%;
    }

    /* -----------------#modal pop up afterland--------------- */
    .pop-up-afterland .modal-content,
    .pop-up-afterland .modal-dialog {
        height: auto;
        width: 95%;
    }

    .pop-up-afterland .modal-content .modal-body .btn-pop-up {
        font-size: 12px !important;
        padding: 5px 15px !important;
    }

    .modal-content {
        position: absolute;
        top: 220px;
    }
	

    .customers-videos .customers-video-item {
        width: 48%;
        height: auto;
        margin-left: 10px !important;
    }
}

@media (min-width: 1200px)and (max-width: 1550px) {

    .overlay {
        position: fixed;
        top: 9.5rem;
        left: 0;
        z-index: 999;
        width: 100vw;
        height: calc(100vh - 9.5rem);
        background: #00000066;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    .overlay.show {
        opacity: 0.8;
        visibility: visible;
        z-index: 1091;
    }

    .menu-hide {
        -webkit-transform: translateY(-140%);
        transform: translateY(-140%);
        -moz-transform: translateY(-140%);
        -ms-transform: translateY(-140%);
        -o-transform: translateY(-140%);
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }

    header {
        height: 11rem;
    }

    header .header-top {
        width: 100%;
        height: 7rem;
        position: fixed;
        top: 0;
        z-index: 99999;
        background-color: #f5f5f5;
    }

    header .header-bottom {
        position: fixed;
        top: 7rem;
        z-index: 99998;
        transition: all .3s;
        background: whitesmoke;
        width: 100%;
        right: 0;
    }

    body.noscroll {
        overflow: hidden;
        margin-right: 1rem;
    }

    body.noscroll header {
        margin-right: -.5rem;
    }

    .product-info-Spec .sticky-top {
        top: 6.5rem
    }

    .mainslider {
        padding-bottom: 15px !important;
    }

    .mainslider .mainslider-box,
    .mainslider .mainslider-box .item,
    .mainslider .mainslider-box .item img {
        height: 36.5rem;
    }

    .timer {
        width: 9rem;
        height: 3rem;
        line-height: 3rem;
    }

    .product-amazing-offers .timer {
        right: 10px;
    }

    /* ------- Products (max-width: 575px) -------- */
    .item-slider .item .productbox-image {
        height: 16rem;
    }

    .item-slider .item {
        height: 27rem;
    }

    .productbox-price {
        height: 11%;
    }

    .product-list__item .productbox-title {
        height: 17%;
        margin-top: 1.5rem;
    }

    .product-slider .title {
        font-size: 1.9rem;
    }

    /* ------- Products (max-width: 575px) -------- */
    .page-sortbar {
        height: auto;
        flex-direction: column;
    }

    .page-sortbar .sortbar {
        justify-content: flex-start !important;
    }

    .page-sortbar-items {
        width: 100%;
        padding-right: 1rem;
        flex-wrap: wrap;
    }

    .page-sortbar span.product-count {
        padding-right: 1rem;
        justify-content: flex-end;
        width: 100% !important;
    }

    .product-list__item ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 25%;
        flex: 1 0 25%;
        max-width: 25%;
    }

    .p-item {
        min-height: auto;
    }

    ul.page-sortbar-items.d-flex.font-12.align-items-center.sortby {
        font-size: 1rem !important;
    }

    .widget.widget-range .widget-range--content input {
        width: 8rem;
    }

    .hide-des {
        display: none !important;
    }

    .hide-mob {
        display: block !important;
    }

    .mainslider .slider-banner {
        height: auto;
    }

    .mainslider {
        height: auto;
    }

    .mainslider .slider-banner img {
        width: 100%;
    }

    .product-box-title .font-14 {
        font-size: 1.2rem !important;
        line-height: 1.5rem !important;
    }

    /* ------- Product -------- */
    .product-info-title h1 {
        font-size: 1.5rem !important;
    }

    #lightgallery a {
        margin-left: 1rem;
    }

    .product-info .product-info-box .mid img {
        left: -27%;
        top: 11%;
        height: 71%;
    }

    .product-info .col-lg-9 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .product-info .col-lg-3 {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .product-info-rate {
        flex-direction: column;
    }

    /* ----- #BLOG(max-width:480px) ----- */
    .blog-heading .heading-Summary {
        width: 100%;
    }

    .blog-info {
        flex-direction: column;
        align-items: center !important;
    }

    .blog-title h1 {
        font-size: 1.5rem !important;
    }

    .blog-down-audio,
    .blog-down-pdf {
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 4rem;
        font-size: 1rem !important;
    }

    .score-box-show {
        flex-direction: column;
    }

    .article-list-item {
        height: auto;
        padding-top: 1rem;
        flex-direction: column;
    }

    .article-list-item a {
        flex-direction: column;
    }

    .widget-article .widget-article-list .widget-article-img {
        width: 7rem;
        margin-bottom: 1rem;
    }

    .product-amazing-offers .empty-box,
    .product-amazing-offers .productbox {
        height: 31.5rem !important;
    }

    .brand {
        height: auto;
        margin-top: 0 !important;
        padding: 20px 0;
    }

    .grid-box .grid-box-item img {
        height: auto;
    }

    .grid-box {
        grid-template-rows: repeat(1, auto);
    }

    .blog .blog-title.sticky-top {
        top: 6rem;
    }

    .navigation nav ul li>ul li ul {
        width: 82rem;
    }

    .navigation nav ul.nod-1 ul.nod-2 li a {
        display: flex !important;
        align-items: center;
    }

    .section-title,
    .section-content {
        height: 28rem;
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        font-size: 2rem;
    }

    .price-off {
        font-size: 1.2rem;
    }

    .productbox .productbox-title h3 {
        font-size: 1.2rem !important;
    }

    .update-price-box {
        flex-direction: column;
    }

    .btn-update {
        margin-top: 10px;
    }

    /* -----------------#modal pop up afterland--------------- */
    .pop-up-afterland .modal-content,
    .pop-up-afterland .modal-dialog {
        height: auto;
        width: 95%;
    }

    .pop-up-afterland .modal-content .modal-body .btn-pop-up {
        font-size: 12px !important;
        padding: 5px 15px !important;
    }

    .modal-content {
        position: absolute;
        top: 220px;
    }
	
	.video-originality-modal .modal-content{
	    position: absolute;
        top: 140px;
		max-width: 50%;
	}

    .btn {
        padding: 5px;
    }

    .desc {
        font-size: 1.2rem;
        line-height: 18px;
    }

    .title-box .title {
        font-size: 1.7rem !important;
    }

    .articlebox-image {
        width: 21rem;
        height: 21rem;
    }

    .articlebox {
        height: 31rem;
    }

    .article .section-content,
    .article .section-title {
        height: 32rem;
    }

    .title-box,
    .desc-box,
    .btn-box {
        height: 50.33%;
    }

    .order-pay-box .order-pay .money-box .price-real {
        font-size: 1.3rem !important;
    }

    #lightgallery span {
        margin-left: 1rem;
    }

    .productbox-image {
        width: auto;
        height: 21rem;
    }
	

    .customers-videos .customers-video-item {
        width: 32%;
        height: auto;
        margin-left: 10px !important;
    }
}

@media (min-width: 1550px) {
    .hide-des {
        display: none !important;
    }

    .hide-mob {
        display: block !important;
    }

    .overlay {
        position: fixed;
        top: 9.5rem;
        left: 0;
        z-index: 999;
        width: 100vw;
        height: calc(100vh - 9.5rem);
        background: #00000066;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    .overlay.show {
        opacity: 0.8;
        visibility: visible;
        z-index: 1091;
    }

    .menu-hide {
        -webkit-transform: translateY(-140%);
        transform: translateY(-140%);
        -moz-transform: translateY(-140%);
        -ms-transform: translateY(-140%);
        -o-transform: translateY(-140%);
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }

    header .header-top {
        width: 100%;
        height: 7rem;
        position: fixed;
        top: 0;
        z-index: 99999;
        background-color: #f5f5f5;
    }

    header .header-bottom {
        position: fixed;
        top: 7rem;
        z-index: 99998;
        transition: all .3s;
        background: whitesmoke;
        width: 100%;
        right: 0;
    }

    body.noscroll {
        overflow: hidden;
        margin-right: 1rem;
    }

    body.noscroll header {
        margin-right: -.5rem;
    }

    .product-info-Spec .sticky-top {
        top: 6.5rem
    }



    .navigation nav ul.nod-1 ul.nod-2 li a {
        display: flex !important;
        align-items: center;
    }
}

/* ----- #Search ----- */
#searchlogo {
    display: none;
    width: 25px;
    float: left;
    position: relative;
    margin-left: 11px;
    margin-top: -30px;
}

div#search-results ul li:hover {
    color: rgb(255, 68, 0);
}

    div#search-results ul li:hover a {
        color: rgb(255, 68, 0);
    }

div#search-results {
    width: 90rem;
    position: absolute;
    display: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px;
    z-index: 100;
    background: -webkit-gradient(linear, left top, right top, from(rgb(252, 252, 252)), color-stop(49%, rgb(242, 242, 242)), color-stop(51%, rgb(232, 232, 232)), to(rgb(252, 252, 252)));
    background: linear-gradient(to right, rgb(252, 252, 252) 0%, rgb(242, 242, 242) 49%, rgb(232, 232, 232) 51%, rgb(252, 252, 252) 100%);
}

    div#search-results .row {
        position: relative;
        background-color: transparent;
    }

        div#search-results .row .results-col {
            height: 490px;
            border-left: 1px solid rgb(189, 195, 199);
            background-color: transparent;
        }

            div#search-results .row .results-col:last-child {
                border-left: none;
            }

    div#search-results span {
        font-size: 1.1em;
    }

    div#search-results ul {
        position: relative;
        top: 37px;
        right: -30px;
        overflow-y: auto;
        width: 100%;
    }

        div#search-results ul::-webkit-scrollbar {
            width: 10px;
            background-color: rgb(229, 229, 229);
        }

        div#search-results ul li {
            height: 35px;
            line-height: 35px;
            -webkit-transition: all 0.15s;
            transition: all 0.15s;
            clear: both;
            overflow: hidden;
            display: block;
            width: 100%;
            position: relative;
            text-decoration: none;
            color: rgb(127, 140, 141);
            border-radius: 3px;
        }

    div#search-results div.group ul,
    div#search-results div.blogs ul {
        line-height: 30;
        height: 80%;
        overflow: auto;
    }

        div#search-results div.group ul li,
        div#search-results div.blogs ul li {
            line-height: 30;
            height: 30px;
        }

    div#search-results ul li img {
        width: 35px;
        height: 35px;
        float: right;
    }

    div#search-results ul li a {
        text-decoration: none;
        font-size: 1em;
        color: rgb(101, 101, 101);
        -webkit-transition: all 0.15s;
        transition: all 0.15s;
        float: right;
        margin-right: 8px;
        line-height: 35px;
    }

        div#search-results ul li a img {
            margin-left: 5px;
        }

    div#search-results div.group,
    div#search-results div.blogs {
        height: 50%;
        width: 100%;
    }

    div#search-results ul li a i {
        position: static;
    }

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("/images/loader.gif") center center no-repeat rgb(255, 255, 255);
}

.content-shop-brand a {
    width: 150px;
    border: 1px solid rgb(229, 229, 229);
    border-radius: 5px;
    padding: 5px;
    margin: 10px;
}

.display-hide,
.display-none {
    display: none !important;
}


/* ----- #Search ----- */
#searchlogo {
    display: none;
    width: 25px;
    position: absolute;
    top: 8px !important;
    left: 50px !important;
    margin-top: 0px !important;
}

div#search-results {
    z-index: 10102 !important;
}

    div#search-results ul {
        right: 10px !important;
    }

    div#search-results span {
        right: 5% !important;
    }

    div#search-results ul li a {
        font-size: 1.1rem !important;
        line-height: 25px !important;
    }



.lg-outer {
    direction: rtl;
}

    .lg-outer .lg-inner {
        direction: ltr;
    }

.product-info .sticky-top.product-info-buy {
    top: 4rem;
}

.lg-backdrop {
    z-index: 99999 !important;
    background-color: #fff !important;
}

.lg-outer {
    z-index: 2000000003 !important;
}

    /* ===========change Gallery============ */

    .lg-outer .lg-thumb-outer {
        background-color: transparent !important;
    }

.lg-toolbar {
    background-color: transparent !important;
}

    .lg-toolbar .lg-icon {
        color: #111 !important;
    }

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgb(239, 239, 239) !important;
}

    .lg-actions .lg-next:hover,
    .lg-actions .lg-prev:hover {
        color: black !important;
    }

.lg-outer .lg-toogle-thumb {
    background-color: #fff !important;
}

    .lg-outer .lg-toogle-thumb:hover {
        color: black !important;
    }

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: black !important;
}

.modal-header .close {
    font-size: 2.5rem;
    color: #fff;
}




.rate:not(old) {
    display: inline-block;
    width: 10em;
    height: 2em;
    overflow: hidden;
    vertical-align: bottom;
}

    .rate:not(old) > input {
        margin-right: -100%;
        opacity: 0;
    }

    .rate:not(old) > label {
        display: block;
        float: left;
        margin-right: .5rem;
        position: relative;
        background: url('/Content/Images/star-off-big.png');
        background-size: contain;
    }

        .rate:not(old) > label:before {
            content: '';
            display: block;
            width: 2em;
            height: 2em;
            background: url('/Content/Images/star-on-big.png');
            background-size: contain;
            opacity: 0;
            -webkit-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear;
        }

        .rate:not(old) > label:hover:before,
        .rate:not(old) > label:hover ~ label:before,
        .rate:not(:hover) > :checked ~ label:before {
            opacity: 1;
        }

.rate:not(old) {
    width: 20em !important;
    height: 3em !important;
}
.disabled {
    pointer-events: none;
    opacity: 0.4;
}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(/Scripts/Gallery/dist/fonts/lg.eot?n1z373);src:url(/Scripts/Gallery/dist/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(/Scripts/Gallery/dist/fonts/lg.woff?n1z373) format("woff"),url(/Scripts/Gallery/dist/fonts/lg.ttf?n1z373) format("truetype"),url(/Scripts/Gallery/dist/fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(/Scripts/Gallery/dist/img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(/Scripts/Gallery/dist/img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(/Scripts/Gallery/dist/img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(/Scripts/Gallery/dist/img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(/Scripts/Gallery/dist/img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(/Scripts/Gallery/dist/img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
@media screen and (-webkit-min-device-pixel-ratio:0){.wrap-cat-icon1 .list-cat-icon>li>a{padding:10px 20px 10px 0}.title-box1 .list-none li.active a::before{top:11px}.item-product1 .product-price{margin-bottom:17px}.wrap-cat-icon2 .list-cat-icon>li>a{padding:10px 20px 11px 0}.item-trending2 .product-info{padding:16px 0}.slider-cat-color .item-product{padding:20px 20px 17px}.item-bn-cat5{padding:20px 20px 15px}.item-hotdeal6 .product-title{margin-bottom:9px}.wrap-cat-icon9 .list-cat-icon>li>a{padding:11px 40px 10px 20px}.deal-product9 .product-info{padding-top:12px}.wrap-cat-icon8 .list-cat-icon>li>a{padding:10px 10px 11px 50px}.wrap-cat-icon8 .list-cat-icon{margin-top:0}.wrap-cat-icon10 .list-cat-icon>li>a{padding:10px 10px 11px 55px}.deal-slider10 .item-product10 .product-info{padding-top:18px}.item-product-type10 .item-product10 .product-info{margin-top:21px;padding-top:18px}.wrap-cat-icon12 .list-cat-icon>li>a{padding:10px 40px 10px 0}.wrap-cat-icon.wrap-cat-icon12{margin-right:7px}.wrap-cat-icon16 .list-cat-icon>li>a{padding:10px 40px 11px 20px}.wrap-cat-icon17 .list-cat-icon>li>a{padding:10px 40px 10px 0}}