:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
    color: #b22335
}

::selection {
    background: #888;
    color: #fff
}

::-moz-selection {
    background: #888;
    color: #fff
}

a,
a:focus {
    color: #b22335;
    text-decoration: none;
    outline: 0
}

a:hover {
    text-decoration: none;
    outline: 0;
    color: #b22335
}

ol,
ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

img {
    max-width: 100%;
    border: 0
}

body,
html {
    height: 100%
}

body {
    color: #3b3939;
    font-size: 14px;
    font-weight: 400;
    overflow-x: hidden;
    padding-top: 275px;
    transition: .6s
}

body.sticky {
    padding-top: 222px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Work Sans', sans-serif;
    margin-bottom: 20px
}

.heading,
h1,
h2 {
    font-size: 40px;
    font-family: 'Work Sans', sans-serif;
    color: #3d3b6f;
    font-weight: 700
}

h3 {
    font-size: 30px
}

body {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}



@media(min-width:1250px) {
    .container {
        width: 1230px
    }
    footer .container {
        width: 1230px
    }
}
.alert-success {
    color: #204611!important;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #203351;
    border-color: #203351
}

.bordermain {
    border: 1px solid #ddd
}
.announceicon,
.whatsappicon,
.addcarticon,
.arrow-org,
.arrow-w,
.bulkicon,
.carticon,
.carticon-red,
.comments,
.designicon,
.droparrow,
.editicon,
.email-icon,
.facebook,
.facebook1,
.facebook-og1,
.google-og1,
.google1,
.ii-icon,
.instagram,
.login-icon,
.login-icon-red,
.order-sample-pack,
.order-sample-pack-red,
.phone,
.pin-icon,
.pinterest,
.prodticon,
.search-icon,
.search-icon-mobile,
.searchicon,
.shipicon,
.shipicon-red,
.shippinginfo,
.singup-icon,
.user,
.singup-icon-red,
.slide-left,
.slide-right,
.toolicon,
.trackicon,
.twitter,
.linkedin,
.fabric-icon,
.pin-icon1,
.uploadicon,
.wishlisticon,
.camera {
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.upload_design_icon {
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-position: 3px -176px;
    width: 26px;
    height: 29px
}

.select_design_icon {
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-position: -332px 0;
    width: 26px;
    height: 29px
}
.fabric-icon {
    background-position:-374px -232px;
    width: 56px;
    height: 92px;
    display:block;
    margin-left: auto;
    margin-right: auto;
}
.btn_group_sec {
    float: left
}

.btn_group_sec .inputfile+label {
    min-width: 50px;
    margin-right: 10px
}

#fabric_generator+.choosebtn {
    min-width: 50px
}

#fabric_generator+.choosebtn:hover {
    background: #b22335
}

.list_style li {
    padding: 10px 0 5px 29px;
    background: url(../images/bullets.png) left 14px no-repeat
}

.single_list {
    margin-bottom: 15px
}

.btn_group_sec_wrap {
    margin-top: 15px
}

.ii-icon {
    background-position: -126px 0;
    width: 20px;
    height: 21px
}

.phone {
    background-position: -46px -227px;
    width: 22px;
    height: 22px
}

.email-icon {
    background-position: -97px -226px;
    width: 20px;
    height: 20px
}

.pin-icon {
    background-position: 0 -225px;
    width: 17px;
    height: 25px
}
.pin-icon1 {
    background-position: -308px -225px;
    width: 18px;
    height: 28px
}
.shipicon {
    background-position: -56px 0;
    width: 26px;
    height: 22px
}

.slide-left {
    background-position: -204px 0;
    width: 9px;
    height: 15px
}

.slide-right {
    background-position: -292px 0;
    width: 9px;
    height: 15px
}

.trackicon {
    background-position: 0 -272px;
    width: 25px;
    height: 25px;
    margin-right: 5px
}

.arrow-org {
    background-position: -149px -49px;
    width: 23px;
    height: 14px
}

.arrow-w {
    background-position: -149px -83px;
    width: 23px;
    height: 13px
}

.bulkicon {
    background-position: -44px -273px;
    width: 23px;
    height: 21px;
    margin-right: 5px
}

.wishlisticon{
    background-position: -448px -271px;
    width: 20px;
    height: 23px;
    position: relative;
}

.carticon {
    background-position: -275px -226px;
    width: 18px;
    height: 18px;
    position: relative
}

.comments {
    background-position: 0 -123px;
    width: 27px;
    height: 27px
}

.prodticon {
    background-position: -48px -123px;
    width: 30px;
    height: 35px
}

.shippinginfo {
    background-position: -106px -123px;
    width: 36px;
    height: 30px
}

.addcarticon {
    background-position: -166px -123px;
    width: 27px;
    height: 23px
}

.editicon {
    background-position: -219px -123px;
    width: 14px;
    height: 14px
}

.droparrow {
    background-position: -259px -123px;
    width: 11px;
    height: 7px
}

.searchicon {
    background-position: -208px -47px;
    width: 21px;
    height: 21px
}

.uploadicon {
    background-position: -2px -176px;
    width: 21px;
    height: 23px
}

.designicon {
    background-position: -98px -172px;
    width: 27px;
    height: 27px
}

.toolicon {
    background-position: -365px -168px;
    width: 28px;
    height: 32px
}

.facebook {
    background-position: -159px -166px;
    width: 40px;
    height: 44px;
    background-color: #3a559f
}

.twitter {
    background-position: -196px -166px;
    width: 40px;
    height: 44px;
    background-color: #2daae1
}

.instagram {
    background-position: -233px -166px;
    width: 40px;
    height: 44px;
    background-color: #9e1f56
}
.linkedin {
    background-position: -324px -166px;
    width: 40px;
    height: 44px;
}
.pinterest {
    background-position: -267px -166px;
    width: 40px;
    height: 44px;
    background-color: #d63633
}

.facebook1 {
    background-position: -164px -173px;
    width: 30px;
    height: 26px
}

.google1 {
    background-position: -304px -174px;
    width: 30px;
    height: 26px
}
.facebook-og1 {
    background-position: -309px -266px;
    width: 24px;
    height: 24px;
}
.google-og1 {
    background-position: -342px -266px;
    width: 24px;
    height: 24px;
}
.announceicon {
    background-position: -404px -173px;
    width: 26px;
    height: 26px;
}
.expanded_cat {
    margin-bottom: 8px
}

.expanded_cat a {
    font-weight: 600
}

.order-sample-pack {
    background-position: -276px -48px;
    width: 22px;
    height: 22px
}

.order-sample-pack-red {
    background-position: -324px -48px;
    width: 22px;
    height: 22px
}

.singup-icon-red {
    background-position: -324px -48px;
    width: 18px;
    height: 18px
}

.shipicon-red {
    background-position: -376px -49px;
    width: 26px;
    height: 22px
}

.singup-icon-red {
    background-position: -325px -92px;
    width: 18px;
    height: 18px
}

.login-icon-red {
    background-position: -376px -92px;
    width: 17px;
    height: 14px
}

.carticon-red {
    background-position: -325px -133px;
    width: 18px;
    height: 18px;
    position: relative
}

.singup-icon {
    background-position: -170px -226px;
    width: 18px;
    height: 18px
}
.user {
    background-position: -192px -229px;
    width: 18px;
    height: 18px
}

.login-icon {
    background-position: -221px -228px;
    width: 17px;
    height: 14px
}
.whatsappicon{
   background-position: -132px -229px;
    width: 20px;
    height: 22px;
}

.expanded_cat a:before {
    width: 8px!important;
    height: 8px!important;
    border-right: 2px solid #203351!important;
    border-top: 2px solid #203351!important;
    transform: rotate(-135deg)!important;
    -ms-transform: rotate(-135deg)!important;
    -webkit-transform: rotate(-135deg)!important
}

#pList_model,
#product_list_model {
    text-align: center;
    padding: 0!important;
    background: rgba(0, 0, 0, .3)
}

#pList_model:before,
#product_list_model:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

#pList_model .modal-dialog,
#product_list_model .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

#pList_model .modal-body,
#product_list_model .modal-body {
    padding: 60px
}

#pList_model .modal-body ul,
#product_list_model .modal-body ul {
    text-align: center
}

#pList_model .modal-body ul li a,
#product_list_model .modal-body ul li a {
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #42426e;
    border: solid 1px #42426e;
    transition: .5s;
    padding: 12px 30px;
    text-transform: uppercase
}

#pList_model .modal-body ul a:hover,
#product_list_model .modal-body ul li a:hover {
    background: #42426e;
    color: #fff
}

#product_list_model .modal-body {
    padding: 30px 20px
}

#product_list_model .modal-content {
    background: #fef7f8;
    border: 0
}

#product_list_model .modal-header {
    border-bottom: 1px solid #42426e
}

#product_list_model .modal-body ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 0;
    max-width: 320px;
    width: 100%
}

#product_list_model .modal-dialog {
    width: 400px
}

#product_list_model .modal-body ul li a {
    font-size: 13px;
    display: block
}

#product_list_model .modal-title {
    color: #42426e
}

#product_list_model .close {
    opacity: 1;
    color: #42426e
}

#product_list_model .modal-body ul li a:hover {
    background: #42426e;
    border: 1px solid #fffefe50;
    color: #fff
}

.expanded {
    font-weight: 600
}

.expanded {
    margin-bottom: 8px
}

.expanded a {
    font-weight: 600
}

.expanded a:before {
    width: 8px!important;
    height: 8px!important;
    border-right: 2px solid #203351!important;
    border-top: 2px solid #203351!important;
    transform: rotate(-135deg)!important;
    -ms-transform: rotate(-135deg)!important;
    -webkit-transform: rotate(-135deg)!important
}

.chooseicon,
.chooseicon2,
.manufacturing-icon1,
.manufacturing-icon2,
.paymenticon1,
.paymenticon2,
.qualityicon,
.selectdesignicon {
    background: url(../images/bigicon.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.qualityicon {
    background-position: 0 0;
    width: 56px;
    height: 46px
}

.selectdesignicon {
    background-position: -106px 0;
    width: 55px;
    height: 45px
}

.chooseicon {
    background-position: 0 -86px;
    width: 50px;
    height: 41px
}

.chooseicon2 {
    background-position: -101px -82px;
    width: 50px;
    height: 53px
}

.paymenticon1 {
    background-position: -207px 0;
    width: 56px;
    height: 38px
}

.paymenticon2 {
    background-position: -200px -93px;
    width: 66px;
    height: 40px
}

.manufacturing-icon1 {
    background-position: 0 -167px;
    width: 56px;
    height: 40px
}

.manufacturing-icon2 {
    background-position: -102px -168px;
    width: 51px;
    height: 51px
}

.about_maker {
    margin-bottom: 20px
}

.gotoID {
    cursor: pointer
}

.blogimg img,
.category li a,
.designimg img,
.fbox>ul>li>a,
.header2 .contactlink,
.header2 .headfirst:after,
.header2 .headfirst:before,
.header2 .logsec,
.homeshop ul li>div img,
.homeshop ul li>div:before,
.imghover img,
.logo,
.logo img,
.readmore,
.staticdiv,
.swimg img,
.topmenu,
.topmenu>ul>li>a {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.fullwidth {
    width: 100%;
    float: left
}

.top_header {
    background: #fff;
    z-index: 99;
    transition: all .5s ease-in-out;
    position: fixed;
    top: 0
}

body.home2 {
    padding-top: 200px
}

.header2 .headfirst:after,
.header2 .headfirst:before {
    top: 60px
}

.header2 .toplinks {
    height: auto
}

.header2 .contactlink,
.header2 .logsec {
    position: absolute;
    top: 13px;
    z-index: 3
}

.home2.sticky .header2 .contactlink,
.home2.sticky .header2 .logsec {
    top: 10px
}

.header2 .logsec {
    right: 0
}

.header2 .toplinks {
    background: #fff
}

.header2 .toplinks ul li a {
    color: #3d3b6f;
    font-size: 14px
}

.infotop{
    background: #b22335;
    padding: 8px 300px;
    text-align: center;
    line-height: 1.1;
}
.infotopMove{
    overflow: hidden;
}
.infotop span{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.infotop span a{
    color: inherit;
}
.infotop span a:hover{
    color: #fff;
}
.toplinks {
    padding: 0 30px;
    background: #fff
}

.toplinks {
    background: #3b3b6f;
    height: 38px;
    transition: .2s;
    -webkit-transition: .2s;
    position:relative;
}

.toplinks ul li {
    float: left;
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}

.toplinks ul li:first-child {
    padding-left: 0
}

.toplinks ul li:first-child:before {
    display: none
}

.toplinks ul li a {
    line-height: 36px;
    height: 32px;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    display: inline-block
}

.contactlink {
    float: left
}

.toplinks li a i {
    margin-right: 5px
}

.logsec li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    height: 15px;
    border-left: 1px solid #b4b4b4
}
.logsec li.logedin:before{
    display: none;
}
.toplinks ul.contactlink li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    height: 15px;
    border-left: 1px solid #b4b4b4
}

.toplinks ul.contactlink li a:first-child {
    padding-left: 0
}

.toplinks ul li a:hover {
    color: #ccc
}

.right {
    float: right
}

.header2 .dropdown dt a::after {
    top: 13px
}

.header2 .toplinks .contactlink>li>a {
    font-size: 15px;
    font-weight: 700
}

.header2 .toplinks .logsec>li>a span {
    color: #3e3e42;
    text-transform: capitalize;
    font-weight: 600
}

.header2 #country-select {
    border: 1px solid #adadad;
    background: #fff
}

.header2 .dropdown dt a {
    background: 0 0;
    color: #3e3e42;
    height: 28px
}

.header2 dl.dropdown dt span:nth-child(2) {
    color: #3e3e42;
    font-size: 13px;
    font-weight: 600
}

.header2 .dropdown dt a span {
    padding: 0 10px
}

.header2 .topmenu>ul>li>a {
    text-transform: capitalize
}

.header2 .headfirst {
    padding-top: 78px
}

.header2 .headcont {
    padding-top: 5px
}

.header2 .dropdown dd ul {
    background: #fff
}

.header2 .headfirst::before {
    z-index: 2
}

.sociallink li {
    display: inline-block;
    vertical-align: middle;
    padding: 0!important
}

.sociallink li a {
    display: block;
    text-align: center;
    padding: 0!important
}

.logo {
    width: 170px;
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -90px;
    z-index: 99;
}

.toplink2 {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #ecebec
}

.headfirst-inner {
    position: relative
}

.headfirst {
    padding: 90px 30px 13px;
    position: relative;
    transition: .2s;
    -webkit-transition: .2s
}

.headfirst:after {
    content: '';
    position: absolute;
    width: 50%;
    left: 0;
    top: 68px;
    height: 2px;
    background: #b22335;
    z-index: 1
}

.headfirst:before {
    content: '';
    position: absolute;
    width: 50%;
    right: 0;
    top: 68px;
    height: 2px;
    background: #3b3b6f;
    z-index: 11
}

.headcont {
    float: left;
    font-size: 15px;
    font-weight: 400;
    color: #3e3e42;
    line-height: 1.3
}

.headcont span {
    display: block;
    font-weight: 600;
    color: #b42235
}

.logsec {
    float: right;
    color: #fff
}

.logsec li {
    display: inline-block;
    text-transform: uppercase
}

.logsec a {
    display: inline-block;
    color: #000
}

.logsec>span>a:hover {
    color: #f66b20
}

.cartlink {
    text-align: center;
    display: inline-block
}

.toplinks .carticon {
    margin-right: 15px
}

.currency-wrapper select {
    background: #2f2f59;
    border: 0;
    color: #fff;
    height: 44px
}

.topmenu {
    text-align: center
}
.mshow{
    display: none !important;
}
.designimg {
    width: 100%;
    text-align: center;
    line-height: 220px;
    background-color: #ccc;
    overflow: hidden
}

#latest.owl-carousel .owl-item img,
.designimg img {
    max-height: 220px;
    min-height: 220px;
    line-height: 220px;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    display: inline-block;
    vertical-align: top
}

#latest {
    margin-bottom: 15px
}

.designimg:hover img {
    transform: scale(1.5)
}

.topmenu>ul {
    position: relative
}

.topmenu>ul>li {
    display: inline-block;
    position: relative
}

.topmenu>ul>li>a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    color: #3e3e42;
    font-size: 17px;
    line-height: 52px;
    padding: 0 40px;
    text-transform: uppercase;
    border-top: 2px solid #fff
}

.topmenu ul ul {
    display: none;
    width: 240px;
    position: absolute;
    background: #fff;
    z-index: 10;
    text-align: left
}

.topmenu>ul>li>ul li {
    border-top: 1px solid #f2f2f2
}

.topmenu>ul>li>ul li:first-child {
    border: none
}

.topmenu>ul>li>ul li>a {
    display: block;
    padding: 8px 25px;
    color: #020d26;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.topmenu>ul>li>ul li>a:hover {
    padding-left: 32px;
    background: #f6f6f6
}

.number-list {
    list-style: none;
    padding-top: 15px;
    list-style-type: decimal
}

.number-list li {
    background: 0 0!important;
    padding-left: 10px!important
}

.bluk_order_pages input[type=email] {
    height: 50px
}

.bluk_order_pages.satisfaction-frm {
    padding: 15px 15px 0
}

.satisfaction-frm .content_sec {
    max-width: 100%;
    padding: 40px 35px
}

.privacypage.lp-inner .satisfaction-frm .content_sec .heading2 {
    margin-top: 0
}

.satisfaction-frm .content_sec .formtext {
    margin-bottom: 30px
}

.satisfaction-frm .content_sec .formtext .head_text {
    margin-bottom: 0
}

@media(min-width:992px) {
    .topmenu>ul>li>ul>li:hover>ul,
    .topmenu>ul>li>ul>li>ul>li:hover>ul,
    .topmenu>ul>li>ul>li>ul>li>ul>li:hover>ul {
        display: block
    }
    .topmenu>ul>li>ul {
        box-shadow: 10px 40px 15px 0 rgba(0, 0, 0, .24)
    }
    .topmenu>ul>li:hover>a,
    .topmenu>ul>li>a.active {
        box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .18);
        border-color: #b42235
    }
    .topmenu .drop_menu {
        box-shadow: 10px 40px 15px 0 rgba(0, 0, 0, .24);
        max-height: 450px
    }
    .topmenu>ul>li:hover>ul {
        display: block
    }
}

.topfirst {
    text-align: center;
    padding: 30px 0
}

.btnsec button, .btnsec > a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    display: inline-block;
    color: #fff;
    font-size: 19px;
    height: 47px;
    width: 164px;
    border: 1px solid #203351;
    background-image: -moz-linear-gradient(-42deg, #3b3b6f 1%, #565699 100%);
    background-image: -webkit-linear-gradient(-42deg, #3b3b6f 1%, #565699 100%);
    background-image: -ms-linear-gradient(-42deg, #3b3b6f 1%, #565699 100%);
    box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, .004)
}
.btnsec > a {
    line-height: 42px;
}
.btnsec button i, .btnsec > a > i {
    margin-right: 10px
}

.btnsec button:hover, .btnsec > a:hover {
    background-image: -moz-linear-gradient(-42deg, #565699 0, #3b3b6f 99%);
    background-image: -webkit-linear-gradient(-42deg, #565699 0, #3b3b6f 99%);
    background-image: -ms-linear-gradient(-42deg, #565699 0, #3b3b6f 99%);
    box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, .004)
}

.toptrack li {
    display: inline-block
}

.toptrack>li>a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    display: block;
    color: #3e3e42;
    font-size: 16px;
    line-height: 53px;
    padding: 0 15px;
    position: relative
}

.toptrack>li:first-child>a:after {
    border-right: 1px solid #a5a5a5;
    content: "";
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 20px
}

.plusicon {
    display: none;
    position: absolute;
    right: 0;
    top: 5px;
    cursor: pointer
}

.plusicon:after {
    content: "+";
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    color: #fff
}

.sticky .toplink2,
.toplink2 {
    position: relative
}

.staticdiv {
    display: none;
    height: 0;
    padding: 0
}

.sticky .toplinks {
    height: 0;
    overflow: hidden;
    transition: .2s;
    -webkit-transition: .2s
}

.sticky .staticdiv {
    display: block
}

.sticky .headfirst:after,
.sticky .headfirst:before {
    top: 50px
}

.sticky .logo {
    width: 140px;
    margin-left: -75px;
}

.sticky .headfirst {
    padding: 60px 30px 3px
}

.mobile {
    display: none
}

.bulk_banner {
    height: 420px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat
}

.bulk_banner .banner_text {
    max-width: 625px;
    color: #fff
}

.bulk_banner .banner_text .text_lg {
    color: #f3a427
}

.bulk_banner .banner_text .text_md {
    font-size: 20px;
    margin-bottom: 15px
}

.bulk_banner .banner_text p {
    font-size: 18px
}

.guidelines_area {
    background: #f2f2f0;
    padding: 40px 0
}

.guidelines_area .heading {
    margin-top: 15px
}

.icon_order {
    margin-bottom: 150px
}

.icon_order .text {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px
}

.icon_order .icon {
    margin-bottom: 15px
}

.guidelines_area ul li {
    padding: 0 0 10px 30px;
    font-size: 16px;
    background: url(../images/bullets.png) left 5px no-repeat;
    font-weight: 400
}

.bluk_order_pages {
    position: relative
}

.bluk_order_pages {
    text-align: center;
    background: #fff!important
}

.bluk_order_pages:before {
    background: url(../images/form-top.png);
    background-size: cover;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 155px;
    background-repeat: no-repeat;
    background-size: cover;
    display: none
}

.icon_order:after {
    display: block;
    content: '';
    clear: left
}

@keyframes slide-down {
    0% {
        opacity: .8;
        transform: translateY(-100%)
    }
    100% {
        transform: translateY(0)
    }
}

.bluk_order_pages .help-block {
    text-align: left
}

.banner {
    position: relative
}

.bannertext {
    position: absolute;
    left: 0;
    bottom: 20%;
    width: 100%;
    color: #fff;
    font-size: 20px
}

.bannertext p {
    margin-bottom: 20px
}

.bheading {
    font-size: 45px;
    text-transform: uppercase;
    line-height: 50px;
    margin-bottom: 20px
}

.btn {
    background: #b22335;
    border: 1px solid #b22335;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    padding: 7px 13px 6px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-left: 25px;
}

.btn:focus,
.btn:hover {
    color: #fff;
    opacity: .9
}

.homeshop {
    padding: 45px 0;
    background: #f6f7f8
}

.homeshop ul li {
    width: 33.33%;
    float: left;
    padding: 15px
}

.homeshop ul li>div {
    position: relative;
    overflow: hidden
}

.heading {
    text-align: center;
    margin: 20px 0;
    padding-bottom: 22px;
    background: url(../images/titlebg.png) center bottom no-repeat
}

.homeshop ul li>div:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    display: inline-block;
    left: 50%;
    top: 50%;
    z-index: 2
}

.homeshop ul li>div:hover:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.homeshop ul li>div:hover img {
    transform: scale(1.5)
}

.shoptitle {
    position: absolute;
    left: 30px;
    top: 80px;
    color: #fff
}

.shoptitle span {
    font-size: 35px;
    margin-bottom: 30px;
    display: block
}

.shoptitle span:after {
    content: "";
    display: block;
    width: 55px;
    height: 3px;
    background: #fff
}

.homeshop ul li:first-child .shoptitle span {
    color: #2d3136
}

.homeshop ul li:first-child .shoptitle span:after {
    background: #f66b20
}

.shopbtn {
    font-size: 28px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    background: #fff;
    color: #203351;
    border-left: 6px solid #b22335;
    padding: 15px 30px 10px;
    line-height: 30px;
    min-width: 180px;
    min-height: 60px;
    text-transform: uppercase;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 15px;
    z-index: 3
}

.shopbtn small {
    font-size: 15px;
    display: block
}

.shopbtn:hover {
    color: #203351
}

.latestdesign {
    background: #fff;
    padding: 40px 0 60px
}

.latestdesign #latest {
    padding-top: 20px
}

