@media screen and (max-width: 1499.5px) {
.header-menu ul li a{font-size:18px;}
.header-link ul li a{font-size:18px;}
.header-bottom-left ul li{margin-right:25px;}
.header-bottom-right ul li a{padding:25px 15px;}

.home-slideshow .slide .caption .con{max-width:500px;}
.home-slideshow .slide .caption .con h1{font-size:45px;}

.brand-carousel .item a{width:200px; height:200px;}

.popularcards{min-height:300px;}
.popularcards .thumb{width:200px;}
.popularcards .con{width:calc(100% - 190px);}

.toolbar-top .col-left label{margin-top:2px;}
.toolbar-top .col-right{margin:10px 0;}
ul.dropdown-nav > li > a{font-size:30px;}

.site-content{margin-top:-100px; padding:40px 60px;}

.mycard .card-header .dec table{font-size:14px;}
.mycard .card-header .dec h3{font-size:20px;}
}

@media screen and (max-width: 1199.5px) {
.header-menu{margin:0;}
.header-link ul li a{padding:50px 15px;}
.header-bottom-left ul li{margin-right:18px;}
.header-bottom-right ul li .demo-icon{font-size:20px;}
.header-bottom-right ul li a{padding:25px 10px 25px 5px;}
.searchmodal .form-control{font-size:20px;}
.searchmodal .btn{font-size:40px;}

.home-slideshow .slide{height:400px; background-position:center center; background-size:cover;}
.home-slideshow .slide .thumb{display:none;}
.home-slideshow .slide .caption .con h1{font-size:36px;}


#HSprev{left:10px;}
#HSnext{right:10px;}

.popularcards .thumb{width:160px;}
.popularcards .con{width:calc(100% - 140px);}

.toolbar-top .col-left label{margin-top:0;}
.toolbar-top .col-right{margin:6px 0;}
ul.dropdown-nav > li > a{font-size:24px;}
ul.dropdown-nav li a .demo-icon{font-size:15px;}

.card-carousel .item .hover-item{font-size:12px;}
.card-carousel .item .hover-item .icon{font-size:36px;}
.card-carousel .item .hover-item h4{margin:0; font-size:16px;}
.card-carousel .item .hover-item p{margin:0 0 10px;}


.site-content{margin-top:-60px; padding:40px;}
}
@media screen and (max-width: 991.5px) {
.logo{padding:12px 0;}
.header-menu{display:none;}
.header-link{display:none;}
.header-bottom{display:none;}
.mobile-header-link{display:block;}

.popularcards .thumb{width:330px;}
.popularcards .con{width:calc(100% - 340px);}

.brand-carousel .item a{width:140px; height:140px;}

.toolbar-top .col-left,
.toolbar-top .col-right{width:100%;}

ul.product-grid li.item{width:50%;}
ul.product-grid li.item:nth-child(4n+1){clear:none;}
ul.product-grid li.item:nth-child(2n+1){clear:left;}

ul.dropdown-nav li.label{width:100%;}
.card-carousel .item{margin:40px 25px 50px;}
.card-carousel .owl-nav div{top:42%;}

ul.orderstep li{margin:0 10px 0 20px;}
ul.orderstep li::before{left:-20px;}
}

