:root{
    --mau-chinh:#85C750;
    --mau-price:#E42131;
    --trang:white;
    --den:black;
    --xemthem:#666666;
    --color-ft:#00A551;
    --ft-bottom:#007C3D;
}
@font-face {
    font-family: 'myriad';
    src: url(fonts/myriad-pro.otf);
    font-weight: 400;
}
@font-face {
    font-family: 'myriad';
    src: url(fonts/myriad-pro-bold.otf);
    font-weight: 700;
}
@font-face {
    font-family: 'myriad';
    src: url(fonts/myriad-pro-italic.otf);
    font-style: italic;
}
@font-face {
    font-family: 'myriad';
    src: url(fonts/myriad-pro-bold-italic.otf);
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'futura';
    src: url(fonts/utm-futura-extra.ttf);
    font-weight: 400;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: 'myriad';
    font-size: 16px;
	padding-top:70px;
}
.menu-header{
    display: none;
}
.sdt-hot{
    display: none;
}
.hotline {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 9999;
    display: flex;
    align-items: center;
    animation: shake 1.5s infinite;
	display:none;
}

.phone-top img {
    width: 35px;
}
@keyframes shake {
    0% {
        transform: translate(0, 0);
    }

    20% {
        transform: translate(-1px, 1px);
    }

    40% {
        transform: translate(-1px, -1px);
    }

    60% {
        transform: translate(1px, 1px);
    }

    80% {
        transform: translate(1px, -1px);
    }

    100% {
        transform: translate(0, 0);
    }
}
.all-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
    box-shadow: 4px 0 15px rgba(0, 0, 0, 0.3);
	position:fixed;
	top:0;
	width:0;
	z-index:9999;
	width:100%;
	background-color:#FFF;
	height:70px;
}
.logo {
    max-height: 50px;
    width: auto;
    object-fit: cover;
    display: block;
}
.search-box {
    display: none;
    align-items: center;
    padding: 0;
    width: auto;
    overflow: hidden;
    top: 60px;
	right:20px;
    position: absolute;
}
.search-box.active {
    display: block;
}
.search-box input {
    flex: 1;
    outline: none;
    background-color: #FFF;
    padding: 10px 12px;
    font-size: 14px;
    color: var(--xemthem);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	width:180px;
	height:34px;
	border:1px solid #DDD;
	border-right:0;
	vertical-align:top;
}

.search-box input::placeholder {
    color: var(--xemthem);
}

.search-box button {
    background: var(--den);
    border: none;
    color: #FFF;
    cursor: pointer;
    transition: background 0.3s ease;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
	height:34px;
	padding:0 10px;
}
.icons{
    display: none;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}
.icons .icon-sign-in-icon { font-size:1.3em; }
.nav-links .icons { display:block; border-bottom:1px solid #DDD; padding-bottom:20px; margin-bottom:20px; }
.icon-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: var(--xemthem);
    transition: color 0.3s ease;
}