.home-banner-btn {
    /*position: absolute;
    left: 15px;
    right: 15px;
    bottom: 22px;
    z-index: 11*/
    padding: 20px 0 15px;
}
.home-banner-btn .btnsec a {
    margin: 0 5px;
}
.fabric_care_box {
    display: flex;
    background: #f2f2f0;
    position: relative;
    margin-bottom: 50px
}

.fabric_care_box .text_box {
    width: 58%;
    padding: 50px;
    margin-right: 40px
}

.fabric_care_box .text_box .title {
    font-size: 35px;
    font-weight: 700;
    color: #000;
    margin-bottom: 25px
}

.fabric_care_box .text_box p {
    font-size: 16px;
    color: #3e3e42;
    line-height: 1.563
}

.fabric_care_box .images_box {
    width: 42%;
    background-size: cover;
    background-repeat: no-repeat
}

.fabric_care_box:nth-child(odd) .images_box {
    order: 3
}

.fabric_care_box:nth-child(3n+2) {
    background: #e2eed8
}

.fabric_care_box:nth-child(3n+3) {
    background: #faf3e9
}

.fabric_care_box:last-child {
    margin-bottom: 0
}

.fabric_care_box.color3 {
    background: #faf3e9
}

.text_box.about {
    margin-right: 0
}

.aim4 {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

.aim4 .title {
    margin-top: 15px
}

.aimssec p {
    font-size: 18px
}

.value_head {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #222
}

@media (max-width:1300px) {
    .bulk_banner {
        height: 330px
    }
}

@media (max-width:991px) {
    .fabric_care_box {
        display: block
    }
    .fabric_care_box img {
        width: 100%
    }
    .fabric_care_box .images_box {
        width: 100%;
        background-position: top center!important
    }
    .fabric_care_box .text_box {
        width: 100%;
        padding: 20px;
        margin-right: 0
    }
    .fabric_care_box .text_box .title {
        font-size: 25px;
        margin-bottom: 10px
    }
    .fabric_care_box:nth-child(2) {
        padding-top: 20px
    }
    .fabric_care_box:nth-child(2) .images_box {
        background-size: auto 100%!important
    }
    .aim4 {
        font-size: 18px
    }
    .aim4 img {
        max-height: 60px
    }
}

.lf_sec {
    margin-top: 40px;
    display: block
}

.lf_sec:hover img {
    transform: scale(1.2)
}

.lf_sec:hover .title {
    color: #b42235
}

.lf_sec .images {
    height: 205px;
    overflow: hidden;
    margin-bottom: 12px
}

.lf_sec .images img {
    object-fit: cover;
    transition: .5s
}

.lf_sec .title {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    transition: .5s
}

.bg_white {
    background: #fff
}

.lf_sec_wrap {
    margin-top: 75px;
    padding-bottom: 40px
}

.lf_sec_wrap .col-sm-3 {
    padding: 0 10px
}

@media(max-width:767px) {
    .lf_sec_wrap {
        text-align: center;
        margin-top: 35px;
        padding-bottom: 0
    }
    .lf_sec {
        margin-top: 25px
    }
}

.titles {
    font-size: 19px;
    font-weight: 500;
    display: block;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .09);
    margin-bottom: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.hsubhead {
    padding: 10px 20px;
    font-size: 16px
}

.hsubhead p {
    font-size: 14px;
    color: #65636b;
    font-weight: 500;
    margin: 0
}

.hsubhead p a {
    font-size: 13px;
    color: #65636b;
    text-decoration: underline
}

.section-one-home {
    padding: 50px 0 65px
}

.aboutbg {
    background: #fff url(../images/aboutbg.jpg) center bottom no-repeat;
    background-size: 100%;
    position: relative
}

.aboutbg:before {
    content: "";
    width: 40%;
    height: 100%;
    background: url(../images/aboutimg.jpg) center right no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0
}

.righttext {
    width: 60%;
    float: right;
    padding: 50px 0 50px 50px
}

.righttext .heading {
    text-align: left
}

.righttext p {
    font-size: 20px;
    color: #203351;
    margin-bottom: 30px
}

.righttext p span {
    font-size: 26px;
    font-style: italic
}

.btn.morebtn {
    min-width: 230px;
    padding: 10px 30px 15px
}

.regform ul li label.cuslabel {
    display: inline-block;
    font-weight: 400;
    margin-right: 15px
}

.icons3 ul {
    list-style: none
}

.icons3 ul li {
    margin: 0 -4px
}

.circle {
    text-align: center
}

.circle li {
    width: 21%;
    color: #203351;
    margin: 0 -4px;
    padding-top: 20px;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.circle li small {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: #fff;
    border: 4px solid #dcdcdc;
    line-height: 90px;
    display: block;
    position: relative;
    border-radius: 50%;
    position: relative;
    z-index: 2
}

.circle li small cite {
    font-family: 'Work Sans', sans-serif;
    line-height: 20px;
    font-weight: 700;
    width: 24px;
    height: 24px;
    border: 2px solid #dcdcdc;
    background: #fff;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    color: #3d3b6f
}

.circle li span {
    font-family: 'Work Sans', sans-serif;
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #3e3e42;
    line-height: 20px;
    padding-top: 10px
}

.circle li:before {
    content: "";
    width: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 70px;
    border-bottom: 5px solid #dcdcdc
}

.circle li:after {
    content: "";
    width: 50%;
    display: block;
    position: absolute;
    right: 0;
    top: 70px;
    border-bottom: 5px solid #dcdcdc
}

.icons4 {
    background: #f6f7f8;
    padding: 30px 0 70px
}

.icons4 .circle li:before {
    width: calc(50% - 50px)
}

.icons4 .circle li:after {
    width: calc(50% - 50px)
}

.icons3 .circle,
.icons4 .circle {
    padding-top: 25px
}

.section-one-home .heading {
    margin-top: 0
}

.accheading {
    background: #3d3b6f;
    padding: 15px 0;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    position: relative;
    text-align: center
}

.accheading:after {
    top: 100%;
    left: 50%;
    content: " ";
    width: 30px;
    height: 30px;
    border-radius: 0 0 10px;
    background: #3d3b6f;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    margin-top: -16px
}

.accordionsec {
    padding: 75px 0 50px;
    background: #fff url(../images/aboutbg.jpg) center bottom no-repeat;
    background-size: 100%
}

.imgbox {
    padding: 15px 15px 50px;
    /*background-color: #fff;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .21);*/
    width: 515px;
    /*transform: rotate(5deg);
    transform-origin: 50% 40%;*/
    float: left;
   /* margin-left: 60px;*/
    margin-bottom: 40px
}

#accordion {
    width: 50%;
    float: right
}

.panel-group .panel {
    border-radius: 0;
    background: 0 0;
    box-shadow: none
}

.accordionsec .panel-default {
    border: none;
    border-top: 1px solid #e0e0e0
}

.accordionsec .panel-default:first-child {
    border: none
}

.accordionsec .panel-default>.panel-heading {
    background: 0 0;
    padding: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    border: none;
    padding: 0 0 10px;
    font-size: 17px;
    line-height: 22px;
    color: #3e3e42
}

.panel-group .panel+.panel {
    margin-top: 0
}

.panel-title {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #203351
}

.panel-title a {
    padding: 10px 0;
    display: block;
    position: relative
}

.panel-title a:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 13px;
    top: 18px;
    width: 12px;
    height: 12px;
    border-right: 2px solid #203351;
    border-bottom: 2px solid #203351;
    transform: rotate(-135deg)
}

.panel-collapse>.panel-body li {
    padding: 10px 0 10px 35px;
    background: url(../images/bullets.png) left 14px no-repeat
}

.panel-title a.collapsed:after {
    transform: rotate(45deg);
    top: 13px
}

.panel-collapse>.panel-body .btn {
    margin-top: 10px;
    margin-bottom: 15px
}

.testimonial {
    padding: 50px 0
}

#testimonials {
    padding: 0 110px;
    overflow: hidden
}

#testimonials .owl-stage-outer {
    overflow: visible
}

#big .owl-nav button,
#testimonials .owl-nav button,
#thumbs .owl-nav button {
    margin: 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #dadadd;
    background: #fff url(../images/sprites.png) no-repeat;
    text-indent: -9999px;
    position: absolute;
    bottom: 50%
}

#big .owl-nav button.owl-prev,
#testimonials .owl-nav button.owl-prev,
#thumbs .owl-nav button.owl-prev {
    background-position: -191px 11px;
    left: 10px
}

#big .owl-nav button.owl-next,
#testimonials .owl-nav button.owl-next,
#thumbs .owl-nav button.owl-next {
    background-position: -276px 11px;
    right: 10px
}

#big .owl-item,
#testimonials .owl-item,
#thumbs .owl-item {
    opacity: .5
}

#big .owl-item.active,
#testimonials .owl-item.active,
#thumbs .owl-item.active {
    opacity: 1
}

.tbox {
    background: #f4f4f4;
    padding: 40px 30px;
    font-size: 18px
}

.tbox p {
    color: #203351
}

.tbox p:first-child:after,
.tbox p:first-child:before {
    content: "";
    width: 21px;
    height: 20px;
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.tbox p:first-child:before {
    margin-right: 5px;
    background-position: 0 -36px
}

.tbox p:first-child:after {
    background-position: -51px -36px;
    margin-left: 5px
}

.tbox p span {
    font-family: 'Proxima Nova Lt';
    font-weight: 600
}

.tbox p small {
    display: block;
    font-size: 15px
}

.latestblog {
    background: #fff;
    padding: 50px 0 0
}

.latestblog img {
    float: left;
    height: 360px;
    max-width: inherit
}

.blogimg:hover img {
    transform: scale(1.5)
}

.getsec {
    width: 55%;
    float: right;
    font-size: 16px;
    color: #2d3136;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #fff;
    padding: 20px
}

.getsec h4 {
    font-size: 24px;
    text-transform: uppercase;
    color: #203351;
    margin-bottom: 10px
}

.latestblog ul li {
    width: 50%;
    float: left;
    padding-top: 20px
}

.imghover {
    overflow: hidden;
    /*aspect-ratio: 1;*/
    /*height: 220px;
    line-height: 180px;*/
    text-align: center;
    background: #ccc;
    padding: 0;
        border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
}

.imghover img {
    /*max-height: 220px;*/
    /*line-height: 180px*/
}

.imghover:hover img {
    transform: scale(1.5)
}

.usages-list .imghover{
    height: 285px;
    line-height: 285px;
}
.usages-list .imghover img {
    max-height: 285px;
    line-height: 285px
}

.latestdesign .btn {
    text-transform: none
}

.fabric-img-wrap {
    display: block;
    overflow: hidden;
}

.sku-code-box {
    background: #fff;
    border: 1px solid #ddd;
    padding: 5px 15px;
    color: #3b3b6f
}

.sku-code-box span,
.sku-code-box strong {
    display: inline-block!important;
    vertical-align: middle!important
}

.sku-code-box strong {
    float: left;
    margin-right: 8px
}

.sku-code-box span {
    overflow: hidden;
    padding-top: 0!important
}

.detials-info-sc {
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 10px
}

.detials-info-sc span,
.detials-info-sc strong {
    display: inline-block;
    vertical-align: middle;
    padding-top: 0!important
}

.detials-info-sc strong {
    float: left;
    margin-right: 10px
}

.detials-info-sc span {
    float: right
}

.blogimg {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden
}

.bcont {
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    height: 100%;
    background: #3d3b6f;
    padding: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 22px
}

.bcont p span {
    font-size: 28px;
    font-weight: 700
}

.bcont .btn {
    background: #fff;
    color: #203351;
    border: 1px solid #fff
}

.bcont .btn:hover {
    background: #b22335;
    border: 1px solid #b22335;
    color: #fff
}

footer {
    padding: 60px 0 40px;
    background: #42426e;
    position: relative;
    font-family: Roboto, sans-serif;
    font-weight: 300
}

.flogo {
    width: 200px;
    opacity: .33;
    margin-bottom: 20px
}

.fbox {
    width: 18.666%;
    float: left;
    margin-right: 3.5%;
    color: #fff
}

.fbox p {
    line-height: 1.5
}

.fbox p strong {
    font-size: 16px
}

.fbox p a {
    color: #f4f4f4;
    font-size: 16px
}

.fbox span {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    display: block;
    padding-bottom: 10px
}
.fbox .sub-title-ft {
    font-size: 15px;
    padding-bottom: 6px;
}
.fbox .sub-title-ft.payment-c {
    padding-bottom: 10px;
}
.address-wrapper .address-item span {
    font-weight: 300;
    font-size: 15px
}

.fbox>ul>li>a {
    color: #f4f4f4;
    font-size: 15px;
    padding: 6px 0;
    display: block;
    opacity: .5
}

.fbox>ul>li>a:hover {
    color: #b22335;
    opacity: 1
}

.fbox:nth-child(1),
.fbox:nth-child(2) {
    width: 14%
}

.fbox:last-child {
    margin-right: 0;
    text-align: center
}

.fbox:nth-child(4) {
    width: 20.666%
}

.fbox.newsletter>div {
    width: 100%;
    float: left
}

.fbox.newsletter span:first-child {
    padding-top: 0
}

.fbox.newsletter span,
.payment-method {
    padding-top: 20px
}

.fbox i {
    margin-right: -2px
}

.address-wrapper .address-item {
    overflow: hidden;
    margin-bottom: 10px
}

.address-wrapper .address-item i {
    margin-right: 10px;
    float: left
}

.address-wrapper .address-item span {
    overflow: hidden;
    display: block;
    padding-bottom: 0
}

.fbox .sociallink li {
    padding: 0 4px 0 0!important
}

.fbox .sociallink li i {
    height: 40px;
    border-radius: 50%;
    background-color: #1e1e40!important
}

.fbox .sociallink {
    overflow: hidden
}

.newbox {
    width: 100%
}

.newbox input {
    width: calc(100% - 80px);
    background: 0 0;
    float: left;
    border: 1px solid #525273;
    padding: 0 15px;
    line-height: 40px;
    color: #fff;
    height: 40px
}

.newbox button {
    width: 80px;
    float: left;
    font-weight: 700;
    background: #b22335;
    color: #fff;
    text-transform: uppercase;
    border: none;
    height: 40px
}

footer .newbox input {
    font-size: 14px
}

footer .newbox button {
    width: 80px;
    float: left;
    font-weight: 700;
    background: #b22335;
    color: #fff;
    text-transform: uppercase;
    border: none;
    height: 40px;
    font-size: 14px
}

.copy {
    background: #262650;
    border-top: 1px solid #525273;
    font-size: 14px;
    padding: 15px 0
}

.copy span {
    color: #fff;
    opacity: .33
}

.copy span:nth-child(2) {
    float: right
}

.fbox .copyright-text {
    font-size: 12px;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    display: block;
    padding-top: 6px;
    color: #fff;
    opacity: .33
}

.logpage {
    color: #203351;
    font-size: 15px;
    padding: 70px 0
}
.log-pritem {margin-top: 12px;}
.logpage h2 {
    font-size: 28px;
    text-transform: uppercase;
}
.regform .facebooklog {
    background: #3f5aa6;
}
.regform .googlelog {
    background: #dd4b39;
}
.logpage .container {
    max-width: 800px
}
.regform ul li small {
    font-size: 12px;
}
.regform ul {overflow: hidden;}
.border-top-strip {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #d8d8d8;
}
.border-top-strip-sign {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #d8d8d8;
    clear: both;
}
.half {
    width: 50%;
    float: left;
    padding: 0 40px
}

.loginleft label {
    font-weight: 400;
    margin: 10px 0 0
}

.loginleft .btn.bluebg {
    margin-top: 10px;
}

.loginwith.centertext {
    clear: both;
}

.loginleft p a {
    margin-top: 10px
}

.inputfild,.sccountsec .form-control{
    width: 100%;
    display: block;
    padding: 5px 10px !important;
    border: 1px solid #ccc;
    height: 40px !important;
    line-height: 28px;
    border-radius: 0px;
}
.sccountsec textarea.form-control{
    height: auto !important;
}
.select2-container--default .select2-selection--multiple{
    border-radius: 0px !important;
}
ul.multiselect-container{
        max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}
.sccountsec .btn-group{
    height: 40px;
}
.loginbtn {
    display: inline-block;
    border: 2px solid #b42235;
    background: #fff;
    font-size: 16px;
    padding: 5px 30px;
    color: #b42235;
    text-transform: uppercase
}

#newsletter_subscription_form_messages {
    margin-top: 0
}

.loginright {
    border-left: 1px solid #ecebec
}

.loginright ul {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 20px
}

.innerheading {
    text-align: center;
    padding: 55px 0;
    background: #fbf8f6 url(../images/headingbg.jpg) center center no-repeat;
    background-size: cover
}

.innerheading h1 {
    margin-top: 0
}

.innerheading a:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    border-right: 1px solid #203351;
    border-top: 1px solid #203351;
    transform: rotate(45deg)
}

.innerheading p {
    margin: 0
}

.innerpage {
    font-size: 16px;
    padding: 40px 0;
    background: #f7f8fa
}

.innerpage h1 {
    margin-top: 0
}

.innerpage h3 {
    font-size: 26px;
    margin-bottom: 5px;
    color: #f66b20
}

.pageleft {
    width: calc(100% - 280px);
    float: right
}

.sidebar {
    width: 250px;
    border: 1px solid #ecebec;
    float: left;
    background: #fff
}

.sidebar h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    padding: 15px;
    background: #3b3b6f;
    color: #fff;
    text-transform: uppercase
}

.sidehead {
    font-size: 18px;
    padding: 0 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #203351;
    display: block;
    margin: 40px 0 5px
}

.categories>ul {
    margin-bottom: 15px
}
.categories1{
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 24%);
}

.designSidebar{
    background: transparent;
    border:none;
}
.designSidebar .allCat{
    margin-bottom: 20px;
}
.designSidebar .categories,.designSidebar .categories1{
    border: 1px solid #ecebec;
    background: #fff;
}
.designSidebar .categories .sidehead{
    margin: 20px 0 5px;
}

.allCat{
    position: relative;
}
.allCat .atitle{
    position: relative;
    cursor: pointer;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    padding: 15px;
    background: #3b3b6f;
    color: #fff;
    text-transform: uppercase;
}
.allCat .atitle:before{
    content: '';
    position: absolute;
    right: 15px;
    top:44%;
    transform: translateY(-50%) rotate(135deg); 
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    width: 12px;
    height: 12px;
    transition: .3s ease-in;
}
.allCat .atitle.active:before{
    transform: rotate(-45deg);
}
.categories1>ul{
    margin-bottom: 0px;
}
.categories>ul>li,.categories1>ul>li {
    width: 100%;
    display: block
}

.categories>ul>li>a,.categories1>ul>li>a {
    padding: 10px 15px 10px 30px;
    display: block;
    color: #272027;
    font-size: 14px;
    position: relative
}
.categories1>ul>li>a {
    padding: 10px 15px 10px 15px !important;
} 

.categories ul li a.active,
.categories ul li a:hover,.categories1 ul li a.active,
.categories1 ul li a:hover {
    color: #fff;
    background: #3b3b6f
}

.categories ul li:first-child,.categories1 ul li:first-child {
    border: none
}

.categories ul li ul {
    margin-left: 30px;
    padding-bottom: 10px
}

.child_cat_ul li a:hover {
    background: 0 0!important;
    color: #272027!important
}