@media screen and (max-width: 767.5px) {
.popularcards .thumb{width:160px;}
.popularcards .con{width:calc(100% - 140px);}

.btn-filterby{box-shadow:none !important;}
.btn-filterby.on{background-color:#084762; border-color:#084762;}

ul.dropdown-nav li.label{display:none;}
#FilterBy{display:none;}
#FilterBy.active{display:block;}
.toolbar-top .col-left ul.dropdown-nav{background:#edf3f8; margin:0; border-radius:5px; padding:15px 0;}
.toolbar-top .col-left ul.dropdown-nav li{width:100%; padding:0 25px;}
ul.dropdown-nav > li > a{font-size:26px;}
.toolbar-top .col-left ul.dropdown-nav .dropdown-menu{position:static !important; width:100%; transform:translate3d(0, 0, 0) !important; -webkit-transform:translate3d(0, 0, 0) !important; box-shadow:none; background:none; border:none;}
.toolbar-top .col-left ul.dropdown-nav .dropdown-menu li{border:none; padding:0;}
.toolbar-top .col-left ul.dropdown-nav .dropdown-menu li a{color:#555555; font-size:16px; padding:3px 0; font-family: 'Roboto', sans-serif; font-weight:400;}
.toolbar-top .col-left ul.dropdown-nav .dropdown-menu li a:hover{background:none; color:#1d9ed4;}

ul.nav li.nav-item{margin-right:15px;}
.nav-link{padding:10px 0; font-size:18px;}

.site-content{margin-top:0; padding:30px 0;}

.table-cart{width:100%; font-size:15px;}
.table-cart td{vertical-align:top; padding:10px; font-size:15px;}
.table-cart p{margin-bottom:0;}



.orderstep-wrap{padding:15px 0 0; background:#edf3f8;}
ul.orderstep{padding:0; margin:0; list-style:none; transform:translateZ(0); -webkit-transform:translateZ(0); position:relative;}
ul.orderstep:after{content:''; width:100%; height:7px; background:#ffffff; display:block; position:absolute; top:16px; left:0; z-index:-1;}
ul.orderstep li{float:left; width:33.33%; height:38px; margin:0;}
ul.orderstep li span{width:38px; height:38px; display:inline-block; border-radius:100%; border:solid 1px #d2d2d2; background:#fff; text-align:center; line-height:38px; color:#1d9ed4; font-size:16px; font-family: 'Gotham'; font-weight:500;}
ul.orderstep li.active span{background:#1d9ed4; border-color:#1d9ed4; color:#fff;}
ul.orderstep li:nth-child(2){text-align:center;}
ul.orderstep li:last-child{text-align:right;}


.modal-shoppingcart{width:auto; position:static;}
.modal-shoppingcart-header{display:none;}
ul.shoppingcart-list .con{width:100%; padding:20px 0 0;}
ul.shoppingcart-list li.item{padding:20px; }
ul.shoppingcart-list li.item:first-child{border-top: solid 2px #edf3f8;}

/* #BtnShoppingCartMobile{color:#084762; font-size:18px; text-align:left; padding:5px 20px; position:relative;} */
/* #BtnShoppingCartMobile .demo-icon{font-size:32px; vertical-align:middle;} */
/* #BtnShoppingCartMobile:before{content:"\f107"; font-family:'FontAwesome'; position:absolute; top:6px; right:20px; font-size:30px; color:#1d9ed4;} */
/* #BtnShoppingCartMobile.on:before{content:"\f106";} */


}

@media screen and (max-width: 639.5px) {	
body{font-size:15px;}
h1, .h1{font-size:38px;}
h2, .h2{font-size:26px;}
h3, .h3{font-size:20px;}
.brand-carousel .item a{width:120px; height:120px;}
.breadcrumb-wrap{margin-bottom:15px;}
.cardcarousel-section{padding:30px 0;}

.card-carousel .item .hover-item{font-size:9px;}
.card-carousel .item .hover-item .icon{font-size:30px;}
.card-carousel .item .hover-item h4{font-size:11px;}

.mycard .card-header{padding:15px;}
.mycard .card-body{padding:15px;}
.mycard .card-header .dec{padding-right:30px;}
.mycard .card-header .btn-arrow{right:15px;}


.nav-link{font-size:14px;}
}

@media screen and (max-width: 575.5px) {
.logo{width:160px;}
.mobile-header-link{margin-top:10px;}
.modal-mobilemenu{padding:75px 0;}
#HSprev, #HSnext{display:none;}
.home-slideshow .slide{height:500px; background-position:right -400px center;}
.home-slideshow .slide .caption .con{max-width:280px;}


.popularcards{margin-left:0; padding-top:30px;}
.popularcards .thumb{margin:0 30px 30px; width:auto; float:none;}
.popularcards .thumb img{width:100%;}
.popularcards .con{width:100%; padding-left:30px;}
.popularcards.type2 .top{padding:0 40px;}
.popularcards.type2 .top .col-6{padding-left:7px; padding-right:7px; margin-bottom:14px;}
.popularcards.type2 .con{padding-left:30px; margin-top:10px;}


ul.dropdown-nav > li > a{font-size:20px;}
ul.dropdown-nav li a .demo-icon{font-size:12px;}
ul.dropdown-menu li a{font-size:15px;}

.btn-circle{width:80px; height:80px; padding:0;}
.btn-circle.fs32 {font-size:22px !important;}
.btn-circle.fs24 {font-size:16px !important;}
}

@media screen and (max-width: 479.5px) {
.logo{width:150px;}
.mobile-header-link ul li{margin-left:10px;}

.brand-carousel .item a{width:90px; height:90px;}

ul.dropdown-nav li{width:100%;}
ul.product-grid{margin:0 -10px;}
ul.product-grid li.item{padding:0 10px;}
ul.product-grid li.item .meta{line-height:1;}
#BtnShoppingCartMobile{font-size:16px;}
.card-carousel .center .item .box{transform:scale(1,1);}
.card-carousel .item .hover-item{font-size:12px;}
.card-carousel .item .hover-item .icon{font-size:30px;}
.card-carousel .item .hover-item h4{font-size:16px;}

.mycard .card-header .dec{width:100%; padding:15px 0 0;}

.cardnumber .form-control{font-size:15px;}
.carddetails .form-control{font-size:15px;}
.carddetails .vcc{width:66px; padding:0; text-align:center;}


.nav-link{font-size:12px;}
}
@media screen and (max-width: 400px) {
}

@media screen and (min-width: 991px) {
}