.dangnhap { display:none; }
.search-icon { margin:0 20px 0 auto; font-size:1.4em; color:#666; }

.so-yeuthich, .so-sanpham {
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: var(--mau-chinh);
    color: #FFF;
	width:18px; height:18px; text-align:center; line-height:22px;
    border-radius: 100%;
    text-align: center;
	font-size:.5em;
	font-family:'myriad';
	
}
.nav-content{
    position: fixed;
	top: -120%;
    left: 0;
    width: 100%;
    height: calc(100vh - 70px);
	overflow-y:auto;
    color: #FFF;
    z-index: 9999;
    transition: all 0.3s ease-in-out;
    background-color: #FFF;
	opacity:1;
	padding-top:20px;
}
.nav-content.active {
	top:70px;
    opacity:1;
}
.nav-links li {
    list-style: none;
	text-align:left;
}
.nav-links li a {
    display: inline-block;
    text-decoration: none;
    color: var(--den);
    font-size: 1.5em;
    padding: 20px;
    white-space: nowrap;
}
.nav-links li a.active{
    color: var(--mau-chinh);
}
.nav-links li a:hover {
    color: var(--mau-chinh);
}
.nav-links .icons a { padding:0; margin:0 20px; }

.nav-product-groups .list-product { display:block; color:#000; border-radius:0; }
.nav-product-groups .list-product .dropdown-menu { display:none; }
.nav-product-groups .list-product .dropdown-menu.show { display:flex; }

.nav-product-groups .list-product .line-toggle { margin-top:-5px; }
.nav-product-groups .list-product .line-dm { background-color:#000; }
.nav-product-groups .list-product .arrow { color:#000; }
.nav-product-groups .list-product .danhmuc { background-color:#FAFAFA; color:#000; padding:10px 10px 7px; display:flex; }
.nav-product-groups .list-product .dropdown-menu li { padding:10px; }
.nav-product-groups .list-product .dropdown-menu li a { font-size:1em; padding:0; display:flex; flex-direction:row; align-items:center;  }
.nav-product-groups .list-product .dropdown-menu li a img { max-width:30px; }

.ngoc-ty{
    width: 100%;
	margin:0; 
}
.list-product {
	display:none;
    max-width: 400px;
    background-color: #FFF;
    margin: 20px;
}
.list-product .line-toggle { display:inline-flex; }

.danhmuc {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    background-color: var(--mau-chinh);
    color: #FFF;
    font-weight: 700;
    font-size: 1em;
    cursor: default;
	border:1px solid var(--mau-chinh);
	border-top-left-radius:5px;	
	border-top-right-radius:5px;	
}

.line-toggle {
    display: none;
    flex-direction: column;
    gap: 4px;
    margin-right: 12px;
    cursor: pointer;
}

.line-dm {
    width: 18px;
    height: 2px;
    background-color: #FFF;
    border-radius: 1px;
}

.arrow {
    margin-left: auto;
    color: #FFF;
}

.dropdown-menu {
    display: none;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    transition: all 0.3s ease;
	border:1px solid #DDD;
	border-top:0;
}
.nav-links .dropdown-menu { display:block; }

.dropdown-menu li {
    border-top: 1px solid #f0f0f0;
}
.dropdown-menu.show {
    display: flex;
}
.menu-pro {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    color: var(--den);
    transition: background-color 0.2s;
    gap: 10px;
}

.menu-pro:hover {
    background-color: #f2f2f2;
}

.nhan-hang {
    width: 100%;
    max-width: 50px;
    height: auto;
    object-fit: cover;
}
.img-banner {
    overflow: hidden;
    position: relative;
}
.img-banner:before { content:""; display:block; width:100%; padding-top:40.64%; overflow:hidden; }

.img-banner #banners { position:absolute; top:0; left:0; width:100%; height:100%; display:block; }

.banner.hide-banner .img-banner { display:none; }
.banner.hide-banner .img-banner img { vertical-align:top; }

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.ngoc-ty.banner-2 {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    padding: 30px;
}

.img-container { position:relative; display:inline-block; flex:1; }
.img-container:before { content:''; display:block; width:100%; padding-top:56.25%; }
.img-container img {
	position:absolute;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
	top:0; left:0;
}
.ngoc-ty.sanpham{
	margin-top:50px;
}
.title-product {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 0;
    padding: 10px 20px;
}

.double-underline {
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
    font-size: 1.5em;
    color: var(--mau-chinh);
    font-family: 'futura';
	width:auto;
	margin:0;
	text-align:left;
}

.double-underline::before,
.double-underline::after {
    content: '';
    position: absolute;
    right: 0;
    height: 3px;
    background-color: var(--mau-chinh);
    border-radius: 2px;
}

.double-underline::after {
    bottom: 10px;
    width: 80%;
}

.double-underline::before {
    bottom: 0;
    width: 100%;
    height: 5px;
}

.about .double-underline { font-size:1.26em; text-align:center; }
.about .double-underline:after { right:50%; transform:translateX(50%); }

.xem-them {
    display: none;
	white-space:nowrap;
    font-size: 0.8em;
    color: var(--xemthem);
    cursor: pointer;
    transition: color 0.3s;
    font-weight: bold;
    text-decoration: none;
	line-height:27px;
}

.xem-them i {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin-right: 5px;
    background-color: var(--xemthem);
    color: #FFF;
    border-radius: 100%;
    display: inline-block;
	font-size:.8em;
}
.product-list {
    display: flex;
    flex-direction: column;
    max-width:1300px;
    margin: 0 auto;
    padding: 0 30px 50px;
}

.product-card {
    width: 100%;
    position: relative;
    text-align: center;
    transition: transform 0.2s;
    font-size: 1em;
    padding-bottom: 50px;
}

.product-card:hover {
    transform: translateY(-4px);
}

.product-card .heart { font-size:.7em; margin-left:10px; }

.heart-badge {
    position: absolute;
    top: 12px;
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 0.8em;
}

.badge {
    background: transparent;
    padding: 0;
    margin: 0;
    background-color: var(--mau-price);
    padding: 4px 10px 4px 8px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.heart {
    background-color: #FFF;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
    padding: 2px;
}

.heart i {
    font-size: 2em;
    display: block;
    color: var(--den);
}

.anh-sp {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.anh-sp img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.product-card h3 {
    color: var(--den);
    margin-bottom: 10px;
    line-height: 1.4;
    padding-top: 20px;
}

.product-card .price {
    margin-bottom: 12px;
	font-size:1.3em;
}

.sale-price {
    color: var(--mau-price);
    font-weight: 700;
}

.original-price {
    text-decoration: line-through;
    color: var(--xemthem);
    margin-left: 8px;
}

.product-card button {
    background-color: var(--mau-chinh);
    color:#FFF;
    padding: 5px 20px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s;
    border-radius: 20px;
	font-size:1.1em; 
}
.product-card button i { display:inline-block; vertical-align:middle; margin-right:5px; }

.about{
    max-width:1300px;
    margin: 0 auto;
	padding:0 20px;
}
.info-img{
    display: flex;
    flex-direction: column;
    padding-top: 5%;
}

.img-thuonghieu {
    text-align: center;
}
.img-thuonghieu img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}
.info-thuonghieu {
    margin-top: 20px;
	text-align:justify;
	font-size:.95em;
}
.info-thuonghieu p {
    padding-top: 20px;
}
.info-thuonghieu span {
    font-weight: 700;
}
.btn-xemthem {
    display: inline-flex;
	flex-direction:row;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 1.125em;
    color: var(--mau-chinh);
    border-radius: 25px;
    font-weight: 700;
    padding-top: 10px;
	margin-top:20px;
}
.btn-xemthem i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 8px;
    background-color: var(--mau-chinh);
    color: #FFF;
    border-radius: 50%;
    display: inline-block;
}
.btn-xemthem span { margin-bottom:-5px; display:inline-block;}
.camket-donghanh {
    background-color: #F5F5F5;
    display: flex;
    justify-content: center;
    align-items: center;
	margin:50px 0;
}
.camket-all{
    display:flex;
    flex-direction: column;
    padding: 30px 0;
}

.camket-donghanh .dich-vu {
    padding: 12px 20px;
    margin: 10px auto;
    gap: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1 1 30%;
}
.camket-donghanh .dich-vu:nth-child(2) { margin-top:-70px; }
.camket-donghanh .dich-vu .image {
    display:block;
    width:80%;
    height:auto;
    overflow:hidden;
    position:relative;
}
.camket-donghanh .dich-vu .image:before {
    content:"";
    widtH:100%;
    display:block;
    height:auto;
    padding-top:100%;
}
.dich-vu img {
    position: absolute;
    top:0;
    left:0;
    width: 80%;
    height: auto;
    object-fit: cover;
    display: block;
    margin: 0 auto 10px;
    transform: translate(6%,10%);
}
.image-hend img{
    position: absolute;
    top: 40%;
}
.text-phu {
    font-size: 1em;
}
.slider-show .slick-slide {
    padding: 0 20px;
    box-sizing: border-box;
}

.slider-show {
    margin: 0 auto;
    padding: 0;
    max-width:1300px;
    gap: 20px;
}
.slider-show img {
    width: 100%;
    height: auto;
    display: block;
}
.slick-prev,
.slick-next {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: none;
    border: none;
    z-index: 10;
    cursor: pointer;
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.slick-prev i,
.slick-next i {
    font-size: 4em;
    color: var(--mau-chinh);
}
.anh-text img{
    border-radius: 10px; 
}
.text-phuimg {
    font-size: 1.3em;
    font-weight: 700;
    padding: 10px;
}
.image-show{
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.image-show::before{
    content: "";
    display: block;
    padding-top: 70%;
}
.image-show img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.footer-container {
	margin-top:50px;
    background-color: var(--color-ft);
    color: #FFF;
    font-size: 1em;
}

.footer-top {
    max-width:1300px;
    margin: 0 auto;
    padding: 30px 20px;
}

.info-top {
    display: flex;
    flex-direction: column;
}

.logo-ft img {
    margin-bottom: 30px;
    width: 200px;
}

.ten-ctyft {
    padding-bottom: 8%;
    font-size: 1.6em;
    font-family: 'futura';
}
.ten-ctyft span { display:block; }

.address-ft .address {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
	text-align:left;
}
.address-ft .address i { margin-right:5px; }

.chinh-sach{ padding-top: 40px; text-align:left; }
.title-cs {
    margin-bottom: 10px;
    font-family: 'futura';
}

.list-cs {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-cs li {
    margin-bottom: 8px;
}

.link-cs {
    text-decoration: none;
    color: #FFF;
}

.folow {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 15px;
    padding-top: 30px;
}
.link-all{
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: left;
    font-size: 2em;
}

.link-mxh {
    text-decoration: none;
    color: #FFF;
}

.info-center {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    max-width:1300px;
	text-align:left;
}
.info-center img { width:60%; max-width:230px; height:auto; margin-top:20px; }

.footer-bottom {
    padding-top: 15px;
    margin-top: 20px;
    text-align: center;
    padding-bottom: 15px;
    background-color: var(--ft-bottom);
}
.ft-bot{
    max-width:1300px;
    margin: 0 auto;
}
.coppy-right,
.design {
    margin-top: 5px;
}

@media (min-width:768px){
	.ngoc-ty.banner-2 { display:flex; padding:10px 0; gap:10px; flex-direction:row; align-items:center; margin-top:20px!important; }
	
	.product-list { flex-direction:row; flex-wrap:wrap; gap:10px; justify-content:space-between; padding:0 20px; }
	.product-list .product-card { width:32%; }
	.product-list .product-card:last-child { margin-right:auto; }
	.product-card h3 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
	
	.double-underline, .about .double-underline { font-size:2em; }
	
	.info-img { flex-direction:row; margin-top:20px; padding:0; }
	.info-img .img-thuonghieu { width:35%; padding-top:20px;  }
	.info-img .info-thuonghieu { width:65%; padding-left:20px;  }
	
	.ngoc-ty, .footer-container { margin-top:70px!important; }
	.ngoc-ty.banner { margin-top:0!important; }
	
    .camket-all{
        display: flex;
        flex-direction: row;  
        max-width:1100px!important;
        margin: 0 auto;  
        padding: 50px;
        width: 100%;
		align-items:end;
    }
	.camket-donghanh .dich-vu:nth-child(2) { margin-top:0; }
	.camket-donghanh .dich-vu:nth-child(2) img { width:90%; }
	
	.info-top { flex-direction:row; flex-wrap:wrap; }
	.logo-ft { width:100%; text-align:left; }
	.chinh-sach, .folow { width:50%; }
	.ten-ctyft { padding-bottom:20px; font-size:1.8em;  }
	.ten-ctyft span { display:inline-block; }
	.ten-ctyft span:before { content:'\00a0'; }
	.logo-ft img { width:300px; margin-bottom:10px; }
	.folow { padding-top:40px;}
}

@media(min-width:996px){
	body { padding-top:0; }
	.hamburger { display:none!important; }
	.icons { display:inline-flex; font-size:1.6em; align-items:end; gap:20px; }
	.icons .dangnhap { display:inline-block; text-align:left; font-family:'myriad'; color:#666;        margin-bottom: -5px; font-size: .5em; padding-right: 5px; }
	.icons .dangnhap p { line-height:1em; font-size:1.3em; margin-top:3px;}
	
    .header-top, .top-bar{
        border-bottom: 1px solid var(--mau-chinh);
        width: 100%;
        padding: 10px 20px;
    }
    .header-row{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        max-width:1300px;
        margin: 0 auto;
        align-items: center;
    }
    .menu-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 10px;
    }
    .menu-header li{
        list-style: none;
    }
    .menu-header li a{
        text-decoration: none;
        color: var(--den);
		padding:5px 0 0;
    }
    .sdt-hot {
        display: block;  
        font-size: 0.7em;
        font-weight: bold;
		text-align:left;
		margin-bottom:-5px;
    }
    .sdt-hot span { display:block; font-size:1.5em; }
    .hotline{
        position: relative;
        bottom: unset;
        animation: unset;
        display: flex;
        flex-direction: row;
        gap :10px;
    }
	.hotline .phone-top { display:inline-block; width:35px; height:35px; vertical-align:middle; background-color:#F00; border-radius:100%; color:#FFF; text-align:center; line-height:35px; font-size:1.2em; }
    .top-bar{
        padding: unset;
    }
    .all-container{
		position:relative;
		top:unset; left:unset; 
        max-width:1300px;
        height: fit-content;
        margin: 0 auto;
        box-shadow: unset;
    }
    .menu-toggle{
        display: none;
    }
    .logo{
        max-height:unset; height:70px;
    }
    .search-icon{
        display: none;
    }
    .search-box{
        display: flex !important;
        position: unset;
		width:50%;
    }
    .yeuthich{
        display: flex;
    }
    .nav-content{
        left: unset;
        box-shadow: unset;
        height: fit-content;
        width: 100%;
        max-width:1300px;
        padding-left: 25%;
        position: unset;
        background-color: transparent;
    }
    .nav-links{
        display: flex;
        flex-direction: row;
    }
    .nav-links li:nth-child(1), .nav-links li:nth-child(2) { display:none; }
    .nav-links li a{
        font-size: 1.2em;
        padding: 12px 23px;
    }
    .banner{
        display: flex;
        flex-direction: row;
		padding:20px 0 20px 20px;
		align-items:start;
    }
    .list-product{
		display:inline-block;
        margin: -72px 0 0;
		width: 240px;
    }
	
	.banner.hide-banner .list-product { position:relative; overflow:visible; cursor:pointer; }
	.banner.hide-banner .list-product .arrow { display:inline-block; }
	.banner.hide-banner .dropdown-menu { position:absolute; top:50px; left:0; width:100%; height:auto; background-color:#FFF; border:1px solid #DDD; z-index:900; box-shadow:0 3px 5px #ddd; display:none; }
	.banner.hide-banner .list-product:hover .dropdown-menu { display:block; }
	
	.banner { position:relative; }
	.banner .img-banner { width:calc(100% - 280px); margin:0 0 0 20px; }
	
    .line-toggle {
        display: flex;
    }
    
    .dropdown-menu {
        display: flex;
    }
    .arrow{
        display: none;
    }
    .danhmuc{
        justify-content: center;
        gap: 5px;
        align-items: center;
        white-space: nowrap;
		height:52px;
    }
	.dropdown-menu .menu-pro { padding:0 16px; height:53px;  }
	.dropdown-menu .menu-pro .nhan-hang { max-width:40px; }
    .ngoc-ty.banner-2{
        max-width:1300px;
        margin: 0 auto;
		padding:0; 
		gap:20px;
    }
    .img-container{
        width: 50%;
    }
    .title-product{
        display: flex;
        flex-direction: row;
        max-width:1300px;
        margin: 0 auto;
        justify-content: space-between;
        white-space: nowrap;
        padding-bottom: 30px;
    }
    .product-list .product-card { width:24%; }
    .info-img{
        display: flex;
        flex-direction: row;
    }
    .info-top{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .ft-bot{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .coppy-right{
        padding-left: 2%;
    }
    .design{
        padding-right: 3%;
    }
	.info-img .img-thuonghieu, .info-img .info-thuonghieu { width:50%; }
    .info-thuonghieu{
		padding-top:20px;
		font-size:1.1em; 
    }
	.camket-donghanh .dich-vu { padding:0;}
	.info-center img { margin-top:-20px; }
}
@media(min-width:1200px){
	body { padding-bottom:590px; }
	.logo { height:80px; }
	
	.nav-content-container { text-align:center; }
    .nav-content{
        padding-left: 260px;
		margin:0 auto;
    }
	
	.dropdown-menu .menu-pro { padding:0 16px; height:72px; }
	.dropdown-menu .menu-pro .nhan-hang { max-width:50px; }
	
    .banner {
        max-width:1300px;
        margin: 0 auto;
		padding:0;
    }
	.banner .list-product { margin-top:-52px; width:260px; }
	
	.banner .img-banner { margin-top:20px;  }
	
	.ngoc-ty.banner-2 { padding:0; margin-top:20px; }
	
	
	.info-top { align-items:start; }
	.camket-donghanh .dich-vu { font-size:1.1em; white-space:nowrap; }
	.logo-ft { width:50%; }
	.chinh-sach, .folow { width:20%; padding-top:120px; }
	.info-center { padding-top:40px; }
	
	
	.footer-container { position:absolute; bottom:0; left:0; width:100%; height:auto; }
	.footer-top { padding: 60px 20px 0px; }
}
@media(min-width:1300px){
	.about { padding:0; }
}
@media(min-width:1400px){
    .slick-prev {
        left: -40px;
    }
    .slick-next {
        right: -40px;  
     }
}
@media(min-width:1500px){
	
    .product-list .product-card { width:19%; }
}