.child_cat_ul li a:before {
    content: ""!important;
    border-right: 1px solid #3b3b6f;
    border-top: 1px solid #3b3b6f;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 15px;
    top: 10px!important;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.categories>ul>li>ul>li>a {
    color: #272027;
    font-size: 13px;
    display: block;
    padding: 5px 15px;
    position: relative
}

.categories>ul>li>ul>li>a:before {
    content: "•";
    position: absolute;
    font-size: 24px;
    left: 0;
    top: 0;
    line-height: 22px;
    color: #f66b20
}

.listcat>ul>li.active,.listcat1>ul>li.active {
    background: #f8f3ef
}

.listcat>ul>li,.listcat1>ul>li {
    border-top: 1px solid #ecebec
}

.types>ul>li>a {
    padding-left: 40px
}

.listcat>ul>li>a:before {
    content: "";
    border-right: 1px solid #3b3b6f;
    border-top: 1px solid #3b3b6f;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 15px;
    top: 18px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.listcat>ul>li>a.active:before,
.listcat>ul>li>a:hover:before,.listcat1>ul>li>a.active:before,
.listcat1>ul>li>a:hover:before {
    border-color: #fff!important
}

.types>ul>li>a:before {
    content: "";
    border: 1px solid #ccc;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 15px;
    top: 10px
}

.types>ul>li.active>a:after {
    content: "";
    border-right: 1px solid #203351;
    border-bottom: 1px solid #203351;
    width: 5px;
    height: 9px;
    position: absolute;
    left: 22px;
    top: 13px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.types>ul>li.active>a:before {
    border: 1px solid #203351
}

.filter {
    margin-bottom: 10px;
    border-bottom: 1px solid #ecebec
}

.filter span {
    background: #ecebec;
    color: #203351;
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px
}

.filter label {
    font-weight: 400;
    margin-right: 10px
}

.filter .filtericon {
    background: 0 0;
    float: right;
    margin: 0;
    padding: 0;
    display: none
}

.blinking {
    animation: blinkingText 1.2s infinite;
    display: inline-block;
}
.blinking:hover{
    animation: unset;
}
@keyframes blinkingText {
    0% {
        color: #fff
    }
    49% {
        color: #fff
    }
    60% {
        color: transparent
    }
    99% {
        color: transparent
    }
    100% {
        color: #fff
    }
}

.listsec {
    margin: -10px -10px 0 -10px
}

.listsec>li {
    width: 33.33%;
    padding: 10px;
    float: left
}

/*.listsec>li:nth-child(4n+1) {
    clear: left
}
*/
.listsec>li img {
    width: 100%;
    height: 100%;
   /* transform: scale(1.4);*/

}

.listsec .texbox {
    padding: 15px;
    min-height: 204px;
    margin: 0;
    font-size: 15px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600!important;
    background: #fff;
    color: #3b3939;
    padding: 20px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .09);
    margin-bottom: 20px
}

.listsec .htitle {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.listsec .texbox span strong {
    min-width: 55px;
    font-weight: 600;
    display: inline-block
}

.listsec .texbox span {
    display: block;
    font-weight: 300;
    padding-bottom: 5px;
    font-size: 14px;
    min-height: 25px
}

/*.swatchbooks .listsec>li {
    width: 33.33%
}
*/
.regform ul {
    margin: 0 -10px
}

.regform ul li {
    width: 50%;
    float: left;
    padding: 5px 10px
}

.regform ul li.fullwidth {
    width: 100%;
    font-size: 18px;
    text-align: left;
}

.regform ul li label {
    display: block
}
.regform ul li label.inline-label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.captchadiv span {
    float: left
}

.captchainput {
    width: 100%;
    padding-left: 160px;
    position: relative
}

.captchainput small {
    position: absolute;
    left: 0
}

.captchainput small img {
    height: 40px
}

.regform ul li.fullsec {
    width: 100%;
    text-align: left;
    margin-top: 10px
}
.or-text-c {
    font-size: 18px;
    padding: 10px 0;
}
.dtimg {
    float: left;
    width: 550px;
    text-align: center
}

#big {
    line-height: 550px;
    background: #f1f1f1;
    padding: 1px
}

#big img {
    max-height: 550px;
    line-height: 550px;
    display: inline-block
}

.dtimg .owl-theme .owl-nav {
    margin: 0
}

#thumbs .owl-nav button {
    margin-bottom: -15px
}

#thumbs .owl-nav button.owl-prev {
    left: 0
}

#thumbs .owl-nav button.owl-next {
    right: 0
}

#thumbs {
    margin-top: 15px
}

#thumbs .owl-item {
    border: 1px solid #ccc
}

#thumbs .owl-item.active.current {
    border: 1px solid #f66b20
}

#thumbs img {
    height: 90px
}

.dtcontent {
    float: right;
    width: calc(100% - 600px);
    padding-left: 50px
}

.dtcontent h1,
.fg_left_inner h1 {
    margin: 20px 0 5px;
    text-transform: uppercase
}

.dtcontent h1,
.fg_left_inner h1 {
    font-size: 30px
}

.dtcontent p span {
    color: #f66b20
}

.sizebox {
    background: #fbfbfb;
    border: 1px solid #e4e4e4;
    padding: 30px;
    margin-bottom: 20px
}

.sizebox span {
    display: block
}

.sizebox .fabric .inputfild {
    padding-right: 28px
}

.fabric,
.size {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    font-size: 13px
}

.fabric>span,
.size>span {
    font-size: 16px
}

.size select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.size:after {
    content: "";
    border-right: 2px solid #b22335;
    border-bottom: 2px solid #b22335;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 10px;
    bottom: 17px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.editbtn {
    position: absolute;
    right: 1px;
    bottom: 1px;
    line-height: 38px;
    text-align: center;
    width: 30px;
    height: 38px;
    cursor: pointer
}

.editbtn:hover {
    background: #eaebeb
}
.loader{
    position: relative;
    display: inline-block;
    width: 100%;
}
.licon{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,.9);
    z-index: 1;
    height: 100%;
    display: none;
}
.licon .limg{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.lder-icon{
    width: 100px;
}
body.loader .licon{
    position: fixed;
    z-index: 99;
}
.qty {
    float: left
}

.quantity {
    margin-left: 5px;
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.quantity input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.quantity input[type=number] {
    -moz-appearance: textfield
}

.quantity input {
    width: 100px;
    height: 42px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: 1px solid #e4e4e4
}

.quantity input:focus {
    outline: 0
}

.quantity-nav {
    float: left;
    position: relative;
    height: 42px
}

.quantity-button {
    position: relative;
    cursor: pointer;
    width: 30px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif!important;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-indent: -99999px
}

.quantity-button:after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    right: 10px
}

.quantity-button.quantity-up:after {
    border-right: 2px solid #9ca3af;
    border-top: 2px solid #9ca3af;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 10px
}

.quantity-button.quantity-down:after {
    top: 4px;
    border-right: 2px solid #9ca3af;
    border-bottom: 2px solid #9ca3af;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 5px
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: 3px;
    height: 50%
}

.price {
    text-align: right
}

.price span {
    font-size: 26px;
    color: #203351;
    line-height: 45px;
    font-weight: 600;
}
.price span#special_dis_txt{
    font-size: 13px;
    color: #b22335;
    font-weight: 600;
    display: block;
    line-height: normal;
    margin-bottom: 15px;
}

.price small {
    display: block;
    font-size: 13px;
    color: #4a4e55
}

.addtocart {
    width: 100%;
    float: left;
    margin-top: 55px
}

.addtocart .btn {
    /*width: 185px;*/
}

.bluk_order {
    background: #3e3b70;
    border: 1px solid #3e3b70
}

.addtocart .btn i {
    margin-left: 5px
}

.SumoSelect {
    width: 100%!important
}

.deletebtn {
    background: #f66b20;
    color: #fff;
    border: none
}

input[type=file] {
    padding: 0
}

.imgsize {
    width: 60px
}

.two_btn_area {
    float: left;
    margin-right: 8px
}

.headth tr th {
    background: #203351;
    color: #fff
}

#total_cart_count {
    position: absolute;
    top: -10px;
    font-style: normal;
    right: -11px;
    background: #b22335;
    line-height: 20px;
    width: 20px;
    color: #fff;
    border-radius: 50%;
    font-size: 13px
}

.fg_data_box .inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.inputfile+label {
    max-width: 80%;
    min-width: 140px;
    font-size: 16px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 8px 10px
}

.inputfile.has-focus+label,
.inputfile:focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px
}

.inputfile-1+label {
    color: #fff;
    background-color: #b22335
}

.inputfile-1+label:hover,
.inputfile-1.has-focus+label,
.inputfile-1:focus+label {
    background-color: #3e3b70
}

.fg_data_box button {
    color: #fff;
    background-color: #b22335;
    outline: 0;
    border: none;
    padding: 8px 10px;
    margin-right: 10px
}

.removebtn {
    padding: 7px 10px;
    display: inline-block;
    color: #fff;
    background: #b22335;
    border: 1px solid #b22335
}

.removebtn:hover {
    color: #fff;
    border: 1px solid #b22335
}

.choosebtn {
    background: #3e3b70;
    border: 1px solid #3e3b70;
    color: #fff;
    padding: 7px 10px;
    min-width: 140px;
    text-align: center;
    font-weight: 600;
    display: inline-block;
    float: left
}

.choosebtn:hover {
    background: #fff;
    border: 1px solid #b22335
}

.choosebtn:hover i {
    color: #fff
}

.dtstrip {
    background: #fff;
    padding: 20px;
    margin-top: 30px;
    text-align: center
}

.dtstrip ul li {
    width: 25%;
    float: left;
    border-left: 1px solid #eaebeb
}

.dtstrip ul li span {
    display: block
}

.dtstrip ul li span small {
    color: #f66b20;
    font-size: 16px
}

.dtstrip ul li:first-child {
    border: none
}

.dtstrip ul li i {
    margin: 5px 0;
    height: 36px
}

.dtstrip ul li .comments {
    background-position: 0 -117px
}

.shoplink {
    border: 1px solid #f66b20;
    padding: 5px 25px;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    display: inline-block
}

.imgslid {
    background: #ccc;
    text-align: center;
    line-height: 220px
}

.moredesign {
    padding: 40px 0;
    background: #f7f8fa
}

#latest {
    padding-top: 20px
}

.dtsec {
    border-top: 1px solid #f0f0f0;
    padding: 50px 0;
    color: #4a4e55
}

.dtsec h4 {
    color: #2d3136;
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 10px
}

.dtleft {
    width: 65%;
    float: left
}

.dtbox1 {
    background: #f7f8f8;
    padding: 20px;
    margin-bottom: 50px
}

.dtbox1 span {
    color: #f66b20
}

.borderbox {
    border: 2px solid #b42235;
    padding: 25px;
    margin-bottom: 50px
}

.dtright {
    background: #fff6f1 url(../images/dtrightimg.jpg) center bottom no-repeat;
    background-size: 100%;
    margin-top: 40px;
    padding: 15px 30px 200px;
    width: 30%;
    float: right
}

.dtright ul {
    margin-top: 15px
}

.dtright ul li {
    display: block;
    padding: 2px 0
}

.dtright ul li a {
    display: inline-block;
    background: #fff;
    padding: 2px 7px;
    color: #404347
}

.dtright ul li a:hover {
    color: #fff;
    background: #f66b20
}

.sidesec {
    width: 300px;
    float: right
}

.sidebox {
    margin-bottom: 10px;
    width: 100%;
    float: left
}

.sidesec .sidehead {
    padding: 0
}

.searchbox {
    width: 100%;
    border: 1px solid #d4d4d4;
    float: left;
    font-size: 13px;
    color: #505c70
}

.searchinput {
    width: calc(100% - 48px);
    padding: 0 10px;
    background: #fff;
    border: none;
    line-height: 43px;
    height: 43px;
    float: left
}

.searchinput::placeholder {
    color: #505c70;
    opacity: 1
}

.searchbtn {
    width: 48px;
    height: 43px;
    background: #f66b20;
    border: none;
    float: left
}

.category {
    background: #fff;
    padding: 25px
}

.category li {
    display: block;
    padding: 2px 0
}

.category li a {
    color: #505c70;
    padding: 5px 10px;
    background-color: #f2f2f2;
    display: inline-block
}

.category li a:hover {
    background-color: #f66b20;
    color: #fff
}

.sidesec+.blogpage {
    width: calc(100% - 330px);
    float: left
}

.bloglist>li {
    width: 50%;
    float: left;
    padding: 15px 10px
}

.recentpost {
    background: #fff;
    float: left;
    width: 100%;
    padding: 15px
}

.recentpost li {
    width: 100%;
    float: left;
    padding: 15px 0;
    border-top: 1px solid #eaeaea
}

.recentpost li:first-child {
    border: none;
    padding-top: 0
}

.recentpost .imghover {
    width: 100px;
    line-height: 70px;
    height: 70px;
    float: left
}

.recentpost .imghover img {
    max-height: 70px;
    line-height: 70px
}

.recentpost .imghover:hover {
    transform: scale(1)
}

.recentpost .imghover+.btext {
    width: calc(100% - 115px);
    float: right;
    padding: 0
}

.recentpost .btext p {
    font-size: 14px;
    line-height: 18px
}

.recentpost .btext cite {
    font-size: 11px
}

.bdetail {
    padding-top: 15px;
    width: 100%
}

.bdetail h4 {
    font-size: 24px;
    color: #203351
}

.bdetail p cite {
    color: #b22335
}

.dtbg {
    width: 100%;
    height: 450px;
    line-height: 450px;
    background: #f1f1f1;
    text-align: center;
    margin-bottom: 15px
}

.dtbg img {
    max-height: 450px;
    line-height: 450px
}

.ordership h4 {
    margin-bottom: 10px
}

.ordership p span {
    min-width: 70px;
    font-weight: 500
}

.titlelist .menutitle {
    margin: 0
}

.menutitle a {
    display: block;
    line-height: 20px;
    color: #020d26
}

.menutitle a:after {
    content: "";
    width: 40px;
    border-bottom: 3px solid #b42235;
    display: block;
    margin-top: 5px
}

.titlelist .menutitle {
    margin-top: 10px
}

.titlelist a {
    color: #020d26;
    padding: 5px 20px
}

.view_all_li {
    font-weight: 500!important
}

.accountpage {
    padding: 30px 0;
    background: #f7f8fa
}

.acsidebar {
    width: 250px;
    float: left
}
.acsidebar .proname{
    padding-bottom: 0px;
}
.acsidebar .follower-likes{
    margin-bottom: 10px;
}
.acsidebar .follower-likes span{
    font-weight: 600;
    color: #b42235;
}
.acsidebar ul li {
    border-top: 1px solid #f7f8fa
}
.acsidebar ul li.disabled{
    opacity: .5;
}

.acsidebar ul li a {
    padding: 5px 10px;
    display: block;
    color: #203351;
    font-weight: 500;
    border-radius: 4px 0 0 4px
}

.acsidebar ul li a span {
    display: inline-block;
    vertical-align: middle
}

.acsidebar ul li.active a,
.acsidebar ul li:hover a {
    background: #fff;
    color: #203351
}

.acsidebar ul li:first-child {
    border: none
}

.acsidebar+.sccountsec {
    width: calc(100% - 250px);
    float: right;
    padding: 30px;
    background: #fff;
    min-height: 500px;
    border-radius: 4px;
    margin-bottom:20px;
}

.userimg {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
    line-height: 150px;
    background: #fff;
    box-shadow: 0 0 3px #ccc
}

.userimg img {
    width: 100%
}

