@media (min-width:1200px) {
.container {max-width: 1300px;}
}

@media only screen and (max-width: 767px){
  .login-wrap .wrapper{ background: url(../../images/login_banner_mobile.jpg) no-repeat center top; background-size: cover;}
	.login-form {padding: 0 20px;}
} 


@media (max-width:1280px) {
.item-listing > li {width: 50%; flex:0 0 50%;}
.item_content .item_heading {display: block;}
.cart-summary h2 {font-size: 25px;}
}

@media (max-width:1200px) {
.menu > li {margin:0 10px;}
}

@media (max-width:1024px) {

h1 {font-size: 30px; line-height: 36px;}
h2.heading-text {font-size:32px; line-height: 36px; }


.menu  li >  ul , .menu{ }
.menu > li {margin: 0;}
.menu li:hover > ul{ visibility: visible; top:100%; opacity: 1; display: block}
.menu li ul li:hover > ul{top:0%;}
.menu  li >  ul{ opacity: 1; transition:all 0s ease 0s;-o-transition:all 0s ease 0s;-ms-transition:all 0s ease 0s;-moz-transition:all 0s ease 0s;-webkit-transition:all 0s ease 0s;transition:all 0s ease 0s; visibility: visible;  position: absolute; top:100%; left:0; width:auto; display:none;}
.menu  li.project_menu >  ul{max-height: 550px; overflow-y: scroll;}

.open-close-text {font-size: 14px; }
.card_text .select-rewards {font-size: 20px; line-height: 26px;}
.card_text .order-text {font-size: 18px; line-height: 22px;}

.card-block .img-wrap {height: 180px;}
.card-block .open-close-text {font-size: 14px; line-height: 18px;}
.card-block .card_text .select-rewards {font-size: 28px; line-height: 35px; letter-spacing: 1px;}
.card-block .card_text .order-text {font-size: 24px; line-height: 28px;}

.banner_logo {max-width: 700px;}
.item_list .item_img {height: 100px;}

}

@media (max-width:991px) {
.header .welcome-text {display: none;}
 
.account-submit-btn {margin-top: 0; margin-bottom: 20px;}
.project-listing li {width: 50%;}
.card-block .img-wrap  {height: 180px;}

.footer .footer_logo.col {max-width: 70px;}
.footer-links li a {font-size: 14px;}
.footer h2 {padding: 0 0 10px 0; margin: 0 0 10px 0}

.item_list > li {padding-left: 15px;}
 
.tabs li {padding-right: 30px;}
.tabs li:before  {right: 5px;}


.one-col-form .col-6 {max-width: 100%; flex:0 0 100%; -moz-flex:0 0 100%;  -ms-flex:0 0 100%;}

.eternal-adversary .cart-summary-inner {padding: 15px;}
.eternal-adversary .cart-summary h2 {font-size: 22px;}
.item-listing {margin: 0 -5px;}
.item-listing > li {padding: 0 5px;}
.eternal-adversary h2 {font-size: 20px; line-height: 24px;}
} 


