*{
/*    margin:0;
    padding:0; */
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
body,html{
    height:100%
}
body{
    padding-left:0.5em
}
h1,h2,h3,h4,h5,h6{
    color:#212121
    margin-top:15px;
    margin-bottom:5px;
}
.alert__offer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    background:#fbdf1a;
    padding:15px;
    font-weight:600;
    color:#706e6e
}
.alert__offer a{
    text-decoration:none
}
.alert__offer--text{
    text-transform:uppercase;
    margin-bottom:0
}
.alert__offer--close{
    cursor:pointer
}
.alert__offer--link{
    color:#706e6e
}
.header{
    position:relative
}
.header__container{
    padding:5px 8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-bottom:1px solid #8b8b8b
}
.header .nav__opener{
    color:#df3d82;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
    top:0.625em;
    left:0.94em
}
.header .nav__menu--icon{
    width:1.6em;
    height:1.4em;
    border-bottom:2px solid #df3d82;
    display:block;
    position:relative
}
.header .nav__menu--icon::before{
    content:"";
    width:0.81em;
    position:absolute;
    left:0;
    top:0.375em;
    background:#df3d82;
    height:2px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.header .nav__menu--icon::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:13px;
    width:16px;
    height:2px;
    background:#df3d82
}
.header .nav__menu--icon i{
    font-size:1.13em;
    color:#df3d82;
    position:absolute;
    top:-1px;
    right:-8px
}
.header .info__list{
    list-style:none
}
.header .info__list li{
    padding:0 5px
}
.header .info__list li a{
    text-decoration:none;
    font-size:1em;
    line-height:1em;
    color:#df3d82;
    text-transform:capitalize;
    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;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.header .info__list li a i{
    margin-bottom:3px;
    font-size:20px
}
.breadcrumb{
    padding:6px 10px
}
.breadcrumb__item{
    text-decoration:none;
    color:#64398b;
    position:relative;
    margin-right:17px;
    font-size:15px
}
.breadcrumb__item::after{
    content:"/";
    position:absolute;
    right:-13px
}
.breadcrumb .active{
    color:#706e6e
}
.breadcrumb .active::after{
    content:""
}
.collection{
    padding:6px;
    margin-bottom:8px
}
.collection__title{
    text-transform:uppercase;
    padding-bottom:3px
}
.collection__text{
    color:#706e6e
}
.border{
    height:5px;
    width:98%;
    -webkit-box-shadow:inset 7px 9px 4px -6px rgba(0,0,0,0.75);
    box-shadow:inset 7px 9px 4px -6px rgba(0,0,0,0.75);
    background:#ececec
}
.gift__section{
    padding:1em
}
.gift__section .section__title{
    padding-bottom:8px
}
.gift__section .gift__list{
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
//    padding:20px
}
.gift__section .gift__list--item{
    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;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.gift__section .gift__list--item p{
    padding-top:8px;
    font-size:17px;
    color:#706e6e;
width: 90px;
text-align: center;

}
.gift__section .gift__list--link{
    width:80px;
    height:80px;
    border-radius:50%;
    background:#f5f5f5;
    border:2px solid #cacaca;
    position:relative
}
.gift__section .gift__list--link i{
    position:absolute;
    font-size:45px;
    color:#64398b;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.gradient__border{
    margin-top:10px;
    width:100%;
    height:2px;
    background-image:-webkit-gradient(linear, left top, right top, from(#319fae), color-stop(#4da79d), color-stop(#70ac8b), color-stop(#94ae7f), color-stop(#b5af7d), color-stop(#c4aa7c), color-stop(#d1a480), color-stop(#da9f89), color-stop(#d8948a), color-stop(#d3898d), color-stop(#cb8092), to(#c07898));
    background-image:linear-gradient(to right, #319fae, #4da79d, #70ac8b, #94ae7f, #b5af7d, #c4aa7c, #d1a480, #da9f89, #d8948a, #d3898d, #cb8092, #c07898)
}
.filterZip__section{
    padding:14px;
    background:#f8f8f8;
    -webkit-box-shadow:0px 4px 3px -5px rgba(0,0,0,0.75);
    box-shadow:0px 4px 3px -5px rgba(0,0,0,0.75)
}
.filterZip__container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap
}
.filterZip__container .filter__dropdown{
    position:relative;
    display:inline-block;
    vertical-align:top;
    height:24px;
    z-index:1
}
.filterZip__container .filter__content{
    cursor:pointer;
    color:#515151;
    text-align:center;
    font-size:18px
}
.filterZip__container .filter__content i{
    color:#244453;
    padding-right:7px;
    font-size:17px
}
.filterZip__container .filter__dropdown_content{
    display:none;
    height:auto;
    position:absolute;
    width:245px;
    z-index:30;
    text-align:left;
    margin-left:70px;
    position:absolute;
    left:-81px;
    background-color:#f9f9f9;
    -webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
    z-index:1;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    margin-top:4px
}
.filterZip__container .filter__dropdown_content h2{
    background:#dcdcdc;
    color:#706e6e;
    padding:8px 15px;
    font-size:22px;
    letter-spacing:1.3px;
    margin-bottom:10px
}
.filterZip__container .filter__dropdown_content ul{
    list-style:none
}
.filterZip__container .filter__dropdown_content ul li a{
    text-decoration:none;
    display:block;
    color:#706e6e;
    padding:8px 12px;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    font-size:17px
}
.filterZip__container .filter__dropdown_content ul li a:focus{
    color:#ffffff;
    background:#64398b
}
.filterZip__container .filter__dropdown_content ul li a:hover{
    color:#ffffff;
    background:#df3d82
}
.filterZip__container .filter__dropdown_content .first__filter{
    margin-bottom:13px
}
.filterZip__container .filter__dropdown:hover .filter__dropdown_content{
    display:block
}
.filterZip .zipCode__text{
    color:#a5a5a5
}
.zipCode__content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.zipCode__content h3{
    color:#df3d82;
    padding-right:10px;
    font-size:22px
}
.zipCode__content .zipCode__input{
    position:relative
}
.zipCode__content input[type="text"]{
    padding:6px 4px;
    border:2px solid #ebebeb
}
.zipCode__content span{
    position:absolute;
    background:#ebebeb;
    padding:6px 8px;
    top:50%;
    right:-17px;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.product__section{
    padding:25px 5px
}
 .read__btn{
    text-decoration:none;
    display:inline-block;
    color:#df3d82;
    background:#ffffff;
    border-radius:0;
    outline:none;
    border:none;
    cursor:pointer
}
.product__section .read__btn:hover{
    color:#64398b
}
.product__section #more{
    display:none
}
.product__section .btn__container{
    display:block;
    text-align:center;
    margin-top:45px
}
.product__section .btn__loadmore{
    background:#df3d82;
    padding:15px 25px;
    text-decoration:none;
//    font-size:16px;  @DS
    text-transform:uppercase;
    color:#ffffff;
    letter-spacing:1.5px;
    border-radius:10px;
    -webkit-box-shadow:2px 2.25px 3px rgba(0,0,0,0.45);
    box-shadow:2px 2.25px 3px rgba(0,0,0,0.45);
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.product__section .btn__loadmore:hover{
    background:#64398b;
    letter-spacing:2px
}
.product__heading{
    color:#244453;
    padding-bottom:9px
}
.product__small-text{
    color:#244453;
    font-size:15px
}
.product__small-text a{
    text-decoration:none
}
.product__container{
    overflow:hidden
}
.product__grid{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.product__card{
    position:relative;
    width:calc(100% / 1);
    width:25%;
    border:0 solid transparent;
    border-width:0 10px 10px 0
}
.product__card .img__container img{
    width:100%
}
.product__card .bestSeller{
    position:absolute;
    background:rgb(223, 61, 130);
    color:#ffffff;
    padding:4px 12px;
    font-size:15px;
    font-weight:500;
    -webkit-clip-path:polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path:polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    top:0;
    left:0;
    margin-left:45px;
    margin-top:12px;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.product__card .price__label{
    position:absolute;
    background:#ffffff;
    padding:4px 10px;
    text-align:center;
    font-size:15px;
    font-weight:500;
    color:#444444;
    bottom:0;
    left:0;
    margin-left:53px;
    margin-bottom:230px;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.product__info{
    text-align:center;
    padding:8px
}
.product__info .price{
    font-size:1em;
    padding:6px 5px;

	    display: inline-block;
    margin: 10px;
    border-top-width: 1px;
    border-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-color: rgb(228, 228, 228);
    font-weight: bold;
}
.product__info .price .before__discount{
    text-decoration:line-through;
    color:#df3d82;
    padding-left:12px
}
.product__info .price .after__discount{
    font-weight:700;
    color:#222222;
    padding-left:4px
}
.product__info .delivery{
    font-style:italic;
    color:#534c3c;
    padding-bottom:5px
}
.product__info .delivery__time{
    text-transform:uppercase;
    margin-top:8px;
    font-weight:600;
    color:#1d1c1c;
    letter-spacing:1.2px;
    font-size:12px
}
.product__link{
    text-decoration:none
}
.product__title{
/*    padding-bottom:13px;
    margin-top:5px;  */ 
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:12px;
    font-weight:normal;
}
.product__price{
    color:#706e6e;
    font-weight:700;
    font-size:17px;
    color:#000000
}
@media (min-width: 400px) and (max-width: 600px){
    .product__card{
        width:calc(100% / 2)
    }
}
@media (min-width: 601px) and (max-width: 764px){
    .product__card{
        width:calc(100% / 3)
    }
}
@media (max-width: 399px){
    .product__card{
        width:calc(100% / 2)
    }
}
@media (max-width: 321px){
    .product__card .price__label{
        padding:2px 3px;
        text-align:center;
        font-size:12px;
        margin-left:33px;
        margin-bottom:172px
    }
}
@media (max-width: 289px){
    .product__card .price__label{
        margin-bottom:192px
    }
}
@media (max-width: 273px){
    .product__card .price__label{
        margin-bottom:200px
    }
}
@media (max-width: 235px){
    .product__card .price__label{
        width:80px;
        margin-bottom:208px;
        padding:2px;
        text-align:left;
        font-size:13px;
        margin-left:40px
    }
}
@media (max-width: 306px){
    .product__card .bestSeller{
        padding:2px 3px;
        font-size:12px;
        -webkit-clip-path:none;
        clip-path:none;
        margin-left:29px;
        margin-top:9px
    }
}
.zipCodemodaloverlay{
    background:rgba(0,0,0,0.8);
    bottom:0;
    left:0;
    opacity:0;
    pointer-events:none;
    position:fixed;
    right:0;
    top:0;
    -webkit-transition:opacity 400ms ease-in;
    transition:opacity 400ms ease-in;
    z-index:-1;
    display:none
}
.zipCodemodaloverlay .modalZipCode{
    background-color:rgba(255,255,255,0.8);
    height:60%;
    position:relative;
    margin:30px auto;
    padding:6em 2em;
    overflow-y:scroll;
    text-align:center;
    -webkit-overflow-scrolling:touch
}
@media (min-width: 60em){
    .zipCodemodaloverlay .modalZipCode{
        height:75%;
        margin:0 auto;
        max-height:57em;
        max-width:66em;
        width:85%
    }
}
.zipCodemodaloverlay .modalZipCode>iframe,.zipCodemodaloverlay .modalZipCode>div{
    border:none;
    width:100%;
    height:100%
}
.zipCodemodaloverlay .modalZipCode p{
    color:#df3d82;
    padding:12px 20px;
    font-size:18px;
    letter-spacing:1.4px;
    text-transform:uppercase
}
.zipCodemodaloverlay .modalZipCode input[type="text"]{
    padding:8px 6px
}
.zipCodemodaloverlay .modalZipCode .zipCode__input{
    display:block;
    margin:0 auto
}
.zipCodemodaloverlay .modalZipCode input[type="text"]{
    padding:6px 4px;
    border:2px solid #ebebeb;
    position:relative;
    width:280px
}
.zipCodemodaloverlay .modalZipCode span{
    position:absolute;
    background:#ebebeb;
    padding:6px 8px;
    border:1px solid #ebebeb
}
.zipCodemodaloverlay .close{
    background-color:#f08080;
    color:#ffffff;
    font-size:24px;
    padding:8px 12px;
    position:absolute;
    right:0;
    text-align:center;
    text-decoration:none;
    top:0;
    z-index:1;
    outline:none;
    border:none;
    border-radius:0;
    cursor:pointer
}
.top__bar{
    display:none
}
.announcement{
    display:none
}
.navbar{
    display:none
}
.category{
    display:none 
}
@media (min-width: 768px){
    .alert__offer{
        display:none
    }
    .header__container{
        display:none
    }
    .border{
        display:none
    }
    .gift__section{
        display:none
    }
    .top__bar{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        background:#df3d82;
        color:#ffffff;
        padding:1px 12px
    }
    .top__bar a{
        text-decoration:none;
        color:#ffffff;
        -webkit-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out
    }
    .top__bar a:hover{
        color:#222222
    }
    .top__bar .left__content{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .top__bar .left__content .contact{
        margin-left:10px
    }
    .top__bar .right__content{
        display:inline-block
    }
    .top__bar .right__content .user__login{
        position:relative;
        margin-right:15px
    }
    .top__bar .right__content .user__login::after{
        content:"|";
        position:absolute;
        margin-left:8px
    }
    .above-link{
        display:inline-block;
        height:24px;
        margin-right:20px
    }
    .deliveryLink{
        display:inline-block
    }
    .country__dropdown{
        position:relative;
        display:inline-block;
        vertical-align:top;
        height:24px;
        z-index:99
    }
    .country_dropdown-content{
        margin-left:125px;
        visibility:hidden;
        opacity:0;
        position:absolute;
        left:-180px;
        background-color:#f9f9f9;
        -webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
        box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
        z-index:99;
        -webkit-transition:all 0.3s ease;
        transition:all 0.3s ease;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        width:300px;
        padding:20px
    }
    .country_dropdown-content li{
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:distribute;
        justify-content:space-around;
        margin-bottom:20px
    }
    .country_dropdown-content a{
        width:50%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        margin-right:30px
    }
    .country_dropdown-content a span{
        width:25px;
        height:20px;
        -webkit-box-shadow:1px 2.2px 2px rgba(0,0,0,0.45);
        box-shadow:1px 2.2px 2px rgba(0,0,0,0.45)
    }
    .country_dropdown-content a span img{
        width:100%;
        height:100%
    }
    .country_dropdown-content a p{
        color:#000000
    }
    .country_dropdown-content a:hover p{
        color:#df3d82
    }
    .country_dropdown-content .more-btn{
        -ms-flex-item-align:center;
        -ms-grid-row-align:center;
        align-self:center;
        width:180px;
        display:block;
        margin:20px auto;
        text-decoration:none;
        text-align:center;
        background:#64398b;
        padding:12px 15px;
        color:#ffffff;
        font-size:14px;
        border-radius:6px;
        text-transform:uppercase;
        letter-spacing:1.3px;
        -webkit-box-shadow:1px 1.76px 3px rgba(0,0,0,0.45);
        box-shadow:1px 1.76px 3px rgba(0,0,0,0.45);
        -webkit-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out
    }
    .country_dropdown-content .more-btn:hover{
        background:#df3d82;
        letter-spacing:1.7px;
        color:#ffffff
    }
    .country_dropdown-content .more-btn:focus{
        background:#df3d82
    }
    .country__dropdown:hover .country_dropdown-content{
        visibility:visible;
        opacity:1
    }
    .announcement{
        background:#fbdf1a;
        color:#706e6e;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding:13px 24px;
        position:relative
    }
    .announcement .left__content{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .announcement__icon{
        display:block;
        position:absolute;
        padding:14px 10px;
        top:0px;
        background:#000000
    }
    .announcement__icon i{
        color:#ffffff
    }
    .announcement p{
        margin-left:60px;
        font-size:17px
    }
    .announcement .right__content .announcement__close{
        cursor:pointer
    }
    .navbar{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap;
        padding:16px 20px;
        border-bottom:1px solid #8b8b8b;
        text-align:center
    }
    .left__nav{
        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;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap
    }
    .navbar__ul{
        margin-left:20px;
        list-style:none;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap
    }
    .navbar__li{
        margin:4px 5px
    }
    .navbar__a{
        text-decoration:none;
        padding:7px 14px;
        text-align:center;
        font-weight:bold;
        text-transform:uppercase;
        color:#373248;
        -webkit-transition:color 0.3s ease-in-out;
        transition:color 0.3s ease-in-out
    }
    .navbar__a:hover{
        color:#030305
    }
    .right__nav{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap
    }
    .right__nav a{
        text-decoration:none
    }
    .right__nav .user_signIn span.userIcon{
        display:block;
        width:45px;
        height:45px;
        border-radius:100%;
        border:1px solid #df3d82;
        position:relative
    }
    .right__nav .user_signIn span.userIcon i{
        position:absolute;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);
        font-size:20px;
        color:#df3d82
    }
    .right__nav .user_signIn span.userText{
        color:#706e6e;
        font-size:17px;
        margin-top:10px
    }
    .right__nav .shopping_cart{
        text-decoration:none;
        margin-left:20px;
        text-align:center;
        font-size:17px;
        color:#706e6e
    }
    .right__nav .shopping_cart i{
        display:block;
        font-size:36px;
        margin-bottom:6px;
        color:#706e6e
    }
    .collection h2{
        margin-top:20px
    }
    .zipCode__input input[type="text"]{
        width:400px
    }
    .category{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap;
        padding:35px 10px
    }
    .category li{
        list-style:none;
        text-align:center;
        margin:15px
    }
    .category li a{
        text-decoration:none
    }
    .category li span{
        font-size:20px;
        color:#197ca5
    }
    .category .img__container{
        width:120px;
        height:120px;
        border-radius:100%;
        background:#f5f5f5;
        -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
        box-shadow:3px 3px 5px rgba(0,0,0,0.2);
        margin-bottom:13px
    }
    .category .img__container img{
        width:105%;
        height:105%;
        -webkit-transform:translateY(-7px);
        transform:translateY(-7px)
    }
}

@media (max-width: 1034px){
    .navbar__li{
        margin:4px 3px
    }
    .navbar__a{
        padding:7px 8px
    }
}
@media (max-width: 954px){
    .navbar__a{
        font-size:14px
    }
}
@media (max-width: 897px){
    .navbar__li{
        margin:3px
    }
    .navbar__a{
        font-size:12px
    }
}
@media (max-width: 840px){
    .navbar{
        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;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .navbar__brand{
        margin-bottom:7px
    }
    .navbar__a{
        font-size:16px
    }
    .left__nav{
        -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;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-bottom:15px
    }
}
@media (max-width: 767px){
    .navbar{
        display:none
    }
}