.proname {
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tnc label {
    font-size: 13px;
    font-weight: 500
}

.tnc a {
    font-weight: 500
}

.whitebg {
    background: #fff;
    padding: 15px
}

.bgcolor {
    background: #fff
}

.orderheading.bgcolor {
    background: #fff;
    margin: 15px 0
}

.cart-totals table,
.cartlist {
    border: 1px solid #ddd;
    background: #fff
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    vertical-align: middle
}

.designtext {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    font-size: 14px
}

.designtext strong {
    font-weight: 500;
    min-width: auto;padding-right: 5px;
    display: inline-block;
    color: #203351
}

.designtext span {
    font-size: 16px;
    font-weight: 500;
    color: #203351
}

.orderheading {
    background: #f1f1f1;
    display: inline-block;
    width: 100%;
    padding: 10px 0
}

.property {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px
}

.addressfilds p span {
    display: inline-block;
    min-width: 70px
}

.designform .btn-group .btn {
    color: #000;
    font-size: 13px;
    font-weight: 300;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.headings {
    font-size: 20px;
    font-weight: 700
}

#coupon_code {
    padding: 5px 10px;
    border: 1px solid #3e3b70;
    line-height: 24px;
    float: left
}

.couponbtn {
    padding: 5px 10px;
    line-height: 24px;
    color: #fff;
    background: #3e3b70;
    border: 1px solid #3e3b70
}

.cart-totals {
    width: 40%;
    float: right
}

.coupondiv {
    float: left
}

.delete_item {
    font-weight: 700
}

.headfild {
    margin-bottom: 10px;
    font-weight: 700;
    min-height: 46px
}

.headfild label,
.headfild span {
    display: block;
    margin: 0
}

.formsec {
    margin-bottom: 20px;
    background: #fff;
    float: left;
    width: 100%;
    padding: 20px;
    border: 1px solid #ddd
}

.formsec h4 {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 20px
}

.formsec ul {
    margin: 0 -6px
}

.formsec ul>li {
    width: 50%;
    float: left;
    padding: 6px;
    position: relative
}

.formsec ul>li.fullwidth {
    width: 100%
}

.formsec ul>li>span {
    font-size: 12px;
    position: absolute;
    bottom: -10px
}

.formsec ul>li label {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px
}

.designtext span.tablespan {
    padding-right: 10px;
    font-size: 14px
}

.tablespan:after {
    content: ","
}

.tablespan:last-child:after {
    display: none
}

.checkoutlist {
    margin-top: 25px
}

.designtext span {
    display: block
}

.imgicon {
    display: inline-block;
    width: 120px;
    text-align: center;
    margin-right: 15px
}

.designtext span.tablespan {
    display: inline-block
}

.swimg {
    width: 50%;
    overflow: hidden;
    float: left
}

.swimg:hover img {
    transform: scale(1.2)
}

.dttext {
    width: 50%;
    float: left;
    padding-left: 50px
}

.dttext .htitle {
    font-size: 30px;
    font-weight: 600;
    color: #203351
}

.pricediv {
    font-size: 30px
}

.pricediv strong {
    font-size: 45px;
    font-weight: 400;
    color: #b22335
}

.qtysec {
    margin: 15px 0
}

.addbtn {
    margin-bottom: 15px
}

.logedin {
    padding: 0
}

.logsec .logedin a {
    padding: 0 0 0 5px
}

.profilebg {
    margin-bottom: 30px
}

.profileimg {
    width: 300px;
    height: 300px;
    margin-right: 30px;
    float: left;
    line-height: 300px;
    background: #fff;
    border: 1px solid #f1f1f1
}

.profiledetail .listsec>li {
    width: 25%
}

.flag-aud,
.flag-eur,
.flag-gbp,
.flag-inr,
.flag-usd {
    background: url(../images/flags.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

#country-select {
    background: #2f2f59;
    border-left: 1px solid #2f2f59;
    min-height: 36px;
    border-right: 1px solid #2f2f59;
    padding: 0 1px;
    margin-bottom: 0
}

dl.dropdown {
    width: 125px;
    display: block;
    position: relative
}

.dropdown dd,
.dropdown dt,
.dropdown ul {
    margin: 0!important;
    padding: 0
}

.dropdown dt a {
    position: relative;
    background: #2f2f59;
    display: block;
    padding-right: 20px;
    overflow: hidden;
    width: 115px;
    line-height: 20px!important
}

.dropdown dt a span {
    cursor: pointer;
    display: block;
    line-height: 30px;
    padding: 3px 10px;
    white-space: nowrap
}

.flag-aud {
    background-position: -111px -51px;
    width: 30px;
    height: 20px
}

.flag-usd {
    background-position: 0 0;
    width: 31px;
    height: 20px
}

.flag-eur {
    background-position: -62px 0;
    width: 31px;
    height: 20px
}

.flag-inr {
    background-position: -110px 0;
    width: 31px;
    height: 20px
}

.flag-gbp {
    background-position: 0 -51px;
    width: 31px;
    height: 20px
}

dl.dropdown dt span:nth-child(2) {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6em;
    display: inline-block;
    padding: 0;
    cursor: pointer
}

.dropdown dt a::after {
    content: '';
    position: absolute;
    background: url(../images/sprites.png) no-repeat;
    background-position: -169px -274px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 15px;
    width: 15px
}

.dropdown dd ul {
    background: #2f2f59;
    color: #fff;
    display: none;
    left: -2px;
    padding: 1px 0;
    position: absolute;
    width: 126px;
    border-left: 1px solid #2f2f59;
    border-right: 1px solid #2f2f59;
    list-style: none;
    max-height: 180px;
    overflow-y: scroll;
    top: 35px;
    z-index: 2;
    z-index: 1111
}

.dropdown dd ul li {
    display: inline;
    width: 100%;
    padding: 0
}

.dropdown dd ul li:before {
    display: none
}

.dropdown dd ul li a {
    padding: 2px 10px;
    display: block;
    line-height: 35px;
    font-size: 12px!important
}

.toptrack li.mobile {
    display: none
}

.search-toggle {
    width: 40px;
    height: 40px
}

.search-icon-mobile {
    background-position: -75px -265px;
    width: 40px;
    height: 40px
}

.search-bar-wrapper {
    position: relative;
    padding-right: 35px
}

.search-bar-wrapper input {
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #3e3e42;
    padding: 15px 10px;
    background: #efefef;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    border: 0;
    outline: 0!important
}

.search-bar-wrapper button {
    position: absolute;
    right: 4px;
    top: 0;
    background: #efefef;
    padding: 10px 15px 10px 0;
    border: 0;
    border-radius: 4px 4px 0 0;
    height: 40px;
    outline: 0!important
}

.search-bar-wrapper .search-icon {
    background-position: -95px -273px;
    width: 18px;
    height: 40px
}

.search-bar {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #fff;
    display: none
}

.search-bar.search-open {
    display: block
}

.search-bar .close-search-bar {
    position: absolute;
    top: 30px;
    right: 45px;
    cursor: pointer
}

.icon-close-search:after,
.icon-close-search:before {
    content: "";
    width: 21px;
    height: 2px;
    background: #000;
    display: block;
    position: absolute;
    left: 0
}

.icon-close-search:before {
    transform: rotate(-48deg);
    top: -7px
}

.icon-close-search:after {
    transform: rotate(45deg);
    bottom: 5px
}

.search-bar-inner {
    position: relative;
    top: 46%;
    max-width: 400px;
    text-align: center;
    margin-top: 30px;
    margin: auto
}

.search-bar input {
    font-size: 15px;
    background: 0 0;
    border: 1px solid #ddd!important;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    float: left;
    width: 80%;
    height: 55px;
    line-height: 55px;
    outline: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.search-bar button {
    float: left;
    width: 20%;
    background: #efefef;
    border: none;
    height: 55px;
    line-height: 55px;
    cursor: pointer;
    outline: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.search-bar .search-icon-mobile {
    background-position: -85px -264px
}

.search-tagline {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px
}

.circle li span em {
    display: inline-block;
    vertical-align: middle;
    font-style: normal
}

.logsec li:first-child {
    padding-left: 0
}

.logsec li.logout-li {
    padding-left: 0
}

.logsec li.logout-li:before {
    display: none
}

.bluk_order_pages .form_sec {
    background: #eae9e5;
    padding: 80px
}

.bluk_order_pages .content_sec {
    background: #faf3e9;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .17);
    padding: 60px 90px;
    max-width: 912px;
    margin: 0 auto;
    overflow: hidden
}

.guidelines_area ul {
    margin-top: 20px
}

.bluk_order_pages .head_text {
    font-size: 30px;
    color: #b42235;
    font-weight: 700;
    margin-bottom: 20px
}

.bluk_order_pages ul li {
    padding: 10px 85px 5px 110px;
    display: inline-block
}

.bluk_order_pages input[type=text] {
    height: 50px
}

.bluk_order_pages textarea::-webkit-input-placeholder {
    color: #555!important;
    font-size: 14px
}

.bluk_order_pages textarea:-moz-placeholder {
    color: #555!important;
    font-size: 14px
}

.bluk_order_pages textarea::-moz-placeholder {
    color: #555!important;
    font-size: 14px
}

.bluk_order_pages textarea:-ms-input-placeholder {
    color: #555!important;
    font-size: 14px
}

.bluk_order_pages select {
    height: 50px
}

.bluk_order_pages .formm-control {
    color: #555
}

.bluk_order_pages input::-webkit-input-placeholder {
    color: #555!important
}

.bluk_order_pages input:-moz-placeholder {
    color: #555!important
}

.bluk_order_pages input::-moz-placeholder {
    color: #555!important
}

.bluk_order_pages input:-ms-input-placeholder {
    color: #555!important
}

.bluk_order_pages .btn:hover,
.track_orderform .btn:hover {
    box-shadow: 1px 1px 6px #42426e;
    border: 1px solid #b22335;
    color: #fff;
    background: #b22335
}

.bluk_order_pages .btn,
.track_orderform .btn {
    border: 1px solid #b22335;
    height: 46px;
    color: #ccc;
    float: left;
    margin-top: 18px
}

.fabric-care-listing .list-item {
    padding: 35px 30px;
    margin-bottom: 45px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .04)
}

.fabric-care-listing .list-item:nth-child(even) {
    background: #fff4f5
}

.fabric-care-listing .list-item:nth-child(odd) {
    background: #fff
}

.fabric-care-listing .list-item .title {
    font-size: 35px;
    font-family: 'Work Sans', sans-serif;
    color: #3d3b6f;
    font-weight: 400;
    margin-bottom: 25px;
    text-align: center;
    line-height: 1
}

.fabric-care-listing .content-wrapper p {
    line-height: 1.6
}

.fabric-care-listing .content-wrapper {
    font-size: 15px
}

.fabric-price {
    font-size: 16px;
    margin-top: 15px;
    color: #b42235
}

.listsec .texbox ul {
    font-size: 14px;
    font-weight: 400;
    list-style-type: square;
    padding-left: 18px
}

.listsec .texbox ul li {
    padding-top: 2px
}

.btn-group-c .btn_group_sec .inputfile+label {
    max-width: 100%
}

.btn-group-c .choosebtn:hover {
    color: #fff
}

.btn-group-c .upload_design_icon {
    background-position: 0 -174px
}

.finger_pointer_icon {
    background: url(../images/finger_pointer_icon.png) no-repeat;
    background-size: 20px 29px;
    background-position: center center;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 29px
}

.fg_left_panel .gotoID span {
    font-style: italic;
    color: #b22335
}

.sl-item {
    font-size: 13px
}

.sl-item .list_style li {
    background-size: 15px 15px;
    padding: 8px 0 2px 26px;
    background-position: left 10px;
    font-weight: 600;
    color: #3e3b70
}

.toggle-btn {
    display: inline-block;
    vertical-align: middle;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #3e3b70;
    margin-bottom: 10px;
    padding-right: 36px;
    position: relative
}

.toggle-btn:after {
    content: "";
    border-right: 3px solid #b22335;
    border-bottom: 3px solid #b22335;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 12px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.toggle-content {
    padding:0px 10px;
    background: #f1f1f1;
    border: 1px solid #e4e4e4;
    display: block;
    font-weight: 600;
    margin-top: 15px
}

.toggle-content > span{padding: 10px 0; display: inline-block;}
.toggle-content > div{padding: 10px 0; display: inline-block;}


.toggle-content a:hover {
    color: #b22335
}

.toggle-content a {
    color: #3b3939
}

.btnsec2.btn-group-c label {
    max-width: 100%
}

.btnsec2.btn-group-c .choosebtn:hover {
    background: #45427d;
    border: 1px solid #45427d
}

.btnsec2.btn-group-c .removebtn {
    min-height: 45px;
    padding-top: 10px;
    padding-bottom: 10px
}

.terms-page-layout {
    text-align: justify
}

.sections1.track-order-pages {
    padding-top: 60px;
    padding-bottom: 70px
}

.track-order-pages .sec-title {
    font-size: 25px;
    font-weight: 600;
    color: #3d3b6f;
    margin-bottom: 50px;
    text-align: center
}

.sections1.track-order-pages .content_sec {
    margin-top: 0;
    max-width: 560px;
    padding: 40px 40px 50px
}

.track_orderform label {
    font-size: 14px;
    font-weight: 600;
    color: #3e3e42
}

.sellers-first-sec {
    padding-top: 30px;
    padding-bottom: 40px
}

.sellers-first-sec ul {
    max-width: 1030px;
    margin: 0 auto
}

.sellers-first-sec li {
    float: left;
    width: 30%;
    margin-right: 5%
}

.sellers-first-sec li:last-child {
    margin-right: 0
}

.sellers-first-sec .fabricbox {
    text-align: center;
    padding: 65px 50px;
    background: #fff;
    font-size: 18px;
    font-weight: 400;
    color: #3e3e42;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .17);
    min-height: 280px
}

.sellers-first-sec .title2 {
    color: #3e3e42
}

.border-bt-sm {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 13px!important
}

.border-bt-sm:after {
    content: '';
    background: url(../images/border_icon_small.png) no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 93px;
    height: 2px;
    margin: 0 auto;
    z-index: 11
}

.fabric-care-wrapper {
    clear: both;
    padding-top: 70px;
    padding-bottom: 50px
}

.fabric-care-wrapper .fabric_care_box:first-child {
    min-height: 350px
}

.fabric-care-wrapper .fabric_care_box {
    min-height: 400px;
    margin-bottom: 50px
}

.fabric-care-wrapper .fabric_care_box:last-child {
    margin-bottom: 0
}

.start-selling-sec {
    clear: both
}

.start-selling-sec .heading {
    margin-bottom: 45px
}

.start-selling-sec .content-box-left .title {
    font-size: 20px;
    font-weight: 400;
    color: #3e3e42;
    margin-bottom: 20px
}

.start-selling-sec .content-box-left ul {
    font-size: 18px;
    font-weight: 400;
    color: #3e3e42;
    list-style: none;
    padding-left: 0
}

.start-selling-sec .content-box-left li,
.student-discount-lp .content-box-wrapper li {
    background: url(../images/bullets.png) left 5px no-repeat;
    padding: 0 0 10px 30px
}

.start-selling-sec .content-box-right {
    margin-top: 20px;
    background: #fff9f0;
    padding: 45px 30px;
    font-size: 22px;
    font-weight: 400;
    color: #3e3e42;
    text-align: center
}

.start-selling-sec .content-inner-box {
    background: #fbf2e6;
    padding: 40px 30px
}

.sections1.student-discount-lp {
    padding: 70px 0 60px
}

.student-discount-lp .column-left {
    float: left;
    width: 50%;
    margin-right: 5%
}

.student-discount-lp .column-right {
    float: right;
    width: 45%
}

.sec-bottom-img {
    margin: 0 auto;
    text-align: center
}

.sections1.order-sec-wrapper .content_sec,
.sections1.student-discount-lp .content_sec {
    padding: 40px 45px 50px;
    margin: 0
}

.student-discount-lp .form-control {
    font-weight: 600;
    color: #3e3e42
}

.frm-title {
    background: #ede1d0;
    padding: 15px 25px;
    font-size: 18px;
    font-weight: 700;
    color: #b42235;
    margin-bottom: 18px
}

.frm-sub-title {
    font-size: 16px;
    color: #3e3e42;
    font-weight: 700;
    margin-bottom: 18px
}

.frm-sub-title a {
    color: #1c45b7
}

.student-discount-lp .logo-box-wrapper {
    position: relative;
    padding-top: 105px;
    padding-bottom: 100px
}

.student-discount-lp .common-box-wrapper .box {
    background: #b42235;
    color: #fff;
    width: 200px;
    height: 200px;
    display: table;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 30px
}

.student-discount-lp .common-box-wrapper {
    position: absolute;
    right: 35px;
    top: 0
}

.student-discount-lp .common-box-wrapper .box:last-child {
    margin-bottom: 0
}

.student-discount-lp .common-box-wrapper .box span {
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle
}

.student-discount-lp .common-box-wrapper .box:first-child span {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    transform: rotate(20deg)
}

.student-discount-lp .common-box-wrapper .box span em {
    display: block;
    font-size: 55px;
    font-weight: 700;
    font-style: normal;
    line-height: 1
}

.student-discount-lp .content-box-wrapper .title {
    font-size: 19px;
    font-weight: 700;
    color: #3e3b70;
    margin-bottom: 20px
}

.student-discount-lp .content-box-wrapper {
    font-size: 16px;
    font-weight: 400;
    color: #3e3e42
}

.frm-title.second {
    margin-top: 40px
}

.sections1.student-discount-lp .form-control {
    min-height: 50px
}

.sections1.student-discount-lp .uploadfiles label {
    color: #fff
}

.student-discount-lp input::placeholder {
    color: #3e3e42;
    opacity: 1
}

.student-discount-lp input:-ms-input-placeholder {
    color: #3e3e42
}

.student-discount-lp input::-ms-input-placeholder {
    color: #3e3e42
}

.icons4.cm-sec1 {
    background: #fff;
    padding-top: 70px;
    padding-bottom: 90px
}

.guidelines_area.cm-sec2 {
    padding-top: 60px;
    padding-bottom: 65px
}

.guidelines_area.cm-sec2 li {
    margin-bottom: 35px
}

.guidelines_area.cm-sec2 li:last-child {
    margin-bottom: 0
}

.guidelines_area.cm-sec2 li span {
    display: block;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #000
}

.sec-top-block {
    padding-top: 30px;
    padding-bottom: 30px
}

.sec-top-block .tagline {
    font-size: 19px;
    font-weight: 600;
    color: #b42336;
    margin-bottom: 10px
}

.sec-top-block .short-descriptioin {
    font-size: 18px;
    font-weight: 400;
    color: #3e3e42
}

.sec-top-block .short-descriptioin p:last-child {
    margin-bottom: 0
}

.apparels-list-row .sec-top-block {
    padding-bottom: 10px
}

.apparels-list-row .sec-top-block:first-child {
    margin-top: 30px
}

.apparels-list-row .sec-top-block:last-child {
    padding-bottom: 70px
}

.apparels-listing-cm {
    overflow: hidden;
    margin: 0 -13px
}

.apparels-listing-cm li {
    float: left;
    width: 25%;
    padding: 0 13px 35px
}

.apparels-listing-cm .images-box {
    margin-bottom: 15px
}

.apparels-listing-cm .title {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.order-sec-wrapper {
    clear: both;
    overflow: hidden;
    padding-top: 45px;
    padding-bottom: 45px
}

.order-sec-wrapper .block-left {
    float: left;
    width: 50%;
    margin-right: 5%
}

.order-sec-wrapper .block-right {
    float: right;
    width: 45%
}

.order-sec-wrapper .block-left .title {
    font-size: 40px;
    font-weight: 700;
    color: #3d3b6f
}

.order-sec-wrapper .block-left .short-descriptioin {
    font-size: 18px;
    color: #3e3e42;
    margin-bottom: 45px
}

.two-col-cm {
    overflow: hidden
}

.two-col-cm .form-group {
    float: left;
    width: 48%;
    margin-right: 4%
}

.two-col-cm .form-group:last-child {
    margin-right: 0
}

.radio-wrapper span {
    font-size: 14px;
    font-weight: 500;
    color: #3e3e42;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

.radio-wrapper span:last-child {
    margin-right: 0
}

.radio-wrapper input {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0;
    min-height: 1px!important;
    height: auto!important
}

.radio-wrapper input[type=radio i] {
    background-color: initial;
    cursor: default;
    -webkit-appearance: radio;
    box-sizing: border-box;
    margin: 3px 3px 0 5px;
    padding: initial;
    border: initial
}

.sections1.order-sec-wrapper .form-group label span {
    display: block;
    font-size: 13px;
    font-weight: 400
}

.sections1.order-sec-wrapper textarea.form-control {
    min-height: 130px
}

.droparrowicon {
    padding-right: 30px!important;
    background: #fff url(../images/down_arrow_icon.png) center right 10px no-repeat!important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.number-list {
    list-style: none;
    padding-top: 15px;
    list-style-type: decimal
}

.number-list li {
    background: 0 0!important;
    padding-left: 10px!important
}

.bluk_order_pages input[type=email] {
    height: 50px
}

.bluk_order_pages.satisfaction-frm {
    padding: 30px 15px 0
}

.satisfaction-frm .content_sec {
    padding: 40px 35px
}

.img-box-customer {
    margin-top: 48px
}

.faq-lp h3 {
    font-size: 22px
}

.faq-lp .common-block-bd {
    margin-bottom: 0;
    border-bottom: none
}

.faq-lp .block-left h3 {
    margin-top: 0
}

.faq-outer {
    margin-bottom: 30px
}
.faq-sec ul li a{
    font-weight: 600;
    color: #3d3b6f;
}
.tim-main-wrapper .block-left {
    float: left;
    width:40%;
    margin-right:4%;
}
.tim-main-wrapper .block-right {
    overflow: hidden;
}
.tim-box-inner {
    max-width: 400px;
    padding: 35px 40px 70px;
    background:url(../images/tim_bg.png) no-repeat;
    background-size: cover;
    border:1px solid #f9cad0;
    text-align: center;
}
.tim-box-inner .tim-logo {
    margin-bottom: 35px;
}
.membership-title {
    font-size: 80px;
    font-weight: 500;
    color: #3d3b6f;
    line-height: 1.1;
}
.membership-title sup {
    font-size: 80px;
    top:0;
}
.membership-title span {
    font-size: 20px;
    color: #b22335;
    display: block;
}
.tim-main-wrapper .block-right ul {
    margin-bottom: 15px;
}
.tim-main-wrapper .block-right li {
    font-size: 17px!important;
    font-weight: 500!important;
}
.tim-main-wrapper .block-right .btn {
    margin-top: 20px;
}
.tim-benefits {
    padding-top: 80px;
}
/*.tim-benefits .main-title {
    background:url(../images/benefits_title_bg.jpg) no-repeat;
    background-size: cover;
    padding: 20px 30px;
    font-size: 22px; 
    font-weight: 600;
    color: #403f44;
    margin-bottom: 20px;
}*/
.tim-benefits .main-title {
    /* background:#fff; */
    background-size: cover;
    padding: 20px 30px;
    font-size: 22px;
    font-weight: 600;
    color: #42426e;
    margin-bottom: 20px;
}
.tim-benefits .main-title span{
    position: relative;
        padding-bottom: 5px;
}
.tim-benefits .main-title span:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: #b22335;
    background: url(../images/titlebg.png) center bottom no-repeat;
}
.tim-main-wrapper .btn{
        background: #42426e;
    border-color: #42426e;
}
.tim-main-wrapper p,.tim-term-bottom p{
    font-size: 17px;
}
.tim-benefit-item {
    padding: 45px 120px 60px 48px;
    border-bottom: 1px solid #adb3b9;
    overflow: hidden;
    font-size: 17px;
}
.tim-benefit-item:last-child {
    border-bottom: none;
}
.tim-benefit-item .tip-img {
    padding-top: 30px;
    float: left;
    width:180px;
    margin-right: 20px;
}
.tim-benefit-text {
    overflow: hidden;
}
.tim-benefit-text .tim-title {
    font-size: 22px;
    font-weight: 600;
    color: #3e3b70;
    margin-bottom: 5px;
}
.tim-benefit-text p:last-child {
    margin-bottom: 0;
}
.join-tim-bottom {
    background: #ffffff;
    padding: 20px 40px;
    border:1px solid #e9e9e9;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    justify-content: space-between;
    width: 70%;
}
.join-tim-text {
    font-size: 20px;
    font-weight: 600;
    color: #42426e;
}
.join-tim-text span {
    display: inline-block;
    vertical-align: middle;
}
.join-tim-text .join-price-text {
    display: inline-block;
    vertical-align: middle;
    font-size:40px;
    font-weight: 600;
    padding-left: 20px;
    /*padding-right: 120px;*/
}
.join-tim-text .join-price-text em {
    font-style: normal;
    font-size: 26px;
    position: relative;
    top: -8px;
}
.tim-term-bottom {
    font-size: 14px;
    color: #636186;
}
.tim-term-bottom .btn {margin-top: 5px;}
.cartq{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}
.cart-quantity{
    display: inline-block;
}
.cart-quantity input{
    padding-left: 0px;
    width: 42px;
    text-align: center;
    border: 1px solid #cacaca;
    float: left;
    height: 42px;
    margin: 0 6px;
}
.cart-quantity .cart-quan{
    width: 42px;
    height: 42px;
    border: 1px solid #cacaca;
        float: left;
            display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
}
.cart-quantity .cart-quan:hover{
    cursor: pointer;
}
.whatsapp{
    background: #49E670;
    width: 56px !important;
    height: 56px !important;
    color: #333;
    font-size: 20px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    cursor: pointer;
    z-index: 999;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease-in-out;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
}
/*******************************/
.cover{
    height: 250px;
    background-position:center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.cover .col-sm-12{
    height: 250px;
}
.cover .profile-img{
    position: absolute;
    bottom: -60px;
    width: 175px;
    height: 175px;
    border-radius: 50%;
    overflow: hidden;
}
.cover .profile-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cover .sociallink li {
    display: inline-block;
    vertical-align: middle;
    padding: 0!important;
    padding: 0 4px 0 0!important;
}
.cover .sociallink li i {
    height: 40px;
    border-radius: 50%;
    background-color: #1e1e40!important;
}
.cover .links{
    position: absolute;
    bottom: -60px;
    display: flex;
    right: 0;
}
.cover .links button{
    margin-right: 10px;
}
.dpro{
    padding: 100px 0px 40px !important;
}
ul.follower li{
    padding: 10px 15px 10px 15px;
    display: block;
    color: #272027;
    font-size: 14px;
}
ul.follower li a{
    padding:0px 0px 0px 0px;
    display: block;
    color: #272027;
    font-size: 14px;
    position: relative;
        word-break: break-all;
}
ul.follower li:first-child a{
        color: #3e3b70;
    font-weight: 600;
}
ul.follower li span{
    text-align: right;
    float: right;
}
.listcat>ul.follower>li>a:before {
    display: none;
}
.categories ul.follower li.active, .categories ul.follower li:hover,.categories ul.follower li.active a, .categories ul.follower li:hover a,.tags li:hover a{
        color: #fff;
    background: #3b3b6f;
}
.tags{
   padding: 0 15px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.tags li{
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 5px;
    float: left;
}
.tags li a{
    border:1px dashed #ecebec;
    padding: 5px 8px;
    color: #272027;
    font-size: 13px;
    display: block;
}
.tags li:hover a{
    border-color: #3b3b6f;
}
.dpro h1{
    margin-bottom: 0px;
    line-height: 1;
}
.btn1{
    background: #3e3b70;
    border: 1px solid #3e3b70;
    color: #fff;
    padding: 7px 10px;
    min-width: 140px;
    text-align: center;
    font-weight: 600;
    display: inline-block;
    float: left;
}
.btn1:hover{
    color: #fff;
}
.social-links{
    position: absolute;
    right: 0;
    top: 50px;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .09);
    padding: 10px;
    border-radius: 5px;
    display: none;
}
.social-links:before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #ffffff;
    position: absolute;
    top: -12px;
    right: 12px;
        filter: drop-shadow(0 0 12px 0 rgba(0, 0, 0, .09));

}
.links span.btn1{
    position: relative;
}
.links span.btn1:hover{
    cursor: pointer;
}
.d-block{
    display: block;
}
.dpro .titles{
    font-size: 16px;
}
.pagination{
    display: inline-block;
    width: 100%;
}
.userimg{
    position: relative;
}
.image-wrapper {
    background: rgba(0, 0, 0, 0.5);
    bottom: -50px;
    height: 50px;
    left: 0;
    position: absolute;
    transition: bottom 0.15s linear;
    width: 100%;
}
.hidden-input {
    left: -999px;
    position: absolute;
}
.edit {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 22px;
    top: 14px;
    z-index: 0;
}
.userimg:hover .image-wrapper {
    bottom: 0;
}
.camera{
    background-position: -124px -273px;
    width: 30px;
    height: 20px;
}
.image-wrapper .profile_pic{
    position: absolute;
    z-index: 1;
    cursor: pointer;
}
.image-wrapper .profile_pic:focus{
    outline: none;
}
.mb-0{
    margin-bottom: 0px;
}
.popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1000;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  transition:500ms all;

}

.popup.is-visible {
  opacity: 1;
  visibility: visible;
 transition:1s all;
}

.popup-container {
  top: 20%;
  transform:translateY(-50%);
  transition:500ms all;
  position: relative;
  width: 30%;
  margin: 2em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.is-visible .popup-container {
  transform:translateY(0);
  transition:500ms all;
}

.popup-container .popup-close {
  position: absolute;
  top: 8px;
  font-size:0;
  right: 8px;
  width: 30px;
  height: 30px;
}


.popup-container .popup-close::before,
.popup-container .popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}

.popup-container .popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.popup-container .popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}


.popup-container .popup-close:hover:before,
.popup-container .popup-close:hover:after {
  background-color:#bd3d4e;
  transition:300ms all;
}
.popup-container .card {
  background-color: #FFF;
  width: 100%;
  border-radius: 0.5rem;
  box-shadow: 0px 5px 20px rgba(49, 104, 146, 0.25);
}
.popup-container .card .card-body {
  padding: 3.5rem 3.25rem;
}
.popup-container .card .card-body .card-title {
  color: #b22335;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.25rem;
}
.popup-container .card .card-body .card-subtitle {
  color: #777;
  font-weight: 500;
  text-align: center;
}

.popup-container .file-upload {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 4rem 1.5rem;
  margin-top: 2rem;
  margin-bottom: 1.5em;
  border: 1px dashed #bd3d4e;
  border-radius: 0.5rem;
  transition: background-color 0.25s ease-out;
}
.popup-container .file-upload:hover {
  background-color: #dbedff;
}
.popup-container .file-upload .file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  outline: none;
  cursor: pointer;
}

.popup-container .icon {
  width: 75px;
  margin-bottom: 1rem;
}
.desc ul li{
    padding: 10px 0 5px 29px;
    background: url(../images/bullets.png) left 14px no-repeat;
}
.desc ul li p{
    margin: 0px;
}
.checkbox1 {
  width: 100%;
  margin: 15px auto;
  position: relative;
  display: block;
}
.checkbox1 label {
    position: relative;
    min-height: 34px;
    display: flex;
    padding-left: 30px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    align-items: center;
}
.checkbox1 label span {
  text-align: justify;
}
.checkbox1 label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2;
  margin: 4px;
  width: 22px;
  height: 22px;
  transition: transform 0.28s ease;
  border-radius: 3px;
  border: 2px solid #b22335;
}
.checkbox1 label:after {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  border-bottom: 2px solid #b22335;
  border-left: 2px solid #b22335;
  transform: rotate(-45deg) scale(0);
  transition: transform ease 0.25s;
  position: absolute;
  top: 13px;
  left: 10px;
}
.checkbox1 input[type=checkbox] {
  width: auto;
  opacity: 1e-8;
  position: absolute;
  left: 0;
  margin-left: -20px;
}
.checkbox1 input[type=checkbox]:checked ~ label:before {
  border: 2px solid #b22335;
}
.checkbox1 input[type=checkbox]:checked ~ label:after {
  transform: rotate(-45deg) scale(1);
}
.checkbox1 input[type=checkbox]:focus + label::before {
  outline: 0;
}