@media (max-width:767px) {
.visible-xs {display: block;}
.hidden-xs {display: none;}
.header .header-right {display: block;}

.header .row {margin:0;}
.main {padding-top: 45px;}
.mobile-menu{ display: block; float:right;}
.menu li{ width:100%; margin:0 0 5px; border-bottom: none !important; padding:0;}
.menu  li >  ul{ width:100%; position:static; left:auto; top:auto; display:block; padding:0 10px; visibility: visible; opacity: 1; background: transparent;}
.menu  li ul li > ul{ position:static; left:auto; top:auto; display: none;}
.sub-span {cursor: pointer;display: block;font-size: 28px;font-weight: normal;height: 20px;position: absolute;right: 10px;text-align: center;top: 10px;width: 30px;z-index: 999;}
.menu a { display: inline-block;padding: 10px;width: 100%; color: #FFF;}
.menu { display: none; width:100%; background: url(../../images/mobile_menu_bg.png) no-repeat center center  #222222; overflow: scroll; background-size: 100%; text-align: center; position: fixed; top:45px; bottom: 0; left: 0; right: 0; z-index: 9; padding: 50px 0 30px; }
.menu li:hover > ul{ display: block;}
.menu li ul li:hover {background: transparent;}
	
.sub-span.active{ color:#fff;}
.menu li ul li a {color: #FFF; font-size: 12px; padding: 5px 10px;}
.menu > li > a {display: inline-block; width: auto; font-size: 24px; padding: 10px 45px;}
.menu li.sub_menu > a {background-size: 25px;}



.header {padding: 7px 0;}
.header .logo {display: none;}
.header .mobile_logo {display: inline-block; width: 155px; margin-left: -5px;}
.header .mobile_logo .logo-black {display: none;}

.header .welcome-text  {display: none;}
.mobile-menu {
	position: relative; right: -2px; top:-2px;
  width: 30px;
  height: 20px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: block;
}

.mobile-menu span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #FFF;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


/*.menu li:first-child {display: none;}*/

/* Icon 3 */

.mobile-menu span:nth-child(1) {
  top: 0px;
}

.mobile-menu span:nth-child(2),.mobile-menu span:nth-child(3) {
  top: 10px;
}

.mobile-menu span:nth-child(4) {
  top: 20px;
}

.mobile-menu.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.mobile-menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobile-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile-menu.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}


.menu-open {overflow: hidden;}
.menu-open .header {background: #FFF;}
.menu-open .header .logo-white {display: none;}

.menu-open .header .logo-black {display: inline-block;}
.menu-open .mobile-menu span {background: #000;}

.account-profile-img img {display: none;}

.footer .col {margin: 0 15px; max-width: 208px;}
.footer h2 {font-size: 19px; line-height: 23px;}
.footer-links li  {line-height: 16px;}
.project-listing li {width: 50%;}

/*.banner_logo {display: none;}*/

.item-listing > li {width: 100%; margin-bottom: 20px;}
.item-listing {display: block;}
.eternal-adversary .cart-summary {display: none;}
.accordion-title {display: flex; align-items:center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; font-size: 20px; letter-spacing: 1px;   font-family:'Gotham-Black'; text-align: center; margin-bottom: 10px; padding: 0; background: #ebebeb; border: 1px solid #000;}
.accordion-title .acc-img {width: 80px; margin-right: 10px;}
.accordion-title .acc-img img {width: 100%; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px;}
.accordion-title .acc-title {width: 100%;}
.item-listing  .card {display:none;}
.item-listing li:first-child  .card {display: block;}

.cart-open .mobile-menu {top:0;}
.eternal-adversary .cart-summary {position: fixed; top:40px; left:-15px; right: -15px; bottom: 0;  overflow: scroll; z-index: 1; margin:0;}
.cart-backicon-img {display: none;  width: 20px;}
.eternal-adversary .cart-summary-inner {padding: 15px;}
.cart-open {overflow: hidden}
.cart-open  .cart-backicon-img {display:block; width: 20px;}
.cart-open  .cart-icon-img {display:none;}

.cart-icon {display: inline-block;}

.tabs {display: none;}
.tab_drawer_heading {display: block; margin-bottom: 20px;}
.tab_container {padding-left:0; width: 100%; }
.tab_drawer_heading.d_active .tab-img {opacity:1; }

.tab_container_inner {background: transparent;}
.tab_content {background: #e5e5e5; margin-bottom: 20px;}
.tab_drawer_heading.d_active {margin-bottom: 0;}

.card  {border-radius: 10px;}
.card .img-wrap img {border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0;}
.card-price-col {border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px;}
.card-block {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px;}
.card-block img {border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0}
.sold .card:before {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px}
.card-block .img-wrap  {border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0}


.tab_content .col-sm-8 {max-width: 100%; flex:0 0 100%; -moz-flex:0 0 100%;}
.tab_content .col-sm-4 {max-width: 100%; flex:0 0 100%; -moz-flex:0 0 100%;}
.tab-img {max-width: 100%; height: 130px;}
.receipt-shipping h2.heading {display: none;}
.receipt-shipping .container {background: none;}


.banner {height: 350px;}
.content-wrap {padding: 15px 15px;}
h1, h2, h3, h4, h5, h6 {padding: 0 0 10px 0;}
p {font-size: 10px; line-height: 14px;}
h3 {font-size: 10px; line-height: 14px;}
h4 {font-size: 12px; }
.item_list {padding: 15px 0 0;}
.item_list .item_img {width: 115px; height: 80px;}

.footer {padding: 15px;}

.custom-form label {font-size: 10px;}
.one-col-form {display: flex; }
.custom-form .form-control {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px;}
.custom-dropdown .dk-selected {border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px;}
.full-width-mo {max-width: 100%; flex:0 0 100%; -moz-flex:0 0 100%;}
.one-col-form .col-6 {max-width: 50%; flex:0 0 50%; -moz-flex:0 0 50%;}
.card-price-col .form-control {border-radius: 6px; -moz-border-radius:6px;  -webkit-border-radius:6px; -ms-border-radius:6px;}

.item_heading span {font-size: 12px; line-height: 12px;}
.cart-summary {padding: 0 15px;}
.tab_content .col-sm-4 {padding-right: 15px;}
.receipt-shipping .cart-summary-inner {padding: 0;}

.eternal-adversary h2 {font-size: 24px; line-height: 28px; margin-bottom: 13px;}

.step-section ul li a {padding: 20px; font-size: 16px;}

.banner img {width: auto !important; height: 350px !important;}

}

@media (max-width:567px) {
	.footer {position: relative;}
	.footer .footer_logo.col {position: absolute; width: 45px; right: 5px; bottom: 30px;}
	.footer .row {display: block;}
  .project-listing li {width: 100%;}

 .step-section ul {display: block;}
  .step-section ul li a {padding: 10px; border-right: none; border-bottom: 1px solid #FFF;}
  .step-section ul li {width: 100%;}



}
	
@media (max-width:374px) {

.card-block .card_text .select-rewards {font-size: 24px; line-height: 28px; letter-spacing: 1px;}
.card-block .card_text .order-text {font-size: 20px; line-height: 24px;}

.footer .col {max-width: 195px;}
.one-col-form {display: block;}
.one-col-form .col-6 {max-width: 100%; flex:0 0 100%; -moz-flex:0 0 100%;}
.custom-form  .col-6 {max-width: 100%; flex:0 0 100%; -moz-flex:0 0 100%;}

.accordion-title {font-size: 14px;}

h1 {font-size: 28px;}

}