/* Initial menu */
.menu {
  background: #202024;
  right: -100%;  /* start off behind the scenes */
  height: 100%;
  position: fixed;
  width: 80%;
  z-index: 99;
  top:0;
}

/* Basic styling */

.jumbotron {
  background-image: url('http://s3.amazonaws.com/codecademy-content/courses/ltp2/img/uber/bg.png'); 
  height: 100%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.menu ul {
  border-top: 1px solid #636366;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  border-bottom: 1px solid #636366;
  font-family: 'Open Sans', sans-serif;
  line-height: 35px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-top: 3px;
}

.menu a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
}

.icon-close {
  cursor: pointer;
  padding-left: 0px;
  padding-top: 14px;
  margin-left: -10px;
  text-align: right;
}

.icon-menu {
    cursor: pointer;
    font-size: 16px;
    padding-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
}

.icon-menu i {
  margin-right: 5px;
}

.menu .row{margin: 0}

/* .menu .row .col-xs-10,
.menu .row .col-xs-2{padding: 0;} */

.menu .top_search-bar
{
	width: 100%;
	border: 0;
    padding: 0;
    padding-bottom: 30px;
}

.menu .top_search-bar:hover:after, .menu .top_search-bar:hover:after { width: 0%; }

.menu .top_search-bar input[type="text"]
{
    border: 0;
    width: 85%;
    padding: 5px;
}

.menu .top_search-bar button {padding-left: 10px;}
.menu .top_search-bar button i{color:#fff;}



.carousel-indicators li
{
    width: 10px;
    height: 10px;
    border:0;
    background: #fff;
}

.carousel-indicators .active
{
    width: 10px;
    height: 10px;
    margin: 0;
    background-color: #fb461c;
}




@media screen and (max-width: 767px)
{

header .logo{text-align: left;}
header .logo img{width: 150px;}

.top-offer_strip
{
    background: #fb522a;
    padding: 3px 0px 0px;
}


header .right-navigation, .menu .right-navigation
{
    text-align: center;
}

header .right-navigation li, .menu .right-navigation li
{
    padding: 0px 10px;
}


header .right-navigation li:nth-child(1):before, header .right-navigation li:nth-child(2):before, .menu .right-navigation li:nth-child(1):before, .menu .right-navigation li:nth-child(2):before {
    content: "/";
    position: absolute;
    margin-left: 32px;
    font-weight: 600;
}


.how-to-work,
.creative-third,
.winter-collection,
.the-classic_collection {padding: 40px 0px 40px;}


.the-classic_collection .collection-box:before {
    content: "";
    background: url(../img/strip.png) top center no-repeat;
    margin: -45px 0px 0px -22px;
    background-size: 60%;
}


.the-classic_collection .collection-box:after {
    content: "";
    background: url(../img/strip.png) top center no-repeat;
    margin: -20px -10px 0px 0px;
    background-size: 60%;
}

.the-classic_collection .collection-box .collection-inner { padding: 30px 30px; }


.the-classic_collection .collection-box .collection-inner h1 {font-size: 32px;}

.the-classic_collection .collection-box .collection-inner h3 {font-size: 26px;}
.the-classic_collection .collection-box .collection-inner h3 img{width: 120px; margin-bottom: 20px;}




.the-classic_collection .collection-box .collection-inner p {
    font-size: 12px;
    color: #ffbcac;
    margin: 20px 0;
}

.btnn a {
    display: inline-block;
    letter-spacing: 2px;
    border: solid 1px #fff;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
    font-size: 12px;
}


.the-classic_collection .img-cc img {display: none;}

.winter-collection .right-section {padding: 40px 40px;}
.winter-collection .right-section .right-innear {padding: 20px 20px;}
.winter-collection .right-section .right-innear h1 {font-size: 32px;}


.heading h1 {font-size: 32px;}
.heading p {font-size: 20px;}
.heading h1:after,
.heading h1:before{margin-top: 18px;}




.look-book ul li:nth-child(2),
.look-book ul li:nth-child(3),
.look-book ul li:nth-child(4),
.look-book ul li:nth-child(5){display: none;}



.creative-third .creative-part {background: #ffdcde; height: auto;}
.creative-third .creative-part .creative-innear {padding: 20px 20px;}

.creative-third .creative-part .creative-innear h1 {font-size: 42px;}
.creative-third .creative-part .creative-innear p {font-size: 18px;}

.right-creative{text-align: right;}
.creative-third .right-creative .new-arrivals
{
    width: 80%;
    height: auto;
    right: 0;
    top: 0;
    display: inline-block;
    margin: -190px 0px 0px 0px;
    position: static;
}

.creative-third .right-creative .new-arrivals .innear .product
{
    min-width: 100%;
    width: 100%;
}

.creative-third .right-creative .new-arrivals h1
{
    font-size: 32px;
    margin: 98px 0px 0px -125px;
}

.how-to-work .figure {padding-bottom: 30px;}


.how-to-work .free-shipping { background: url("../img/free-shiping.png") no-repeat right center; background-size:118px;  width: 59px; height: 49px; }
.how-to-work .cash-on-delivery { background: url("../img/cash-on-delivery.png") no-repeat top center; background-size:50px;  width: 50px; height: 54px; }
.how-to-work .special-offers { background: url("../img/specail-offer.png") no-repeat left center; background-size:106px;  width: 53px; height: 49px; }
.how-to-work .secure-payment { background: url("../img/secure-payment.png") no-repeat left center; background-size:86px;  width: 43px; height: 59px; }

.how-to-work h1 {font-size: 18px;  margin:10px;}



footer .copyright .menus li
{
    display: list-item;
    margin-left: 0;
    padding: 10px 0px;
}



.tlc
{
	text-align: center;
}

footer .copyright .payment-option
{
    text-align: center;
}




}




@media only screen and (min-width: 992px) and (max-width: 1279px)
{
.the-classic_collection .img-cc img
{
    margin: -125px 0px 0px -70px;
}

.winter-collection .right-section
{
    padding: 50px 40px;
}

.winter-collection .right-section .right-innear
{
    padding: 40px 30px;
}

.look-book ul li
{
	width: 20%;
	margin: 0;
	margin-left:-4px;
	vertical-align: bottom;
}

.creative-third .creative-part
{
	background-size:60%;
}

}



@media only screen and (min-width: 768px) and (max-width: 991px)
{
nav ul li
{
    padding: 0px 12px;
}

.logo img
{
	width: 110px;
	margin-top: 10px;
}

header .right-navigation li
{
    padding: 0px 10px;
}


.the-classic_collection .img-cc img
{
    margin: -65px 0px 0px -140px;
    width: 200px;
}

.the-classic_collection .collection-box .collection-inner
{
    padding: 50px 50px;
}

.winter-collection .right-section
{
    padding: 20px 20px;
}

.winter-collection .right-section .right-innear
{
    border: solid 8px #fff;
    padding: 30px 30px;
}

.look-book ul li:nth-child(4),
.look-book ul li:nth-child(5)
{
	display: none;
}


.right-creative
{
	margin-top: 70px;
}

.right-creative .fixed
{
	margin-bottom: 60px;
}




}