.sccountsec input[type="radio"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: 1px solid #d7d8d9;
    padding: 1px;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    margin: 0 auto!important;
    cursor: pointer;
    z-index: 5;
    box-shadow: none;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
.sccountsec input[type="radio"]:after {
    display: block;
    position: absolute;
    background: #fff;
    border: 1px solid #b22335;
    content: '';
    border-radius: 50%;
    height: 18px;
    width: 18px;
    top: 0;
    left: 0;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}
.sccountsec input[type="radio"]:before {
    display: block;
    position: absolute;
    background: #fff;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 4px;
    left: 4px;
    z-index: 111;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}
.sccountsec input[type="radio"]:checked:before {
    background: #b22335;
}




@media (max-width: 767px) {
  .icon {
    width: 50px;
  }
  .popup-container{
    width: 90%;
  }
}




.has-error .inputfild {
    border: 1px solid #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #ce8483;
}
/*popup*/
.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
    display: flex;
    align-items: center;
}

.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}
.custom-model-inner{
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 820px;
  margin: 30px auto;
  max-width: 97%;
}

.custom-model-wrap{
 /*padding: 20px;*/
 background: #fff url(../images/aboutbg.jpg) center bottom no-repeat;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center right;
 display: block;
 width: 100%;
 position: relative;
 background-color: #fff;
 /*border: 1px solid #999;*/
 border:none;
 border-radius: 0px;
 -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 background-clip: padding-box;
 outline: 0;
 text-align: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 max-height: calc(100vh - 70px);
 overflow-y: auto;
}
.model-open .custom-model-inner{
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
.close-btn {
  position: absolute;
  right: 0;
  top: -30px;
  cursor: pointer;
  z-index: 99;
  font-size: 30px;
  color: #fff;
      line-height: 1;
}
.pop-title{
    display: block;
    font-weight: 600;
    color: #b42235;
    font-size: 28px;
    margin-bottom: 30px;
}
.pop-box {
    display: flex;
    align-items: center;
}

.pop-left {
    flex-basis: 50%;
    /* height: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.pop-img {
    height: 100%;
}
.pop-right {
    flex-basis: 50%;
    text-align: center;
    padding-left: 20px;
}
@import url('https://fonts.googleapis.com/css2?family=Arapey&display=swap');
.pop-right .ptitle{
    font-family: 'Arapey', serif;
    display: block;
    font-weight: 200;
    color: #000;
    font-size: 33px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.pop-right .psub-title{
    font-family: 'Arapey', serif;
    font-size: 24px;
    width: 80%;
    margin: 0 auto;
    font-weight: 200;
    color: #000;
    margin-bottom: 20px;
}
.stitle {
    font-family: 'Arapey', serif;
    font-size: 20px;
    width: 80%;
    margin: 0 auto;
    font-weight: 200;
    color: #000;
    margin-bottom: 0px;
}
.pop-frm{
    width: 80%;
    margin: 0 auto;
    display: inline-block;
    margin-top: 20px;
}
.pop-frm .form-control{
    border-radius: 0;
    height: 42px;
        border: 2px solid #3d3b6f;
}
  .form-control:focus,.form-select:focus{
    outline: none;
    box-shadow: none;
    background: transparent;
    border: 2px solid #3d3b6f;
    border-color: #3d3b6f;
}
.pop-frm .pop-btn{
    background: #3d3b6f;
    border-color: #3d3b6f;
    font-size: 20px;
}
.cpop{
    font-family: 'Arapey', serif;
   font-size: 24px;
    color: #3d3b6f;
    text-decoration: none;
    border-bottom: 2px solid #3d3b6f;
    display: inline-block;
    margin: 0 auto;
    margin-top: 30px;
    font-weight: 600;
    text-transform: uppercase;
    }
.cpop:hover{
    text-decoration: none;
    color:#b42235;
    border-color: #b42235;
}
.hcou{
  transition: .3s;
}
.hcou .ptitle{
    font-size: 24px;
}
.hcou .stitle{
    width: 100%;
    font-size: 18px;
    line-height: 1.3;
}
.hcou .coucode{
    text-align: center;
    margin-top: 10px;
}
.hcou .coucode span{
    padding: 3px 10px;
    font-size: 24px;
    border: 2px dashed #333;
    color: #333;
    display: inline-block;
    font-weight: 600;
}
.coupon{
  display:inline-block;
  overflow:hidden;
  border-radius:10px;
}
.coupon-left{
  float:left;
  width:80px;
  height:80px;
  position:relative;
      background: #b22335;
      display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.coupon-left::before{
  content: '';
  position: absolute;
  top:-10px;
  display: block;
  right: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background:  #fdfdfd;
}
.coupon-left::after{
  content: '';
  position: absolute;
  bottom: -10px;
  display: block;
  right: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background:  #fdfdfd;
}
.coupon-con{
  float:left;
  width:calc(100% - 80px);
  height: 80px;
  position:relative;
      background: #3b3b6f;
      display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.coupon-con::before{
  content: '';
  position: absolute;
  top: -10px;
  display: block;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background:  #fdfdfd;
}
.coupon-con::after{
  content: '';
  position: absolute;
  bottom: -10px;
  display: block;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background:  #fdfdfd;
}
.discount_per {
    font-size: 25px;
    color: #fff;
}

.discount_text {
    font-size: 17px;
    color: #fff;
    word-break: break-all;
    white-space: break-spaces;
}
/*******************************/
@media(max-width:1199px) {
    .header2 .toplinks .contactlink>li>a {
        font-size: 14px
    }
    .profiledetail .listsec>li{
        width: 33.33%;
    }
    .profiledetail .listsec>li:nth-child(4n+1) {
        clear: none;
    }
    /*.swatchbooks .listsec>li {
        width: 50%
    }*/
    .orderheading label {
        display: block;
        margin-bottom: 0;
        margin-top: 5px
    }
    .heading,
    h1,
    h2 {
        font-size: 30px
    }
    .fbox.first {
        width: 17%
    }
    .fbox.newsletter {
        width: 300px
    }
    .logpage {
        padding: 30px 0
    }
    .logsec li {
        font-size: 15px
    }
    .listsec>li {
        width: 50%
    }
    .topmenu>ul>li>a {
        padding: 0 15px;
        font-size: 15px
    }
    .toptrack>li>a {
        font-size: 18px
    }
    .bcont p span,
    .getsec h4 {
        font-size: 22px
    }
    .bcont {
        font-size: 16px;
        line-height: 20px
    }
    .getsec {
        font-size: 16px
    }
    .circle li span {
        font-size: 18px;
        line-height: 18px
    }
    .imgbox {
        width: 380px
    }
    .accheading {
        font-size: 24px
    }
    .panel-title {
        font-size: 21px
    }
    .panel-group .panel-heading+.panel-collapse>.panel-body {
        font-size: 16px;
        line-height: 20px
    }
    .shopbtn {
        font-size: 24px;
        line-height: 26px;
        min-height: 75px
    }
    .shopbtn small {
        font-size: 14px
    }
    .sizebox {
        padding: 25px
    }
    .price span {
        font-size: 40px
    }
    .addtocart {
        margin-top: 20px
    }
    .addtocart .btn {
        max-width: 100%
    }

}

@media(min-width:992px) {
    .topmenu ul li {
        position: relative
    }
    .headmenu {
        border-top: 1px solid #d8d8d8
    }
    .topmenu ul ul {
        border: 1px solid #f1f1f1
    }
    .topmenu ul ul ul {
        left: 100%;
        top: 0;
        position: absolute;
        border: 1px solid #f1f1f1;
        box-shadow: 10px 40px 15px 0 rgba(0, 0, 0, .24)
    }
    .topmenu ul ul ul ul{
        top:-100%;
    }
    .topmenu {
        display: block!important
    }
    .topmenu>ul>li>ul>li a {
        position: relative
    }
    .topmenu>ul>li>ul>li.expandable>a:after,
    .topmenu>ul>li>ul>li>ul>li.expandable>a:after,
    .topmenu>ul>li>ul>li>ul>li>ul>li.expandable>a:after {
        content: "";
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 15px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #272027;
        border-right: 1px solid #272027;
        transform: rotate(45deg)
    }
    .topmenu>ul>li.expandable.subsec>ul {
        display: none;
        box-shadow: 10px 40px 15px 0 rgba(0, 0, 0, .24)
    }
    .topmenu>ul>li.expandable.subsec:hover>ul {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        text-align: left;
        width: 800px;
        background: #fff;
        z-index: 10;
        padding: 0
    }
    .topmenu>ul>li.expandable.subsec>ul>li {
        width: 25%;
        float: left;
        border: none;
        border-left: 1px solid #ededed
    }
    .topmenu>ul>li.expandable.subsec>ul>li:first-child {
        border: none
    }
    .topmenu>ul>li.expandable.subsec>ul>li>ul li {
        border: none
    }
    .topmenu>ul>li.expandable.subsec>ul>li>ul li a {
        padding: 5px 20px;
        background: 0 0;
        font-weight: 300;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        font-size: 14px;
    }
    .topmenu>ul>li.expandable.subsec>ul>li>ul li a:hover {
        padding-left: 30px;
        background: #fff
    }
    .menutitle {
        font-weight: 500;
        margin: 15px 20px 10px
    }
    .topmenu .subsec ul {
        display: block;
        position: static;
        width: auto;
        border: none
    }
    .topmenu .subsec>ul>li>ul {
        min-height: 350px
    }
    .subsec.expandable>ul {
        border: 1px solid #dcdcdc!important;
        min-height: inherit!important
    }
    .subsec ul li a:hover {
        color: #b42235
    }
    .topmenu>ul>li:hover .subsec {
        display: block
    }
    ul.titlelist {
        height: 355px!important
    }
}

.cmsfullfabric {
    padding: 40px 0
}

.cmsfabric {
    float: left;
    width: 100%
}

.heading2 {
    font-size: 29px;
    font-family: 'Work Sans', sans-serif;
    color: #3e3e42;
    font-weight: 700
}

.cmsfabric ul {
    margin: 0 -15px
}

.cmsfabric ul li {
    width: 33.33%;
    float: left;
    padding: 15px
}

.fabricbox {
    background: #f6f7f9;
    padding: 40px;
    font-size: 16px;
    min-height: 455px
}

.title2 {
    font-size: 24px;
    font-weight: 600;
    color: #3d3b6f;
    margin-bottom: 5px
}

.cmsfabric ul.fabric2 li {
    width: 50%
}

.shrinkage {
    float: left;
    width: 100%;
    padding: 40px 30px;
    text-align: center;
    font-size: 24px;
    background: #41426e;
    clear: both;
    margin: 30px 0 30px;
    color: #fff;
    font-weight: 300
}

.shrinkage a {
    font-weight: 500;
    color: #fff
}

.mailbox {
    background: #ca5162
}

.latestfab {
    background: #f6f7f8;
    padding: 40px 0 60px
}

.latestfab .listsec li {
    width: 25%
}

.latestfab .listsec .texbox {
    min-height: inherit;
    background: 0 0;
    box-shadow: none;
    padding: 5px 0;
    margin: 0
}

.above-order-text {
    clear: both;
    padding-bottom: 0;
    font-weight: 500;
}

.dtcontent .addtocart,
.fg_left_panel .addtocart {
    margin-top: 30px
}
.qty-box{
    display: flex;
    /* align-items: self-start; */
    margin-bottom: 30px;
}
.qty-box .qty{
    flex-basis: 41%;
    margin-bottom: 0px !important;
}
.fg_qty .qty{
    flex-basis: 55%;
}
.dtcontent .price {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    flex-basis: 59%;
}
.dtcontent .price .hide_febric_price,.fg_left_inner .price .hide_febric_price{margin-right: 4px;}
.disDiv{
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    color: #3b3b6f;
}
.dtcontent .price .hide_febric_price span{
    font-size: 20px;
}
.dtcontent .price .final_febric_price span{
    font-size: 24px;
        color: #b22335;
}
.fg_left_inner .price{
    display: flex;
    padding-left: 7px;
    flex-wrap: wrap;
    flex-basis: 45%;
    align-items: center;
    gap: 1px;
}
.fg_left_inner .price .hide_febric_price span{
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
}
.fg_left_inner .price .final_febric_price span{
    font-size: 20px;
    color: #b22335;
    font-weight: 600;
    line-height: 1;
}
.checkutbilling .btn,
.proceedto .btn {
    background: #3e3b70;
    border-color: #3e3b70
}

@media screen and (max-width:1279px) {
    .search-bar-wrapper {
        width: 160px
    }
    .topmenu>ul>li>a {
        padding-left: 25px;
        padding-right: 25px
    }
    .accordionsec .imgbox {
        margin-left: 0
    }
    .fabricbox {
        min-height: 475px
    }
    .join-tim-text .join-price-text {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media screen and (max-width:1199px) {
    .cmsfabric ul li {
        width: 50%
    }
    .fabricbox {
        min-height: 440px
    }
}

@media screen and (max-width:1165px) {
    .headfirst {
        padding-left: 15px;
        padding-right: 15px
    }
    .toptrack>li>a {
        font-size: 12px;
        padding-left: 12px;
        padding-right: 12px
    }
    footer .container {
        width: 100%!important
    }
}

@media screen and (max-width:1023px) {
    footer {
        padding-bottom: 10px
    }
    .fbox {
        width: 32%!important;
        margin-right: 2%;
        margin-bottom: 30px
    }
    .fbox:nth-child(3n+3) {
        margin-right: 0
    }
    .fbox:nth-child(3n+4) {
        clear: both
    }
    .fbox:nth-child(4) {
        width: 50%!important
    }
    .icons4.cm-sec1 {
        padding-top: 45px;
        padding-bottom: 60px
    }
    .guidelines_area.cm-sec2 {
        padding-top: 45px;
        padding-bottom: 45px
    }
    .sections1.order-sec-wrapper {
        padding-bottom: 45px
    }
    .join-tim-bottom{
        width: 100%;
    }
}

.privacypage {
    font-size: 16px
}

.privacypage .guidelines_area,
.sections1 {
    background: #fff
}

.privacypage .cmsfullfabric {
    padding-top: 60px
}

.sectiontop {
    padding: 40px 0 150px
}

.sectiontop,
.sectiontop .guidelines_area {
    background: #f6f7f8
}

.privacypage .guidelines_area ul {
    margin-top: 0
}

.privacypage .guidelines_area ul li {
    padding: 0 0 10px 30px;
    background: url(../images/bullets.png) left 5px no-repeat;
    font-weight: 400
}

.privacypage.lp-inner .guidelines_area ul li {
    padding-bottom: 15px
}

.privacypage.lp-inner .guidelines_area p+ul {
    padding-bottom: 20px;
    padding-top: 15px
}

.privacypage .guidelines_area ul li:last-child {
    padding-bottom: 0
}

.privacypage .heading2 {
    font-size: 26px;
    margin-top: 62px;
    font-weight: 500;
    padding-bottom: 10px
}

.privacypage.lp-inner .heading2 {
    margin-top: 40px
}

.privacypage.lp-inner .heading2 {
    font-size: 26px;
    font-weight: 500;
    color: #3e3e42;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7e7ed;
    position: relative
}

.privacypage.lp-inner .heading2::after {
    content: '';
    background: #b22335;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 82px;
    height: 2px;
    z-index: 11
}

.privacypage h4 {
    margin-bottom: 5px
}

.intleft {
    width: 45%;
    float: left;
    font-size: 16px
}

.imagesbox {
    float: right;
    width: 46%
}

.imagesbox img {
    width: 49.4%
}

.imagesbox img:first-child {
    width: 100%;
    margin-bottom: 5px
}

.imagesbox img:nth-child(3) {
    float: right
}

.sections1 {
    padding-bottom: 70px
}

.sections1 .content_sec {
    background: #faf3e9;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .17);
    padding: 60px 90px;
    max-width: 912px;
    margin: -70px auto 0;
    overflow: hidden
}

.headsec {
    margin-bottom: 30px
}

.headsec p {
    font-size: 18px
}

.headsec .heading2 {
    color: #b42235
}

.sections1 .form-control {
    box-shadow: none;
    border-radius: 0;
    min-height: 46px
}

.uploadfiles .form-control {
    padding: 5px;
    background: #edf4fa
}

.latestblogs {
    background: #f6f7f8;
    padding: 30px 0 50px
}

.latestblogs a {
    color: #3b3939
}

.latestblogs p {
    font-size: 16px;
    margin-bottom: 0
}

.latestblogs p span {
    color: #b42235;
    font-weight: 500
}

.bimg {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.bimg img {
    width: 100%
}

.uploadfiles {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #c8c9ca;
    margin-bottom: 15px
}
.uploadfiles .help-block {
    margin-bottom: 0!important;
    margin-top: 0;
}
.uploadfiles>span {
    float: left;
    padding: 10px 15px;
    height: 44px;
    line-height: 24px;
    font-weight: 500
}

.uploadfiles .fg_data_box {
    float: right;
    text-align: center
}

.uploadfiles .fg_data_box label {
    margin: -1px;
    display: block;
    height: 46px;
    line-height: 28px
}

.uploadfiles .inputfile-1+label {
    background-color: #565689;
    color: #ccc
}

.uploadfiles .inputfile-1+label:hover {
    box-shadow: 1px 1px 6px #42426e;
    background-color: #42426e;
    color: #fff
}

.internship_page .btn-primary {
    color: #ccc
}

.internship_page .btn-primary:hover {
    box-shadow: 1px 1px 6px #42426e;
    border: 1px solid #b22335;
    color: #fff;
    background: #b22335
}

.padding0 {
    padding: 0
}

.countcode {
    position: relative
}

.countcode span {
    position: absolute;
    left: 8px;
    top: 13px;
    padding-right: 8px;
    border-right: 1px solid #ccc
}

.countcode input {
    padding-left: 45px
}

.paddbg {
    padding: 70px 0
}

.paddbg.lp {
    padding: 60px 45px 70px;
    margin-bottom: 60px
}

.benefitsec {
    padding: 60px 0
}

.benefitsec-lp {
    padding: 70px 0
}

.benefitsec .sec-top-block {
    padding-top: 20px;
    padding-bottom: 20px
}

.normalhead {
    font-weight: 500;
    color: #3d3b6f;
    padding-bottom: 10px
}

.normalhead img {
    margin-bottom: 10px
}

.greenbg {
    padding: 50px 100px;
    background: #e2eed8
}

.orgbg {
    padding: 50px 100px;
    background: #faf3e9
}

.testimonial1 {
    font-size: 18px;
    font-weight: 400;
    color: #3e3e42
}

.testimonial1 p {
    margin-bottom: 20px
}

.testimonial1 span {
    text-transform: uppercase;
    font-weight: 700
}

.imgicon {
    width: 86px;
    height: 86px;
    border-radius: 0;
    margin:0px;
    display: inline-block; vertical-align: middle;
    overflow: hidden
}

.discountrow {
    font-size: 18px;
    line-height: 1.2;
    padding: 80px 0
}

.discountrow span {
    color: #3d3b6f;
    font-weight: 600;
    font-size: 35px;
    display: block;
    position: relative
}

.discountrow span:after {
    content: "";
    width: 47px;
    border-bottom: 2px solid #b42336;
    display: block;
    margin-bottom: 10px
}

.pad1 {
    padding-bottom: 30px
}

.pad1 p {
    font-size: 22px;
    color: #6b6b70
}

.box2 {
    padding: 70px;
    background: #f2f2f0;
    color: #3e3e42;
    font-size: 26px
}

.common-padding-sec {
    padding: 50px 0 60px;
    clear: both
}

.custom-design-sec {
    background: #f6f7f8
}

.common-padding-sec .heading {
    margin-top: 0;
    margin-bottom: 45px
}

.content-box-cd {
    color: #3e3e42;
    overflow: hidden;
    padding-top: 15px
}

.common-block-bd p,
.content-box-cd p {
    line-height: 1.6
}

.content-box-cd .content-block {
    float: left;
    width: 47%;
    margin-right: 6%
}

.content-box-cd .img-block {
    float: right;
    width: 47%
}

.content-box-cd.right .content-block {
    float: right;
    margin-right: 0;
    margin-left: 6%
}

.content-box-cd.right .img-block {
    float: left
}

.content-box-cd ul {
    padding-top: 15px
}

.common-block-bd ul li,
.content-box-cd ul li {
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 15px 30px;
    background: url(../images/bullets.png) left 5px no-repeat
}

.common-img-list {
    margin: 0 -4px;
    padding-top: 30px
}

.common-img-list li {
    float: left;
    width: 25%;
    padding: 4px
}

.common-img-list li img {
    width: 100%;
    object-fit: cover
}

.email-box-wrapper {
    font-size: 24px;
    font-weight: 300;
    color: #272729;
    background: #f7f7f7;
    border: 1px solid #e9e9e9;
    padding: 25px;
    text-align: center;
    margin-top: 10px
}

.email-box-wrapper a {
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    color: #b22335
}

.bulk-discount-wrapper {
    padding-top: 65px;
    padding-bottom: 65px
}

.common-block-bd {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e1e6ec
}

.common-block-bd:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.common-block-bd .box-title {
    font-size: 26px;
    font-weight: 500;
    color: #3e3e42;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7e7ed;
    position: relative
}

.common-block-bd .box-title:after {
    content: '';
    background: #b22335;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 82px;
    height: 2px;
    z-index: 11
}

.common-block-bd .block-left {
    text-align: justify;
    float: left;
    width: 57%;
    margin-right: 8%
}

.common-block-bd .block-right {
    float: right;
    width: 35%;
    margin-top: 10px
}

.common-block-bd p {
    margin-bottom: 25px
}

.odd-even-wrapper .common-block-bd:nth-child(even) .block-left {
    float: right;
    margin-left: 8%;
    margin-right: 0
}

.odd-even-wrapper .common-block-bd:nth-child(even) .block-right {
    float: left
}

.odd-even-wrapper img {
    width: 100%;
    object-fit: cover
}

.delete_item{
    width: 26px;
    height: 26px;
    background: #3e3b70;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.delete_item:hover{
    color: #fff;
}

.topmenu li a span{
    width: 12px;
    height: 12px;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    top: 1px;
}



@media(max-width:1199px) {
    .sectiontop {
        padding: 40px 0 100px
    }
    .intleft {
        width: 50%;
        font-size: 15px
    }
    .sellers-first-sec .fabricbox {
        min-height: 305px
    }
}

@media(max-width:991px) {
    .greenbg,
    .orgbg {
        padding: 40px
    }
    .discountrow {
        padding: 40px 0
    }
    .pad1 {
        padding-bottom: 20px
    }
    .box2 {
        padding: 30px 50px;
        font-size: 20px
    }
    .box2 img {
        max-height: 80px
    }
    .fabricbox {
        padding: 30px
    }
    .fabricbox img {
        height: 60px
    }
    .shrinkage {
        font-size: 20px
    }
    body {
        padding-top: 140px
    }
    .bulk_banner {
        height: 310px
    }
    body.home2 {
        padding-top: 110px
    }
    .header2 .toplinks {
        border-bottom: 1px solid #ddd
    }
    .header2 .logo {
        margin-top: -30px
    }
    .sticky .header2 .logo {
        margin-top: -10px
    }
    .sticky .header2 .headfirst {
        padding: 15px 0 20px
    }
    .header2 .headfirst {
        padding: 15px 0
    }
    .header2 .navicon {
        top: 20px
    }
    .header2 .contactlink,
    .header2 .logsec {
        position: static
    }
    .header2 .toplinks .logsec>li>a>span {
        display: none
    }
    .header2 .contactlink .trackicon {
        background-position: 0 -272px;
        width: 25px;
        height: 25px;
        margin-right: 5px
    }
    .header2 .contactlink .bulkicon {
        background-position: -44px -273px;
        width: 23px;
        height: 21px;
        margin-right: 5px
    }
    .toptrack li.mobile {
        display: block
    }
    .checkutbilling .col-md-12,
    .checkutbilling .col-md-6 {
        clear: both
    }
    .expandable {
        position: relative
    }
    .fg_rular_top .fg_rular {
        display: flex
    }
    .fg_rotate_action {
        width: 47px
    }
    .fg_main_area {
        padding-right: 40px;
        width: 65%
    }
    .fg_left_panel {
        width: 35%
    }
    .innerpage,
    .inputfile+label {
        font-size: 13px;
        min-width: auto
    }
    .choosebtn,
    .removebtn {
        padding: 5px;
        min-width: auto
    }
    .listsec .texbox {
        padding: 7px 12px;
        font-size: 14px
    }
    .listsec .htitle {
        font-size: 16px
    }
    .logsec li {
        font-size: 14px
    }
    .acsidebar+.sccountsec {
        width: calc(100% - 220px);
        padding: 20px
    }
    .acsidebar {
        width: 220px
    }
    .dttext .htitle {
        font-size: 26px
    }
    .pricediv {
        font-size: 24px
    }
    .pricediv strong {
        font-size: 34px
    }
    .topmenu>ul>li>ul li>a:hover {
        padding-left: 15px
    }
    .titlelist a {
        padding: 5px 0
    }
    .menutitle {
        margin-top: 15px
    }
    .headmenu {
        border-top: 0
    }
    .topmenu ul ul {
        min-height: auto
    }
    .topmenu ul li.subsec ul ul{
        display: block;
    }
    .sticky .headfirst {
        padding: 15px 0 30px
    }
    .imgbox {
        width: 255px
    }
    .headfirst {
        padding: 32px 0 32px
    }
    .mobile {
        display: inline-block
    }
    .desktop {
        display: none!important
    }
    .toptrack {
        margin-right: 15px
    }
    .toptrack>li>a {
        padding: 0;
        line-height: 42px
    }
    .cartlink {
        width: 44px;
        height: 44px
    }
    .shopbtn {
        line-height: 20px;
        min-height: 50px
    }
    .shopbtn small {
        font-size: 13px
    }
    .icons3 {
        padding-top: 20px
    }
    .sidesec {
        width: 250px
    }
    .recentpost .imghover {
        width: 85px;
        line-height: 65px;
        height: 65px
    }
    .recentpost .imghover img {
        max-height: 65px;
        line-height: 65px
    }
    .recentpost .imghover+.btext {
        width: calc(100% - 95px)
    }
    /*.imghover {
        height: 150px;
        line-height: 150px
    }*/
    .bloglist .imghover img {
        line-height: 150px;
        max-height: 150px
    }
    .sidesec+.blogpage {
        width: calc(100% - 270px)
    }
    .dtbg {
        height: 300px;
        line-height: 300px
    }
    .dtbg img {
        max-height: 300px;
        line-height: 300px
    }
    .dtcontent {
        padding-left: 20px
    }
    .dtcontent,
    .dtimg {
        width: 100%;
        padding-left: 0
    }
    .dtright {
        padding: 15px 15px 200px;
        width: 32%
    }
    .borderbox {
        padding: 15px
    }
    .dtsec,
    .moredesign {
        padding: 20px 0
    }
    .topmenu {
        text-align: left
    }
    .topmenu ul ul {
        width: 100%;
        padding-left: 10px;
        position: static;
        transition: unset;
    }
    .sticky .topmenu>ul>li>a,
    .topmenu>ul>li>a {
        line-height: 34px
    }
    .topmenu>ul>li>ul li {
        border: none;
        position: relative !important;
    }
    .topmenu>ul>li>ul li>a {
        padding: 5px
    }
    .plusicon {
        display: block;
        position: absolute;
        right: 0;
        top: 1px;
        cursor: pointer
    }
    .plusicon.minus_icon:after {
        content: "-"!important;
        font-size: 40px;
        line-height: 30px
    }
    .plusicon:after {
        content: "+";
        display: inline-block;
        width: 34px;
        height: 30px;
        text-align: center;
        line-height: 34px;
        font-size: 28px;
        color: #000
    }
    .drop_menu:after {
        display: none
    }
    .topmenu>ul {
        margin-top: 22px
    }
    .drop_menu {
        background: 0 0;
        position: static;
        display: none;
        transition: none
    }
    .drop_menu li a {
        color: #222;
        font-size: 13px;
        padding: 6px 12px
    }
    .navicon {
        display: block;
        float: right;
        cursor: pointer;
        position: absolute;
        top: 36px;
        left: 15px;
        z-index: 99;
        width: 30px;
        height: 30px;
        padding-top: 15px
    }
    .navicon.active {
        top: 15px;
        z-index: 999
    }
    .navicon span {
        width: 18px;
        height: 2px;
        background: #203351;
        position: relative;
        display: block
    }
    .navicon span:after,
    .navicon span:before {
        content: "";
        width: 25px;
        height: 2px;
        background: #203351;
        display: block;
        position: absolute;
        left: 0
    }
    .navicon span:after {
        width: 18px
    }
    .navicon span:before {
        top: -6px
    }
    .navicon span:after {
        bottom: -7px
    }
    .active span:before,
    .navicon span:after {
        width: 18px
    }
    .navicon.active {
        position: fixed
    }
    .navicon.active span {
        background: 0 0
    }
    .navicon.active span:before {
        transform: rotate(-48deg)
    }
    .navicon.active span:after {
        transform: rotate(45deg);
        bottom: 6px
    }
    .topmenu {
        margin-top: 0
    }
    .topmenu>ul>li {
        border-top: 1px solid #ddd
    }
    .topmenu>ul>li.telnum {
        border-left: 0
    }
    .topmenu>ul>li::before {
        display: none
    }
    .topmenu>ul>li:first-child {
        border: none
    }
    .topmenu>ul>li>a {
        padding: 5px 10px 5px 0!important;
        display: block
    }
    .topmenu>ul>li .sublinks {
        display: none!important;
        padding: 0 10px;
        position: static;
        float: left
    }
    .topmenu>ul>li:hover>ul {
        display: none
    }
    .topmenu>ul>li>ul {
        position: static;
        width: auto;
        box-shadow: none
    }
    .topmenu>ul>li>ul>li {
        border: none
    }
    .topmenu>ul>li>ul>li>a {
        padding: 8px 10px;
        font-size: 15px
    }
    .submenu {
        position: relative
    }
    .submenu.active .sublinks {
        display: block!important;
        background: 0 0;
        border: none
    }
    .sublinks:after {
        display: none
    }
    .logo {
        width: 90px;
        margin-left: -45px
    }
    .sticky .logo {
        width: 80px;
        margin-left: -40px
    }
    .logsec {
        padding-right: 0;
        position: absolute;
        right: 0;
        top: 1px
    }
    .topmenu {
        box-shadow: 0 0 3px #ccc;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 250px;
        padding: 20px;
        height: 100%;
        overflow-x: hidden;
        background: #fff;
        overflow: auto;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0 0;
        transform: translate(-100%, 0);
        transition: transform .5s cubic-bezier(.77, .2, .05, 1)
    }
    .topmenu.showmenu {
        transform: translate(0, 0)
    }
    .topmenu>ul>li {
        width: 100%
    }
    .mshow{
        display: block !important;
    }
   
    .topmenu>ul>li a.slidebtn{
        background: #b22335;
        border: 1px solid #b22335;
        font-family: 'Work Sans', sans-serif;
        font-weight: 700;
        font-size: 15px;
        padding: 7px 25px 6px !important;
        color: #fff;
        text-transform: uppercase;
        border-radius: 0;
        position: relative;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
        border-top:none;
        text-align: center;
    }
    .topmenu>ul>li a.slidebtn:after{
        display: none;
    }
    .toplinks {
        padding: 0 15px
    }
    .headcont {
        font-size: 14px;
        padding-left: 15px
    }
    h1,
    h2 {
        font-size: 30px
    }
    .bannertext {
        bottom: 10%
    }
    .bheading {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 10px
    }
    .btn {
        font-size: 16px;
        padding: 10px 30px
    }
    .righttext {
        padding: 30px 0 30px 30px
    }
    .righttext p {
        font-size: 16px;
        margin-bottom: 20px
    }
    .righttext p span {
        font-size: 20px
    }
    .shoptitle span {
        font-size: 26px;
        margin-bottom: 20px
    }
    .shopbtn {
        font-size: 22px
    }
    .sticky .staticdiv {
        height: 70px
    }
    .sticky .toplink2 {
        padding: 10px 0
    }
    .sticky .topmenu {
        margin-top: 0
    }
    .titles {
        font-size: 16px;
        padding: 13px
    }
    .latestblog ul li {
        padding: 5px;
        width: 100%
    }
    .latestblog img {
        height: 280px
    }
    #testimonials {
        padding: 0 60px
    }
    .tbox {
        font-size: 16px
    }
    .homeshop {
        padding: 30px 0 40px
    }
    .homeshop ul li {
        padding: 10px
    }
    .latestblog,
    .testimonial,
    footer {
        padding: 30px 0
    }
    .fbox,
    .fbox.first {
        width: 33.33%
    }
    .fbox.newsletter {
        width: 100%;
        margin-top: 20px
    }
    .pageleft {
        width: calc(100% - 250px)
    }
    .filter {
        font-size: 14px
    }
    .sidebar {
        width: 220px
    }
    .sidebar h2 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .sidebar ul li a {
        font-size: 14px
    }
    .headcont {
        display: none
    }
    #total_cart_count {
        top: -7px;
        right: -20px
    }
    .trackicon {
        background-position: -220px -267px
    }
    .bulkicon {
        background-position: -274px -264px;
        width: 26px;
        height: 22px
    }
    .toplinks ul li a {
        font-size: 12px;
        height: 36px
    }
    .headfirst::after,
    .headfirst::before,
    .toplinks ul.contactlink li:first-child,
    .toplinks ul.contactlink li:nth-child(2) {
        display: none
    }
    .toplinks ul.contactlink li.mobile.first:before {
        display: none!important
    }
    .toplinks ul li.mobile.first {
        padding-left: 0 !important;
    }
    .accheading {
        font-size: 20px
    }
    .accheading br {
        display: none
    }
    .fbox:last-child {
        margin-bottom: 0
    }
   /* .topmenu ul>li>ul>li,
    .topmenu ul>li>ul>li>ul {
        display: block
    }*/
    .topmenu>ul>li>a:after {     content: "+";
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    color: #000;    float: right;  }
     .topmenu>ul>li.slamdown>a:after {content: "-";}
    /*.topmenu ul  .sub_child_menu {display: block;}*/

    .topmenu ul li ul li.expandable .plusicon{
        display: none;
    }
    .menutitle {
        margin-top: 5px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 600
    }
    .menutitle:last-child {
        margin-bottom: 10px
    }
    .topmenu>ul>li>ul li>a {
        padding: 8px 10px
    }
    .btn-group-c .choosebtn {
        padding: 7px 10px
    }
    .sections1.track-order-pages {
        padding-top: 35px;
        padding-bottom: 40px
    }
    .sellers-first-sec .fabricbox {
        padding: 40px 20px;
        font-size: 16px;
        min-height: 220px
    }
    .start-selling-sec .content-box-right {
        font-size: 16px
    }
    .student-discount-lp .column-left {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px
    }
    .student-discount-lp .column-right {
        float: none;
        width: 100%
    }
    .student-discount-lp .logo-box-wrapper {
        max-width: 540px;
        margin: 0 auto;
        padding-top: 80px;
        padding-bottom: 80px
    }
    .student-discount-lp .common-box-wrapper .box {
        width: 170px;
        height: 170px
    }
    .student-discount-lp .common-box-wrapper {
        right: 65px
    }
    .student-discount-lp .common-box-wrapper .box span {
        font-size: 18px
    }
    .student-discount-lp .common-box-wrapper .box span em {
        font-size: 40px
    }
    .order-sec-wrapper .block-left {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }
    .order-sec-wrapper .block-right {
        float: none;
        width: 100%
    }
    .order-sec-wrapper .block-left img {
        display: block;
        margin-right: auto;
        margin-left: auto
    }
    .apparels-listing-cm li {
        width: 33.333%
    }
    .benefitsec-lp {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .common-padding-sec {
        padding: 40px 0
    }
    .common-padding-sec .heading {
        margin-bottom: 35px
    }
    .email-box-wrapper {
        padding: 20px
    }
    .tim-box-inner {
        padding: 35px 30px 35px;
    }
    .tim-main-wrapper .block-right li {
        font-size: 15px!important;
    }
    .tim-benefit-item {
        padding: 45px 35px 50px 35px;
    }
    .join-tim-bottom {
        padding: 20px 30px;
    }
    .tim-benefit-item .tip-img {
        width: 150px;
    }
    .join-tim-text .join-price-text {
        font-size: 35px;
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media(min-width:768px) {
    .sidebar .categories {
        display: block!important
    }
}

@media(max-width:767px) {
    .shrinkage {
        margin: 10px 0 20px
    }
    .heading2 {
        font-size: 22px
    }
    .title2 {
        font-size: 20px
    }
    .cmsfabric ul li {
        padding: 5px 15px
    }
    .cmsfabric ul li,
    .cmsfabric ul.fabric2 li {
        width: 100%
    }
    .fabricbox {
        min-height: inherit
    }
    body {
        padding-top: 175px !important;
        transition: none
    }
    .bluk_order_pages:before {
        display: none
    }
    .bluk_order_pages {
        padding-top: 30px!important
    }
    .icon_order .icon img {
        height: 60px
    }
    .icon_order {
        margin-bottom: 30px
    }
    .bluk_order_pages ul li {
        width: 100%;
        margin-bottom: 10px
    }
    .bulk_banner .banner_text .text_md {
        font-size: 16px
    }
    .bulk_banner .banner_text p {
        font-size: 13px
    }
    .bulk_banner {
        min-height: 275px;
        background-position: center top
    }
    .icon_order .text {
        font-size: 15px
    }
    body.sticky {
        padding-top: 176px
    }
    .bluk_order_pages .row {
        display: block
    }
    .bluk_order_pages .form_sec {
        padding: 30px
    }
    .bluk_order_pages .content_sec {
        padding: 30px
    }
    .bluk_order_pages .head_text {
        font-size: 20px
    }
    .sticky .staticdiv {
        height: auto
    }
    #product_list_model .modal-body ul li a {
        font-size: 12px;
        padding: 9px 9px
    }
    #product_list_model .modal-body {
        padding: 30px
    }
    .blogimg:hover img,
    .imghover:hover img {
        transform: none
    }
    .fg_left_panel,
    .fg_main_area {
        width: 100%;
        padding: 0
    }
    .sidebar h2.filter {
        cursor: pointer;
        margin: 0
    }
    .filter .filtericon {
        display: inline-block
    }
    .sidebar .categories {
        display: none
    }
    .dpro .sidebar .categories {
        display: block
    }
    .pagination {
        margin: 15px
    }
    .acsidebar {
        margin-bottom: 15px
    }
    .acsidebar,
    .acsidebar+.sccountsec {
        width: 100%
    }
    .swimg {
        width: 100%
    }
    .dttext {
        padding: 15px 0 0;
        width: 100%
    }
    .designtext span {
        max-width: 200px;
        display: block
    }
    .tablespan:after {
        display: none
    }
    .cart-totals {
        width: 100%;
        margin-top: 15px
    }
    .imgicon {
        display: none
    }
    .designtext {
        width: 92%
    }
    .cartlist tr:first-child {
        display: none
    }
    .cartlist tr td tr:first-child{
        display: block;
    }
    .delete_item {
        float: right
    }
    .cartlist tr td {
        width: 100%;
        display: block;
        padding-left: 95px!important;
        vertical-align: top;
        position: relative
    }
    .cartlist tr td:before {
        position: absolute;
        left: 10px;
        top: 10px;
        font-weight: 700;
        color: #203351
    }
    .cartlist tr td:first-child:before {
        content: "Product"
    }
    .cartlist tr td:nth-child(2):before {
        content: "Price"
    }
    .cartlist tr td:nth-child(3):before {
        content: "Total"
    }
    .cartlist tr td:nth-child(3) {
        background: #fff
    }
    .couponbtn {
        font-weight: 500;
        font-size: 14px
    }
    #coupon_code {
        max-width: 170px
    }
    .heading,
    h1,
    h2 {
        font-size: 22px
    }
    .sidesec,
    .sidesec+.blogpage {
        width: 100%
    }
    .dtleft,
    .dtright {
        width: 100%;
        margin: 0
    }
    .borderbox,
    .dtbox1 {
        margin-bottom: 20px
    }
    .heading,
    h1,
    h2 {
        font-size: 26px
    }
    .bannertext .btext {
        display: none
    }
    .toplinks ul li a {
        line-height: 36px;
        height: 40px;
        font-size: 13px
    }
    .headcont {
        display: none
    }
    .aboutbg:before {
        display: none
    }
    .righttext {
        padding: 15px;
        width: 100%
    }
    .btn.morebtn {
        min-width: 180px;
        padding: 9px 30px 12px
    }
    .flogo {
        margin-bottom: 0
    }
    .fbox,
    .fbox.first {
        width: 50%
    }
    .fbox.newsletter {
        width: 50%;
        margin: 0;
        border: 0
    }
    .fbox.newsletter>div {
        width: 100%;
        padding-right: 0
    }
    .copy span {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 12px
    }
    .pageleft {
        width: 100%
    }
    .sidebar {
        width: 100%;
        margin-bottom: 15px
    }
    .half {
        font-size: 14px
    }
    #accordion {
        width: 100%;
        margin-top: 50px
    }
    .toplinks ul li a span {
        display: none;
    }
    .toplinks ul li a span.blinking{
        display: inline-block;
        font-size: 11px;
    }
    .toplinks ul li a span.blinking span{
        display: inline-block;
    }
    .toplinks ul li a i.order-sample-pack{
        display: none;
    }
    .toplinks ul li.logedin{
        position: relative;
        line-height: 1;
    }
    .toplinks ul li.logedin ul{
        position: absolute;
        background: #3b3b6f;
        z-index: 100;
        top: 34px;
        display: none;
        width: 100px;
    }
    /* body.sticky .toplinks ul li.logedin ul{
        display: none;
    } */
    .toplinks ul li.logedin ul li a{
        display: flex;
        align-items: center;
        padding-left: 0px;
        width: 100%;;
    }
    .toplinks ul li.logedin ul li {
        padding-left: 4px;
        padding-right: 4px;
        width: 100%;
    }
    .toplinks ul li.logedin ul li a i{
        margin-right: 4px;
    }
    .toplinks ul li.logedin ul li a span{
        display: block;
        font-size: 10px;
    }
    /* .toplinks ul li.logedin:hover ul{
        display: block;
    } */
    .pt-30{
        margin-top: 30px;
    }
    .circle li {
        width: 24%
    }
    .circle li span {
        font-size: 15px
    }
    .accordionsec {
        padding-top: 60px;
        padding-bottom: 15px
    }
    .accordionsec .imgbox {
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-bottom: 0
    }
    .heading,
    h1,
    h2 {
        margin-top: 0
    }
    .icons4 {
        padding-bottom: 45px
    }
    .icons3 .circle,
    .icons4 .circle {
        padding-top: 5px
    }
    .section-one-home {
        padding-top: 20px;
        padding-bottom: 45px
    }
    .shopbtn {
        font-size: 20px;
        min-width: 140px
    }
    .search-bar-inner {
        top: 0;
        margin-top: 55px
    }
    .btnsec button, .btnsec > a {
        font-size: 18px
    }
    .sellers-first-sec li {
        width: 31.333%;
        margin-right: 3%
    }
    .fabric-care-wrapper {
        padding-top: 45px;
        padding-bottom: 40px
    }
    .track-order-pages .sec-title {
        font-size: 20px;
        margin-bottom: 30px
    }
    .start-selling-sec .content-box-right {
        font-size: 20px
    }
    .sellers-first-sec .fabricbox {
        min-height: 268px
    }
    .sections1.student-discount-lp {
        padding-top: 45px;
        padding-bottom: 45px
    }
    .sections1.order-sec-wrapper {
        padding-top: 0!important
    }
    .privacypage.lp-inner .guidelines_area p+ul {
        padding-bottom: 10px;
        padding-top: 10px
    }
    .content-box-cd {
        padding-top: 0
    }
    .common-block-bd .block-left,
    .content-box-cd .content-block {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }
    .common-block-bd .block-right,
    .content-box-cd .img-block {
        float: none;
        width: 100%
    }
    .odd-even-wrapper .common-block-bd:nth-child(even) .block-left {
        float: none;
        margin-left: 0;
        margin-right: 0
    }
    .odd-even-wrapper .common-block-bd:nth-child(even) .block-right {
        float: none
    }
    .common-block-bd .block-right {
        margin-top: 0
    }
    .common-block-bd .block-right img,
    .img-block img {
        width: 100%;
        object-fit: cover
    }
    .email-box-wrapper {
        font-size: 20px
    }
    .common-block-bd {
        padding-bottom: 40px;
        margin-bottom: 30px
    }
    .common-block-bd p {
        margin-bottom: 20px
    }
    .common-block-bd .box-title {
        margin-bottom: 28px
    }
    .tim-main-wrapper .block-left {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 35px;
    }
    .tim-box-inner {
        margin: 0 auto;
    }
    .tim-benefits {
        padding-top: 60px;
    }
    .tim-benefit-item {
        padding: 35px 0;
    }
    .tim-benefit-text .tim-title {
        font-size: 20px;
    }
    .tim-benefit-item .tip-img {
        width: 120px;
    }
    .join-tim-bottom {
        display: block;
        text-align: center;
    }
    .tim-term-bottom {
        text-align: center;
    }
    .qty-box {
        flex-wrap: wrap;
    }
    .qty-box .qty,.dtcontent .price,.fg_left_inner .price{
        flex-basis: 100%;
    }
    .fg_left_inner .price{
        padding-left: 0px;
    }
    .disDiv{
        width: 100%;
    }
    .dshow,.logsec li:nth-child(2):before{
        display: none !important;
    }
    .custom-model-wrap{
        padding: 15px 15px;
    }
    .pop-box{
        flex-direction: column;
    }
    .pop-right{
        padding-left: 0px;
    }
    .pop-left,.pop-right{
        flex-basis: 100%;
        flex:1;
    }
    .pop-left{
        margin-bottom: 20px;
    }
    .pop-img{
        height: 200px;
        overflow: hidden;
    }
    .pop-img img{
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }
    .pop-title{
        font-size: 20px;
            margin-bottom: 10px;
    }
    .pop-right .ptitle{
        font-size: 24px;
        margin-bottom: 0px;
    }
    .pop-right .psub-title{
        font-size: 17px;
        margin-bottom: 8px;
    }
    .stitle {
        font-size: 16px;
    }
    .pop-frm{
        margin-top: 10px;
        width: 100%;
    }
    .pop-frm .pop-btn{
        font-size: 15px;
    }
    .cpop{
           margin-top: 15px;
    font-size: 20px;
    }
    .hcou .stitle{
        font-size: 15px;
    }
    .hcou .coucode span{
        font-size: 18px;
    }
}

@media(max-width:640px) {
    .header2 .logo {
        margin-top: -7px
    }
    .sticky .header2 .logo {
        margin-top: -3px
    }
    .homeshop ul li,
    .latestblog ul li {
        width: 100%
    }
    .half {
        width: 100%;
        margin-bottom: 25px;
        padding: 0 15px
    }
    .logpage h2 {
        margin: 0;
        font-size: 24px
    }
    .loginright {
        border-left: 0
    }
    .accheading {
        font-size: 16px;
        font-weight: 500
    }
    .panel-title {
        font-size: 16px
    }
    .homeshop ul {
        overflow: auto;
        white-space: nowrap
    }
    .homeshop ul li {
        width: 100%;
        max-width: 300px;
        padding-left: 0;
        float: none;
        display: inline-block;
        vertical-align: middle;
        white-space: normal
    }
    .circle li span {
        font-size: 13px
    }
    .logo,
    .sticky .logo {
        width: 66px;
        margin-left: -33px
    }
    .headfirst {
        padding: 20px 0 20px
    }
    .sticky .toplink2 {
        padding-top: 0;
        padding-bottom: 0
    }
    .sticky .headfirst {
        padding-bottom: 25px
    }
    #homebanner img {
        height: 210px;
        object-fit: cover
    }
    .icons4 .circle li:first-child br:first-child {
        display: none
    }
    .circle li span em {
        display: block
    }
    #latest {
        margin-bottom: 35px
    }
    .latestdesign {
        padding-bottom: 45px
    }
    .manufacturing-icon1,
    .manufacturing-icon2,
    .selectdesignicon {
        background-repeat: no-repeat;
        background-size: 200px 165px
    }
    .manufacturing-icon1 {
        background-position: 6px -127px
    }
    .manufacturing-icon2 {
        background-position: -72px -127px
    }
    .btnsec button, .btnsec > a {
        height: 40px;
        width: 115px
    }
    .btnsec > a {
        line-height: 36px;
    }
    .btnsec .designicon,
    .btnsec .toolicon,
    .btnsec .uploadicon {
        background: url(../images/sprites.png) no-repeat;
        background-size: 320px 190px
    }
    .btnsec .uploadicon {
        background-position: 0 -110px;
        width: 18px;
        height: 20px
    }
    .btnsec .designicon {
        background-position: -62px -107px;
        width: 23px;
        height: 23px
    }
    .btnsec .toolicon {
        background-position: -27px -107px;
        width: 22px;
        height: 22px
    }
    .paddbg.lp {
        padding: 40px 15px 45px
    }
    .satisfaction-support-lp .cmsfullfabric {
        padding-top: 20px;
        padding-bottom: 0;
        text-align: left
    }
}

@media(max-width:600px) {
    .bannertext {
        position: static;
        background: #203351;
        padding: 15px 0
    }
    .bheading {
        font-size: 18px;
        line-height: 24px
    }
    .btn {
        font-size: 12px;
        padding: 8px 30px
    }
    .addtocart {
        text-align: center
    }
    .price {
        text-align: left;
        margin-top: 5px
    }
    .addtocart .btn {
        width: 150px;
        padding: 10px 20px;
        height: 45px
    }
    .listsec>li {
        width:50%
    }
    .regform ul li {
        width: 100%
    }
    .circle li {
        width: 32%
    }
    .icons4 .circle li {
        width: 50%
    }
    .latestblog {
        text-align: center
    }
    .latestblog img {
        height: auto;
        max-height: 250px;
        float: none
    }
    .bcont,
    .getsec {
        position: static;
        width: 100%;
        float: left;
        height: auto
    }
    .blogimg {
        background: #f1f1f1
    }
    .btnsec button, .btnsec > a {
        font-size: 16px
    }
    /*.swatchbooks .listsec>li {
        width: 50%
    }*/
    .fbox,
    .fbox:nth-child(4) {
        width: 100%!important;
        margin-right: 0!important;
        float: none
    }
    .fbox.newsletter>div {
        float: none;
        clear: both
    }
    .fbox.newsletter {
        margin-bottom: 30px
    }
    .btnsec button i, .btnsec > a > i {
        margin-right: 5px
    }
    .navicon {
        top: 24px
    }
    .dtcontent h1,
    .fg_left_inner h1 {
        font-size: 26px
    }
    .internship_page .intleft {
        width: 100%!important
    }
    .internship_page .imagesbox {
        width: 100%!important;
        margin-top: 20px
    }
    .guidelines_area {
        padding: 40px 10px
    }
    .internship_page .wrap_bg {
        padding: 25px 10px!important
    }
    .sellers-first-sec li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }
    .sellers-first-sec li:last-child {
        margin-bottom: 0
    }
    .sellers-first-sec .fabricbox {
        min-height: 1px
    }
    .start-selling-sec .content-box-left .title {
        font-size: 18px
    }
    .start-selling-sec .heading {
        margin-bottom: 25px
    }
    .sellers-first-sec .fabricbox p {
        max-width: 220px;
        margin-left: auto;
        margin-right: auto
    }
    .start-selling-sec .content-box-left ul {
        font-size: 16px
    }
    .start-selling-sec .content-box-right {
        padding: 20px 15px
    }
    .start-selling-sec .content-inner-box {
        padding: 30px 20px
    }
    .apparels-listing-cm li {
        width: 50%
    }
    .order-sec-wrapper .block-left .title {
        font-size: 30px
    }
}

@media screen and (max-width:567px) {

    /*.imghover img{max-height:300px;}*/
    .latestfab .listsec li {
        width: 50%
    }
    .toplinks ul li a span {
        display: none
    }
    #total_cart_count {
        display: inline-block
    }
    .toplinks li a i {
        margin-right: 0
    }
    .accheading {
        font-size: 16px
    }
    .track-order-pages .sec-title {
        font-size: 17px
    }
    .sections1.order-sec-wrapper .content_sec,
    .sections1.student-discount-lp .content_sec,
    .sections1.track-order-pages .content_sec {
        padding: 30px 25px 40px
    }
    .start-selling-sec .content-box-right {
        font-size: 18px
    }
    .frm-title {
        font-size: 16px
    }
    .student-discount-lp .custom-file label {
        padding-right: 11px
    }
    .student-discount-lp .custom-file .button {
        width: 100px
    }
    .student-discount-lp .logo-box-wrapper {
        padding-top: 15px;
        padding-bottom: 35px
    }
    .student-discount-lp .common-box-wrapper {
        right: 15px
    }
    .student-discount-lp .common-box-wrapper .box {
        width: 120px;
        height: 120px
    }
    .student-discount-lp .common-box-wrapper .box span {
        font-size: 14px
    }
    .student-discount-lp .common-box-wrapper .box span em {
        font-size: 24px
    }
    .cmsfullfabric.sections1 {
        padding-bottom: 40px
    }
    .common-padding-sec {
        padding: 35px 0
    }
    .common-padding-sec .heading {
        margin-bottom: 25px
    }
    .content-box-cd ul li {
        padding-bottom: 10px
    }
    .common-img-list {
        padding-top: 15px
    }
    .common-img-list li {
        width: 50%
    }
    .email-box-wrapper {
        font-size: 18px;
        padding: 15px
    }
    .common-block-bd .box-title {
        font-size: 24px
    }
}

@media(max-width:479px) {
    .toplinks ul li.logedin{font-size: 0; padding-right: 3px;}
    .toplinks ul li.logedin a{white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; width: 60px;}
    .toplinks ul li.logedin:before{display: none;}
     #homebanner img {height:145px;}  
    .dtstrip ul li{width: 50%; padding-bottom: 10px;}
    #fce-status .fc-thumbnail{width: 80px; padding-bottom: 5px;}
    #fce-status .fc-ppi {width: calc(100% - 100px);} 
    .price span {font-size: 30px;}
     #fce-status .fc-thumbnail img{width: 100%;} 
    .dtstrip ul li:nth-child(3){border-left: 0; }
    .dtstrip ul li:nth-child(3), .dtstrip ul li:nth-child(4){border-top: 1px solid #eaebeb;}
    /*.imghover {
    height: 300px;
    line-height: 300px;
}*/
    .listsec>li {
        width: 100%
    }
    .fabricbox img {
        height: 50px
    }
    .shrinkage {
        font-size: 17px
    }
    .latestfab .listsec li {
        width: 100%
    }
    .logsec li {
        line-height: 36px
    }
    #big {
        line-height: 350px
    }
    
    #big img {
        max-height: 350px;
        line-height: 350px
    }
    #thumbs img {
        height: 50px
    }
    #testimonials {
        padding: 0 40px
    }
    .tbox {
        padding: 25px 20px;
        font-size: 14px
    }
    .fbox,
    .fbox.first,
    .fbox.newsletter {
        width: 100%
    }
    .logsec {
        padding-right: 50px
    }
    .navicon {
        right: 10px
    }
    .cartlink {
        margin-left: 5px
    }
    .toplinks .cartlink {
        margin-left: 0;
        width: 40px
    }
    .bloglist>li {
        width: 100%;
        padding: 10px 0
    }
    .logsec {
        padding: 0
    }
    .circle li {
        width: 33.333%
    }
    .btnsec button, .btnsec > a {
        margin: 5px
    }
    .headmenu {
        border-top: 1px solid #ecebec
    }
    /*.swatchbooks .listsec>li {
        width: 100%
    }*/
    .btnsec button, .btnsec > a {
        width: 94px;
        font-size: 13px;
        height: 36px;
        margin: 1px;
        padding-left: 5px;
        padding-right: 5px
    }
   /* .imghover {
        height: 260px;
        line-height: 260px
    }*/
    .dpro .imghover {
        height: 150px;
        line-height: 150px;
    }
    .filter label {
        min-width: 180px
    }
    .filter>div {
        width: 100%;
        padding-top: 5px
    }
    .btnsec2 .fg_data_box {
        min-width: 140px;
        max-width: 50%;
        float: left
    }
    .removebtn {
        min-width: 24px;
        text-align: center
    }
    .search-bar-wrapper {
        width: 108px
    }
    .icons3 .circle li small {
        width: 85px;
        height: 85px;
        line-height: 75px
    }
    .icons3 .circle li::after,
    .icons3 .circle li::before {
        top: 60px
    }
    .accordionsec .imgbox {
        max-width:100%;
    }
    .search-bar-inner {
        max-width: 320px
    }
    .homeshop ul li {
        width: 260px
    }
    #product_list_model .modal-dialog {
        width: auto
    }
    .student-discount-lp .content-box-wrapper .title {
        font-size: 16px
    }
    .sec-bottom-img {
        padding-left: 15px;
        padding-right: 15px
    }
    .apparels-listing-cm .title {
        font-size: 15px
    }
    .tim-benefits {padding-top: 40px;}
    .tim-benefits .main-title {
        text-align: center;
        margin-bottom: 0;
    }
    .tim-benefit-item {

            text-align: center;
    font-size: 17px;
    }
    .tim-benefit-item .tip-img {
        float: none;
        width: 100%;
        margin: 0 auto 15px!important;
        padding-top: 0;
    }
    .tim-benefit-text .tim-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .button-box-tim {
        padding-top: 10px;
    }
}

@media screen and (max-width:419px) {
    .student-discount-lp .logo-box-wrapper {
        padding-right: 35px;
        margin-bottom: 30px
    }
    .student-discount-lp .common-box-wrapper {
        right: 0
    }
    .student-discount-lp .common-box-wrapper .box {
        margin-bottom: 20px
    }
}

@media screen and (max-width:406px) {
#pList_model::before, #product_list_model::before {height: auto;}
}


@media(max-width:360px) {
   /* .imghover {
        height: 230px;
        line-height: 230px
    }*/
    /*.imghover {
    height: 300px;
    line-height: 300px;
}*/
.pop-title{
        font-size: 18px;
    }
    .pop-img{
        height: 150px;
    }
    .pop-right .ptitle{
        font-size: 22px;
    }
    .pop-right .psub-title {
        font-size: 15px;
        margin-bottom: 6px;
    }
    .stitle {
        font-size: 15px;
    }
    .pop-frm .pop-btn {
        font-size: 13px;
    }
    .cpop{
        font-size: 16px;
    }

}

@media(max-width:350px) {
    .imghover {
        height: 210px;
        line-height: 210px
    }
}
@media(max-width:320px){
    .pop-title{
        font-size: 16px;
    }
    .pop-img{
        height: 130px;
    }
    .pop-right .ptitle{
        font-size: 20px;
    }
    .pop-right .psub-title {
        font-size: 14px;
        margin-bottom: 6px;
    }
    .stitle {
        font-size: 14px;
    }
    .pop-frm .pop-btn {
        font-size: 12px;
    }
    .cpop{
        font-size: 15px;
    }
}
.fabric2 .fabricbox {
    background: #faf3e9
}

.internship_page .heading2 {
    padding-top: 0;
    margin-top: 0;
    font-size: 30px
}

.internship_page .uploadfiles>span {
    font-size: 14px
}

.internship_page .intleft {
    width: 62%
}

.internship_page .imagesbox {
    width: 35%
}

.internship_page .sectiontop {
    background: #fff
}

.internship_page .wrap_bg {
    padding: 25px 80px
}

.internship_page .guidelines_area {
    background: #f2f2f0
}

.supply_fabric_page .heading {
    margin-top: 12px
}

.internship_page .country_code_field {
    border: none;
    outline: 0;
    padding-left: 10px;
    width: 40px
}

.bluk_order_pages .country_code_field {
    border: none;
    outline: 0;
    padding-left: 10px;
    width: 40px;
    background: 0 0
}

.internship_page .countcode input:not(.country_code_field) {
    padding-left: 65px
}

.bluk_order_pages .country_code_field {
    border: none;
    outline: 0;
    height: 28px!important;
    padding-left: 10px;
    width: 40px;
    background: 0 0
}

.bluk_order_pages .countcode span {
    top: 10px
}

.bluk_order_pages .countcode input:not(.country_code_field) {
    padding-left: 70px
}

.internship_page .country_code_field {
    border: none;
    outline: 0;
    padding-left: 10px;
    width: 40px
}

.internship_page .alert-success {
    text-align: center
}

.internship_page .help-block {
    color: #a94442
}

.internship_page .btn-primary {
    height: 46px
}

#file-upload-list {
    width: 155px;
    font-size: 12px
}

.steps {
    text-align: center
}

.steps ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}

.steps ul li {
    display: inline-block;
    width: 20%;
    font-size: 14px;
    position: relative
}

.steps ul li span {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    background: #ddd;
    color: #fff;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.steps ul li small {
    display: block;
    font-size: 14px
}

.steps ul li:before {
    content: "";
    position: absolute;
    top: 16px;
    right: 50%;
    width: 100%;
    height: 2px;
    background: #ddd
}

.steps ul li:first-child:before {
    display: none
}

.steps ul li.active span {
    background: #3b3b6f
}

.steps ul li.active:after,
.steps ul li.active:before {
    content: ""
}

.steps ul li.active:before {
    background: #3b3b6f
}

.orderprocess ul li {
    margin-top: 30px
}

.orderprocess ul li span {
    display: block;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #000
}

.screenimg {
    margin-top: 15px
}

.screenimg img {
    max-width: 900px
}

.payopt {
    margin-top: 30px
}

.payopt label {
    margin-bottom: 20px
}

.paybox {
    width: 900px;
    margin: 15px auto 0;
    display: block
}

.paybox ul {
    list-style: none
}

.paybox ul li {
    border-top: 1px solid #f1f1f1;
    background: #fff;
    padding: 20px;
    float: left;
    width: 100%
}

.paybox ul li:first-child {
    border: none
}

.paybox ul li img {
    display: inline-block;
    max-width: 110px;
    vertical-align: middle
}

.paybox ul li span {
    display: inline-block;
    max-width: 60%;
    vertical-align: middle
}

.paybox ul li label {
    float: right;
    width: 160px;
    position: relative
}

.paybox ul li label div {
    font-size: 16px;
    cursor: pointer;
    display: block;
    text-align: center;
    background: #3b3b6f;
    color: #fff;
    padding: 7px 20px;
    border: none;
    font-weight: 600
}

.paybox ul li label input[type=radio] {
    opacity: 0;
    position: absolute
}

.paybox ul li label input[type=radio]:checked+div {
    opacity: .7
}

.paytitle {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500
}

.btn.bluebg {
    background: #3b3b6f;
    border-color: #3b3b6f
}

.loginwith a {
    margin-top: 10px;
    width: 240px;
    text-align: center;
    display: inline-block;
    padding: 7px 15px;
    color: #fff
}

.facebooklog {
    background: #3f5aa6
}

.googlelog {
    background: #dd4b39
}

.centertext {
    text-align: center
}

.track_orderform .uploadfile .btn, #internship .uploadfile .btn{margin-top: 0;background: #3b3b6f; min-height: 48px; border-color: #3b3b6f;}
    .track_orderform .file, #internship .file{ visibility: hidden;  position: absolute;} 
    .uploadfile .input-group .form-control {background: #fff;font-size: 14px; min-height: 48px;}
.fileplace::placeholder{font-weight: 600;  color: #3e3e42; font-size: 14px}

#cart_items_data table tbody th,#cart_items_data table tbody td,.tablewidth table tbody th,.tablewidth table tbody td,.cartlist table tbody th,.cartlist table tbody td,.headth tbody th,.headth tbody td{font-weight: 600;}

/*****Sidebar*********/
.side_bar,.cart_side_bar {
    position: fixed;
    top: 0px;
    overflow: auto;
    right: -100%;
    width: 400px;
    background: #f2f2f0;
    z-index: 9999999999;
    height: 100%;
    padding: 20px 20px;
    -webkit-transition: all .5s ease 0s !important;
    -o-transition: all .5s ease 0s !important;
    transition: all .5s ease 0s !important;
    overflow: hidden;
    overflow-y: auto;
    font-size: 14px;
}
.side_bar.active,.cart_side_bar.active{
    right: 0;
    -webkit-box-shadow: 0 6px 8px rgb(0 0 0 / 42%);
    -moz-box-shadow: 0 6px 8px rgba(0,0,0,.42);
    box-shadow: 0 6px 8px rgb(0 0 0 / 42%);
    
}
.backdrop {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 98;
    display: none;
}
.side_bar.active .backdrop,.cart_side_bar.active .backdrop {
    display: block;
         -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.sidebar-btn{
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 99;
    display: flex;
    flex-direction: column-reverse;
    transform: translateY(-50%);
}
.side-btn,.cart-btn{
    background: #b22335;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    /* height: 50px; */
    /* line-height: 50px; */
    padding: 12px 6px;
    font-family: 'Work Sans', sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
   /* -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
     transform-origin: bottom right; */
    border-radius: 0px 5px 5px 0;
    cursor: pointer;
    writing-mode: vertical-rl;
    font-weight: 600;
}
.cart-btn{
    background:#3b3b6f !important;
    margin-top: 60px !important;
}
/*.dside .side-btn{
    display: none;
}*/

.close-btn {
  position: absolute;
  right: 20px;
  top: 10px;
  width: 24px;
  height: 24px;
  opacity: 1;
  z-index: 2;
}
.close-btn:before, .close-btn:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 100%;
  width: 2px;
  background-color: #333;
}
.close-btn:before {
  transform: rotate(45deg);
}
.close-btn:after {
  transform: rotate(-45deg);
}
.sidelogo{
    width: 60px;
}
.side-content{
    margin-top: 30px;
}
.side-content .heading{
    font-size: 20px;
    padding-bottom: 15px;
    display: inline-block;
    /* width: 100%; */
    text-align: left;
    background: none;
    position: relative;
    margin-top: 0;
}
.side-content .heading:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: #b22335;
    background: url(../images/titlebg.png) center bottom no-repeat;
}
.side-content .table{
    margin-bottom: 50px;
}
.side-content .table,.side-content .table th,.side-content .table td{
    border: 1px solid #333;
    font-weight: 600;
    font-size: 16px;
}
.side-content p{
        font-size: 16px;
        color: #3e3e42;
        line-height: 1.563;
}

.side-content ul li{
    padding: 0 0 10px 20px;
    font-size: 16px;
    background: url(../images/bullets.png) left 5px no-repeat;
}
.container,.wrapper div{
    transition: all 0.15s ease-out;
}
 .wrapper{
  position: relative;
  right: 0;
  transition: all 0.15s ease-out;
  width: 100%;
  display: inline-block;
}
.is-shift-sidebar{
  right: 0;
}
.is-shift-content{
  width: calc(100% - 400px)
}

.is-shift-content .top_header{
  width: calc(100% - 400px)
}
.is-shift-content .dtimg{
    width: 500px;
}
.is-shift-content .dtcontent{
    width: calc(100% - 620px);
    padding-left: 0;
}
.is-shift-content #big{
    height: 500px;
    line-height: 500px;
}
.is-shift-content #big img{
    max-height: 500px;
    line-height: 500px;
}
.cartbag div {float: left;line-height: 16px;padding-top:5px;}
.cartbag .alert{line-height: unset;padding: 15px;}
.cartbag ul{width:100%;float:left;/* border:1px solid #eaeaea;*/min-height: calc(100vh - 265px);max-height: calc(100vh - 265px);overflow:auto;display: inline-block !important;}
.toplinks li:hover .cartbag, .toplinks li:hover ul{}
.cartbag ul li{padding:10px;width:100%;float:left;border-top: 1px solid #c3c3c3 !important;margin: 0px !important;font-size: 14px !important;text-align: left;}
.cartbag ul li:hover{ }
.cartbag ul li{background: none;}
.cartbag ul li:first-child{ border:none !important;}
.cartbag ul li h5{ margin:0; font-size:13px; min-height:32px;}
.cartbag ul li a{ font-size:13px; padding:0;  color:#8f2b17;    padding: 0 !important;
    border: none !important;
    border-radius: unset !important;font-weight: 600;width: 15px;height: 15px;}
.productImage{width:18%; margin-right:2%; float:left; padding:0;}
.productImage img{ border:1px solid #f1f1f1; width:100%}
.productInfo{width:44%;float:left;text-align: left;}
.cartbag .qnt{ width:15%; text-align:center;}
.cartprice{ width:21%; float:right;}
.productInfo a.productname{  color: #333;    padding: 0 !important;
    border: none !important;
    border-radius: unset !important;}
.productInfo a.productname span{
    display: block;
    color:#3d3b6f
}
.cartprice{
    text-align: right;
}
.cartprice .delete_item{
    color: #fff !important;
        margin-left: auto;
}
.cartprice .delete_item:hover{
        background: #b22335;
}

.cartbag .catbtn {display: block;  margin: 0 auto;  max-width: 120px; }
    .totalprice{ background:#fff; text-transform:uppercase; padding:0px; width:100%; float:left; /*border:1px solid #eaeaea;*/}
.totalprice p{padding:5px 10px;}
.cartborder{ border-top:1px solid #91a2b2; border-bottom:1px solid #91a2b2; }
.totalprice p span{ display:inline-block; width:25%; font-size:12px; text-transform:none;}
.totalprice p span:first-child{ width:47%;text-align: left;}
.checkoutbtn { width:90%; margin:15px auto;background: none;  border: 1px solid #eaeaea;  display:block;  font-size: 14px;  padding: 10px;  text-align: center;  text-transform: uppercase;}
.checkoutbtn:hover{ border-color:#ccc;}
.viewshopping{ text-align:center;}
.viewshopping a{ font-size:12px;}

.totalprice .catbtn{ background:#C1CAD3; border:none; color:#fff; font-size:13px; cursor:pointer;margin: unset;}
.cartbag .catbtn:hover{
        background: #ed3744 !important;
    color: #fff !important;
}
.totals_price{
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
.totals_price .tp_price{
    float: right;
    font-weight: 700;
}
.side_bar_btn{
        display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.side-bar ul {
  list-style-type: none;
  padding: 0;
}

.side-bar ul li {
  display: flex;
  pointer-events: all;
  margin: 15px 0px;
  /*width: 177px;*/
  min-width: 38px;
  width: 100%;
  text-align: left;
  padding: 15px 5px;
  border-radius: 5px 0px 0px 5px;
  transition: all 1s;
  /*transform: translatex(145px);*/
  text-transform: capitalize;
  -webkit-box-shadow: 0 2px 25px 0 rgb(0 0 0 / 15%);
  box-shadow: 0 2px 25px 0 rgb(0 0 0 / 15%);
  font-size: 14px;
  position: relative;
}

.side-bar ul li:hover {
  /*transform: translatex(5px);*/
  cursor: pointer;
}
.side-bar ul li .simg{
    display: flex;
    align-items: center;
}
.side-bar ul li .simg i{
    margin-bottom: 8px;
    filter: brightness(100);
}
@media(max-width:1500px) {
    .is-shift-content .logo{
        margin-left: -120px;
    }
    .is-shift-content .container{
        width: 100%;
    }
}
@media(max-width:1400px) {
    .is-shift-content .logo{
        margin-left: -140px;
    }
}
@media(max-width:1367px) {
    
    .is-shift-content .topmenu>ul>li>a{
        padding: 0 20px;
    }
    .is-shift-content .two_btn_area {
        float: unset;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .is-shift-content .fg_layout_type > li{
        margin-right: 0px;
    }
    .is-shift-content .fb_rotate_box {
        float: left;
        margin-top: 10px;
    }
    .is-shift-content .logo{
        width: 100px;
        margin-left: -130px;
    }
    .is-shift-content .headfirst{
        padding-top: 60px;
    }
    .is-shift-content .headfirst:before{
        top:50px;
        width: 55%;
    }
    .is-shift-content .headfirst:after{
        top:50px;
        width: 39.5%;
    }
    .is-shift-content .toptrack>li>a{
        padding: 0 10px;
        font-size: 13px;
    }
    .is-shift-content .headcont{
        font-size: 13px;
    }
    body{
        padding-top: 250px;
    }
}
@media(max-width:1280px) {
   .is-shift-content .listsec>li{
    width: 50%;
   }
   .is-shift-content .fg_main_area{
    padding-right: 15px
   }
}
@media(max-width:1200px) {
    .is-shift-content .logo{
        width: 90px;
        margin-left: -110px;
        top: 15px;
    }
    .is-shift-content .toptrack>li>a {
        padding: 0 6px;
        font-size:12px;
    }
    .is-shift-content .headcont{
        font-size: 12px;
    }
    .is-shift-content .fbox.first {
        width: 30%;
    }
    .is-shift-content .fbox:nth-child(1),.is-shift-content .fbox:nth-child(2) {
        width: 30%;
    }
    .is-shift-content .fbox.newsletter {
        margin-top: 20px;
    }
    .is-shift-content .fbox:last-child{
        margin-top: 20px;
        width: 50%;
    }
    .contactlink li span{display: none;}
    .is-shift-content .topmenu>ul>li>a {
        padding: 0 15px;
        font-size: 15px;
    }
    .circle li span{
        font-size: 15px;
    }
    .accheading{
        font-size: 17px;
    }
    .imgbox,#accordion{
        width: 100%;
    }
    .shopbtn{
        font-size: 17px;
    }
}
@media(max-width:1024px) {
    .is-shift-content .logo{
        width: 80px;
        margin-left: -110px;
        top: 15px;
    }
    .is-shift-content .headfirst:before{
        width: 56%;
    }
    .is-shift-content .headfirst:after{
        width: 38%;
    }
    .is-shift-content .topmenu>ul>li>a {
        padding: 0 10px;
    }
    .is-shift-content .toptrack>li>a {
        padding: 0 4px;
        font-size:10px;
    }
    .is-shift-content .headcont{
        font-size: 10px;
    }
    
}

@media(max-width:1250px) {
.fg_layout_type > li{margin-right: 1px;}
.fg_layout_type > li > a{padding: 3px; width: 50px;}
.fg_rotate_action { width: 50px; height: 50px;}
.fg_data_title{font-size: 14px;}
.infotop{padding: 8px 15px}
}

@media(max-width:991px) {
    .fg_layout_type > li > a{width: 34px;}
    .fg_rotate_action{width: 36px; height: 34px;}
    .paybox {
        width: 100%
    }
    .paybox ul li span {
        display: inline-block;
        max-width: 50%
    }
    .screenimg img {
        width: 100%
    }
.profiledetail .listsec > li {width:50%;}
.profiledetail .listsec > li br{display: none;}
.profiledetail .listsec > li .titles{margin-bottom: 0;}
    .listsec > li:nth-child(4n+1) {clear: none;}
    .listsec > li:nth-child(3n+1) {clear: none;}
    .pagination{width: 100%;}
}

@media(max-width:639px) {
    .paybox ul li span {
        width: 100%;
        max-width: 100%;
        display: block;
        margin-bottom: 10px
    }
    .paybox ul li label {
        float: left;
        width: 130px
    }
    .paybox ul li label div {
        font-size: 14px
    }
    .steps ul li {
        vertical-align: top;
        width: 23%
    }
    .steps ul li small {
        font-size: 12px
    }
}

.cartlist.orderconfirmation{margin-bottom: 0;}
.totals{background:#fff;border:1px solid #ddd;}
.table.totals tr td:first-child, .table.totals tr td:nth-child(2){width: 25%;}
.swatchbooks .listsec > li{clear: none;}
.swatchbooks .listsec .texbox{min-height: 100px; margin-bottom: 0;}
.icons4 .circle .manufacturing-icon2 {background-position: 1px -81px; }
.icons4 .circle .manufacturing-icon1 { background-position: -106px 0px;  width: 56px;  height: 44px;}
.cartlist.cartpagelist tr td label{padding-right:20px; font-weight: normal;}

@media(max-width:767px) { 
    .formsec ul > li{width: 100%; margin-bottom: 5px;}
.table.totals tr td:first-child, .table.totals tr td:nth-child(2){display: none;}
.table.totals tr td:nth-child(3){color: #203351; font-weight: 700;}
.designtext span{ display: block; }
.designtext br{display: none;}
.table.bordermain.headth.table-hover.bgcolor tr td span {display: inline-block; width: 35px;} 
.cartlist.orderconfirmation tr td:first-child:before {
        content: "Product"
    }
.cartlist.orderconfirmation tr td:nth-child(2):before {
        content: "Qty"
    }
.cartlist.orderconfirmation tr td:nth-child(3):before {
        content: "Price"
    }
.cartlist.orderconfirmation tr td:nth-child(4):before {
        content: "Total"
    }

    .sec-top-block .short-descriptioin, .testimonial1{font-size: 15px;}
    .pad1 p {   font-size: 18px;}
    .cartlist.cartpagelist tr{border-top: 1px solid #ddd;}
    .cartlist.cartpagelist tr td{ padding-left:10px!important; border-top: 0; padding-bottom: 0;; }
    .cartlist.cartpagelist tr td:before{display: none!important;}
    .cartlist.cartpagelist tr td .imgicon {display: inline-block; width: 60px; height: 60px; margin-bottom: 0;}
    .cartlist.cartpagelist tr td .designtext{display: inline-block;vertical-align: top; width: calc(100% - 65px);}
    .cartlist.cartpagelist tr td .delete_item{position: absolute;right: 0px;top:-135px;}
    .cartlist.cartpagelist tr td label{  margin-bottom: 1px;}
    .cartlist.cartpagelist tr td:nth-child(2),.cartlist.cartpagelist tr td:nth-child(4){padding-left: 75px!important;}
    .cartlist.cartpagelist tr td:nth-child(2), .cartlist.cartpagelist tr td:nth-child(3){ font-size: 14px; width:auto; display: inline-block; padding-right: 15px; padding-bottom: 10px; padding-top: 5px;}
    .cartlist.cartpagelist tr td:nth-child(3){font-weight: 600;}
    .cover,.cover .col-sm-12{height: 200px;}
    .cover .profile-img{width: 150px;height: 150px;}
    .cover .links {position: absolute;bottom: -120px;display: flex;left: 15px;}
    .cover .links button{margin-right: 8px;}
    .cover .links .btn1{min-width:122px;}
    .social-links{right: 20px;}
    .dpro {padding: 150px 0px 40px !important;}
    .side_bar,.cart_side_bar{width: 100%;}
    .side-content .heading{font-size: 22px;}
    .side-content p{font-size: 14px;}
}

@media(max-width:479px) {
    #fce-status .fc-ppi p{font-size: 14px;}
    .price span{padding-left: 5px;}
    .regform ul li.fullwidth label{ margin-right: 4px; font-size: 14px;}
    .regform ul li.fullwidth {  font-size: 14px;}
    .sec-top-block { padding-top: 15px;  }
    .order-sec-wrapper .block-left .short-descriptioin { font-size: 15px;}
    .apparels-list-row .sec-top-block:last-child { padding-bottom: 30px;}
    .icons4 .circle .manufacturing-icon1 {background-position: -72px 5px; background-size: 200px auto;}
    .icons4 .circle .manufacturing-icon2 {background-position: 8px -56px;background-size: 200px auto;}
    .qty{margin-bottom: 10px;}
    .dtcontent .price{padding-left: 0; width: 100%}
    .sizebox {   padding: 15px;}
    .discountrow {font-size: 16px;}
.discountrow .col-md-3.col-sm-6{text-align: center;}
.discountrow .col-md-3.col-sm-6 span:after{ position: relative;left: 50%; margin-left: -24px; }
.profiledetail .listsec > li {width:50%;}
.listsec > li:nth-child(4n+1) {clear: none;}
.listsec > li:nth-child(3n+1) {clear: none;}
.apparels-listing-cm .title{min-height: 45px;}
.apparels-listing-cm li {padding: 0 13px 30px;}
.apparels-list-row .sec-top-block:first-child {margin-top: 0;}
.guidelines_area {padding: 40px 10px 10px;}
.bluk_order_pages ul li {padding: 10px 50px 5px 50px;}
.sections1 .content_sec{margin-top: 0;}
.lf_sec .images{text-align: center; margin-bottom: 5px;}
.icons4.cm-sec1 {padding-top: 30px; padding-bottom: 40px;}
.heading, h1, h2 {   font-size: 22px;}
.guidelines_area {padding: 30px 10px 10px;}
.guidelines_area .guidelines_area {padding-top: 20px}
.guidelines_area .heading {margin-top: 10px; margin-bottom: 10px;}
.common-block-bd .box-title, .privacypage.lp-inner .heading2{padding-bottom: 10px;font-size:20px;}
.privacypage .heading2{font-size: 20px; margin-top: 20px;}
.privacypage .cmsfullfabric { padding-top: 0;}
.guidelines_area ul li, .privacypage{font-size: 14px;}
.fabric-icon {background-position: -372px -239px;}
}

@media(max-width:375px) {
.profiledetail .listsec > li {width:100%;} 
}
@media(max-width:767px) {
    .toplinks ul li{
        padding-left: 8px;
        padding-right: 8px;
    }
    .toplinks ul.contactlink li:first-child{
        display: block !important;
    }
    .toplinks ul.contactlink li.mobile.first:before{
        content: "";
        position: absolute;
        left: 0;
        top: 11px;
        height: 15px;
        border-left: 1px solid #b4b4b4;
    }
    .currency-wrapper{
        display: block !important;
    }
    .currency-wrapper span{
            display: inline-block !important;
    }
    .currency-wrapper dl.dropdown {
        width: 80px;
    }
    .dropdown dt a{
        width: 83px;
    }
}
.d-block{
    display: block !important;
}
.minus_icon {
    display: block;
    position: absolute;
    right: 0;
    top: 1px;
    cursor: pointer;
}
.minus_icon:after {
    content: "-"!important;
    font-size: 40px;
    line-height: 30px;
    display: inline-block;
    width: 34px;
    height: 30px;
    text-align: center;
    line-height: 34px;
    font-size: 28px;
    color: #000;
}


.topmenu > ul > li > ul li{position: static;}
.topmenu ul ul ul ul { top: -2px;}

.topmenu ul ul ul ul{ 
    width: 500px;
    overflow: hidden;
    overflow-y: auto;
    min-height: 100%;
}
.topmenu ul ul ul ul li{
    width: 50%;
    float: left;
    border-bottom: 1px solid #f2f2f2;
    border-top: unset;
}
.topmenu ul ul ul ul li:first-child{
    border-bottom: 1px solid #f2f2f2;
}
.topmenu ul ul ul ul li:nth-child(odd){
    border-right: 1px solid #f2f2f2;
}

/*.topmenu .append_child.megamenus{ width: 1000px; display: block; position: absolute; min-height: 300px; }
.fistlist > li{width: 200px;}
.fistlist > li .sub_child_menu{ width: 800px; box-shadow: none; }
.fistlist > li .sub_child_menu > li{width: 33.33%; float: left; box-shadow: none; }
.fistlist > li .sub_child_menu > li > ul{left: 0; top: 100%;box-shadow: none; width: 800px;background:#f1f1f1; position: relative;}
.fistlist > li .sub_child_menu > li > ul > li{box-shadow: none; width:200px; float: left; }
.fistlist > li .sub_child_menu > li > ul > li > ul{box-shadow: none; left: 200px; background: #ccc; height: 300px;}
 

.topmenu .append_child.megamenus .sub_child_menu{display: block;}*/

.totype{width: 100%; float: left;}
.totype .qtysec{float: left;}
.totype .pricediv{ display: inline-block;margin-left: 30px; margin-top:5px; font-size: 40px; font-weight: 400; color: #b22335;}

.deltag{position: relative;}
.deltag:after{content:""; width: 95%; height: 1px; background:#3b3939; position: absolute;left: 0; top: 50%; transform:rotate(0deg);}

.listsec > li .favouriticon{text-decoration: none;}
.listsec > li .favouriticon img{ width:18px;  -webkit-filter: grayscale(100%);  filter: grayscale(100%); opacity: 0.5; }
.listsec > li .favouriticon:hover img{opacity:0.7;} 
.listsec > li .favouriticon.active img, .listsec > li .favouriticon.active:hover img{ -webkit-filter: grayscale(0);  filter: grayscale(0); opacity:1;}

.tooltip .tooltip-inner {
  background-color: #b42235;
  color: #ffffff;
  font-size: 14px;
}
.tooltip .tooltip-arrow {
  border-top-color: #b42235 !important;
}


@media(max-width:991px) {
.totype .pricediv{font-size:34px;margin-top:10px;margin-left:12px;}
.topmenu ul ul ul ul ul{
    width: 100%;
    height: auto;
}
.topmenu ul ul ul ul ul li{
    width: 100%;
    border:none !important;
}
.mhide{
    display: none;
}
}
@media(max-width:1280px){
    .toplinks ul li{
        padding-right: 8px;
        padding-left:8px;
    }
    .addtocart .btn{margin-left: 0!important;}
}
@media(max-width:1199px) and (min-width: 1040px) {
    .toplinks ul li{
        padding-right: 8px;
        padding-left:8px;
    }
    .toplinks ul li a{
        font-size: 12px;
    }
}
@media(max-width:1085px) and (min-width: 1040px) {
    .toplinks ul li{
        padding-right: 4px;
        padding-left:4px;
    }
    .toplinks ul li a{
        font-size: 10px;
    }
}
@media(max-width:1040px) and (min-width: 991px) {
    .toplinks ul li a{
        font-size: 10px;
    }
    .toplinks ul li{
        padding-right: 5px;
        padding-left:5px;
    }
}
@media(max-width:320px){
    .toplinks ul li.logedin a{
        width:25px;
    }
}
.noancher:hover a{
    cursor: initial !important;
    color: #fff !important
}

.readfile{position: relative;}

/*.tooltips {position:absolute;  left: 50%; top: 25px; color:#fff; padding: 10px; text-align: center; margin-left: -150px; width: 300px; background: #3e3b70; display: none; z-index: 9;}
.tooltips:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(62, 59, 112, 0);
    border-bottom-color: #3e3b70;
    border-width: 6px;
    margin-left: -6px;
}*/

@media(max-width:4000px) and (min-width: 1601px) {
    .tooltips {position:absolute; background: #fff;width:280px; left:99%; top: 50%; transform: translate(0%, -50%); color:#3e3b70; padding: 10px; text-align: center;display: none; z-index: 9; box-shadow:3px 3px 7px #ccc;}
.tooltips:after {right: 100%; top: 50%;  border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0);border-right-color: #fff; border-width: 6px; margin-top: -6px;}

 .toggle-content > div{padding-right: 35px;}

}

@media(max-width:1600px) and (min-width:1500px) {
.tooltips {position:absolute; background: #fff;width: 200px; left:99%; top: 50%; transform: translate(0%, -50%); color:#3e3b70; padding: 10px; text-align: center;display: none; z-index: 9;  box-shadow:3px 3px 7px #ccc;}
.tooltips:after {right: 100%; top: 50%;  border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 6px; margin-top: -6px;}

 .toggle-content > div{padding-right: 35px;}
}

.tooltips a{color: #b42235; display: inline-block;}
.readfile:hover .tooltips{ display: inline-block; }


@media(max-width:1499px) and (min-width:1280px) {
.tooltips {position:absolute; background: #fff;width: 200px; left:40%; bottom:30px; color:#3e3b70; padding: 10px; text-align: center;display: none; z-index: 9; box-shadow:3px 3px 7px #ccc;}
.tooltips:after {top: 100%; left: 50%;border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;    border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 6px; margin-left: -6px;}

 .toggle-content > div{padding-right: 35px;}
 .infotop{padding: 8px 15px}
}
 
@media(max-width:1281px) and (min-width:992px) {
.tooltips {position:absolute; background:#fff; width: 300px; right:99%; top: 50%; transform: translate(0%, -50%); color:#3e3b70; padding: 10px; text-align: center;display: none; z-index: 9; box-shadow:3px 3px 7px #ccc;}
.tooltips:after {left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;
    border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 6px; margin-top: -6px;}

}
@media(max-width:991px) and (min-width:300px) {
.tooltips {position:absolute; background: #fff;width: 250px; left:20%; bottom:30px; color:#3e3b70; padding: 10px; text-align: center;display: none; z-index: 9; box-shadow:3px 3px 7px #ccc;}
.tooltips:after {top: 100%; left: 50%;border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;    border-color: rgba(62, 59, 112, 0); border-top-color: #fff; border-width: 6px; margin-left: -6px;}
}


#total_wishlist_count{
        position: absolute;
    top: -10px;
    font-style: normal;
    right: -11px;
    background: #b22335;
    line-height: 20px;
    width: 20px;
    color: #fff;
    border-radius: 50%;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#tidio-chat-iframe {
    transform: translateY(-50px)!important;
}