/* Start Extra Small Screens */
@media (max-width: 767px) {
    
    /* Start Navigation Bar */
    
    nav .sign-out p {
        width: 57%
    }
    /* End Navigation Bar */
    
    
    /* Start My Account */
    .my-account .account-form .inputs-headings {
        width: 100%
    }
	
	.my-account .account-form {
		width: 87%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.my-account h2{
		padding-left: 5%
	}
    
    .my-account .account-form h4 {
        width: 75%
    }
    
    .my-account .account-form input{
        width: 75%
    }
    
    .my-account .account-form .edit-inputs {
        width: 25%
    }
    
    .my-account .account-form .edit-inputs i {
        margin-left: 2px;
        margin-right: 4px;
        cursor: pointer;
        color: #a1a1a1;
        font-size: 20px;
        margin-top: 3px;
    }
    
    .my-account .account-form .passwords input {
        width: 100%
    }
    
    .my-account .account-form .submit input {
        width: 60%
    }
    /* End My Account */
    
    
    /** Start Log In **/
    .login .login-child {
        width: 90%;
        padding: 25px
        
    }
    /** End Log In **/
    
    /** Start Track Search & Map **/
    .track {
        padding-left: 0;
        padding-right: 0;
    }
    .track h2 {
        font-size: 30px
    }
    
    .track p {
        font-size: 13px;
		padding: 0 10px
    }
    
    .track .search-track {
        width: 100%
    }
    
    .track .search-track .form-group {
        width: 100%
    }
    /** End Track Search & Map **/

    /** Start Track Order **/
    .track-order .tracked {
        width: 95%
    }
    
    .track-order .tracked .ids {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }
    
    .track-order .tracked .view-details {
        width: 100%;
        float: none;
        padding-left: 20px
    }
    
    .track-order .tracked .view-details a {
        float: none
    }
    
    .track-order .tracked .order-item {
        padding-left: 20px
    }
    
    .track-order .tracked .order-item h2 {
        font-size: 27px
    }
    
    .track-order .tracked .order-item h4 {
        font-size: 15px
    }
    
    .track-order .tracked .order-item .order-details button {
        padding: 5px 14px;
        font-size: 10px;
        
    }
    /** End Track Order **/
    
    /** Start Shipping Track **/
    .shipping-tracked .shipping {
        width: 90%
    }
    
    .shipping-tracked .shipping .shipping-heading {
        padding-left: 10px
    }
    
    .shipping-tracked .shipping .shipping-heading h2 {
        font-size: 21px
    }
    
    .shipping-tracked .shipping .path {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    
    /* Start Path Left */
    .shipping-tracked .shipping .path .path-left .north-path .north-path-icon-1 {
        margin-left: 0
    }
    
    .shipping-tracked .shipping .path .path-left .north-path p {
        z-index: 99
    }
    
    .shipping-tracked .shipping .path .path-left .north-path .north-path-icon-1:hover + p:after {
        border-width: 11px 9px 13px 9px;
        border-color: transparent #1ee568 transparent transparent;
        border-style: solid;
    }
    
    .shipping-tracked .shipping .path .path-left .north-path p:after {
        border-width: 14px 9px 13px 8px;
        border-color: transparent rgba(12,13,14,0.7) transparent transparent;
        border-style: solid;
        position: absolute;
        left: -16%;
        top: 5%;
    }
    
    .shipping-tracked .shipping .path .path-left .north-path p.order-placed {
        width: 107px;
        left: 88%
    }
    
    .shipping-tracked .shipping .path .path-left .north-path .north-path-icon-1 + p.order-placed:after {
        border-width: 14px 8px 12px 8px;
        border-color: transparent rgba(12,13,14,0.7) transparent transparent;
        border-style: solid;
        left: -15%
    }
    
    .shipping-tracked .shipping .path .path-left .north-path .north-path-icon-1:hover + p.order-placed:after {
        border-width: 14px 9px 13px 8px;
        border-color: transparent #1ee568 transparent transparent;
        border-style: solid;
    } 
    
    .shipping-tracked .shipping .path .path-left .north-path p.production-complete {
        width: 148px;
        left: 88%;
        top: 34%;
        font-size: 12.5px;
    }
    
    .shipping-tracked .shipping .path .path-left .north-path p.production-complete:after {
        border-width: 13px 7px 12px 8px;
        border-color: transparent rgba(12,13,14,0.7) transparent transparent;
        border-style: solid;
        position: absolute;
        left: -10%;
        top: 6%;
    }
    
    
    
    .shipping-tracked .shipping .path .path-left .north-path .north-path-icon-1:hover + p:after {
        border-width: 11px 9px 13px 9px;

    }
    
    .shipping-tracked .shipping .path .path-left .north-path .north-path-1-production-complete:hover + p.production-complete:after {
        border-width: 13px 7px 12px 8px;
        border-style: solid;
    }
    
    .shipping-tracked .shipping .path .path-left .north-path p.recieved {
        left: 88%;
        top: 34%;
    }
    
    .shipping-tracked .shipping .path .path-left .north-path p.recieved:after {
        left: -23%
    }
    
    .shipping-tracked .shipping .path .path-left .north-path .north-path-icon-1-recieved:hover + p.recieved:after {
        border-width: 14px 9px 13px 8px;
        border-color: transparent #ff1a1a transparent transparent;
        border-style: solid;
    }
    /* End Path Left */
    
    
    /* Start Path Right */
    .shipping-tracked .shipping .path .path-right .south-path .south-path-icon-1 {
        margin-right: 0
    }
    
    .shipping-tracked .shipping .path .path-right .south-path p.processing-complete {
        width: 146px;
        font-size: 12.5px;
        right: 90%
    }
    
    .shipping-tracked .shipping .path .path-right .south-path p:before {
        border: none
    }
    
    .shipping-tracked .shipping .path .path-right .south-path p.processing-complete:after {
        border-width: 12px 12px 12px 7px;
        border-style: solid;
        border-color: transparent transparent transparent rgba(12,13,14,0.7);
        content: '';
        position: absolute;
        top: 7%;
        left: 100%;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    
    .shipping-tracked .shipping .path .path-right .south-path .south-path-icon-1-processing-complete:hover + p.processing-complete:after {
        border-color: transparent transparent transparent #1ee568;
    }
    
    .shipping-tracked .shipping .path .path-right .south-path .south-path-icon-1-processing-complete:hover + p.processing-complete:before {
        border: none
    }
    
    .shipping-tracked .shipping .path .path-right .south-path p.shipping-order {
        right: 90%
    }
    
    .shipping-tracked .shipping .path .path-right .south-path p.shipping-order:after {
        border-width: 12px 12px 14px 8px;
        border-style: solid;
        border-color: transparent transparent transparent rgba(12,13,14,0.7);
        content: '';
        position: absolute;
        top: 7%;
        left: 100%;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    
    .shipping-tracked .shipping .path .path-right .south-path .south-path-icon-1-shipping-order:hover + p.shipping-order:before {
        border: none
    }
    
    .shipping-tracked .shipping .path .path-right .south-path .south-path-icon-1-shipping-order:hover + p.shipping-order:after {
        border-color: transparent transparent transparent #1ee568;
    }
    /* End Path Right */
    
    .shipping-tracked .shipping .order-has-arrived {
        padding-left: 10px
    }
    
    .shipping-tracked .shipping .order-has-arrived p {
        font-size: 16px
    }
    
    /** End Shipping Track **/
	
	/* Start Fashion Store */
	.fashion-store .items-heading {
		width: 100%;
		border: 1px solid #DDD;
		border-radius: 3px;
		background-color: #FFF;
		margin-top: 20px;
		box-shadow: 0 1px 2px rgba(57,73,76,.35);
		cursor: pointer
	}
	
	.fashion-store .items-heading .items-links-heading {
		width: 100%;
		padding: 10px
	}
	
	.fashion-store .items-heading .items-links-heading h3 {
		margin: 0;
		display: inline-block;
	}
	
	.fashion-store .items-heading .items-links-heading i {
		display: inline-block;
		font-size: 23px
	}
	
	.fashion-store .items-heading .items-links {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #FFF;
		z-index: 10;
		overflow-y: scroll;
		display: none
	}
	
	.fashion-store .items-heading .items-links .items-links-icon {
		padding: 15px;
    	font-size: 30px;
		float: right;
		width: 100%
	}
	
	.fashion-store .items-heading .items-links .items-links-icon i {
		float: right;
	}
	
	.fashion-store .items-heading .items-links .items-anchors {
		margin-top: 75px;
		margin-bottom: 75px;
		width: 100%
	}
	
	.fashion-store .items-heading .items-links a {
		display: block !important;
		margin-right: 0;
		border: none;
		border-radius: 0;
		padding: 15px 13px;
		margin: 7px;
		border-bottom: 1px solid #dff0d8
	}
	
	.fashion-store .items-heading-active {
		border: none !important;
		border-bottom: 1px solid #dff0d8 !important;
		background: none !important;
		color: #54a0ff !important
	}
	
	.fashion-store .items-heading .items-links a:hover {
		background: none;
		color: #54a0ff
	}
	
	/* Start Fashion Store Best Deals */
	.fashion-store .best-deals img {
		width: 23vw;
		height: 27vw;
	}
	
	.fashion-store .best-deals img.mac-img {
		padding-left: 9px;
    	padding-top: 20px;
	}
	/* End Fashion Store Best Deals */
	
	/* Start Mini Placard */
	.fashion-store .placard .mini-placard {
		width: 46%;
		float: left;
		margin-left: 2%;
		margin-right: 2%;
		background-color: #2a2a2a
	}
	/* End Mini Placard */
	
	/* Start Fashion Store Address Itemss */
	.fashion-store .address-items h2 {
		display: block
	}
	/* End Fashion Store Address Itemss */
	
	/* Start Fashion Store Box Items */
	
	.fashion-store .box .box-items .box-imgs img {
		height: 55vw
	}
	
	.fashion-store .box .box-items .box-imgs .box-transparency a {
		line-height: 55vw;
		padding: 7px 14px;
    	font-size: 10px;
	}
	
	.fashion-store .box .box-items .box-heading .para-suits {
		font-size: 4vw;
		padding: 0px 12px
	}
	
	.fashion-store .box .box-items .box-heading span {
		font-size: 5vw
	}
	
	.fashion-store .box .box-items .box-heading del {
		font-size: 3vw
	}
	
	.fashion-store .box .box-items .box-heading .box-stars i {
		font-size: 4vw
	}
	
	.fashion-store .box .box-items .box-heading p.ship {
		font-size: 3vw;
		padding: 6px 14px;
		
	}
	
	.fashion-store .box .box-items .box-heading button {
		font-size: 3.5vw
	}
	/* End Fashion Store Box Items */
	
	/* Start Toolbar */
	.toolbar .bars ul li a {
		font-size: 13px;
    	padding: 9px 10px;
	}
	/* End Toolbar */
	
	/* End Fashion Store */
	
	
	/* Start Payment Methods (Credit Card) */
	.payment-methods h2 {
		margin-top: 35px;
    	font-size: 20px;
	}
	
	.payment-methods .payment-box .payments-imgs .credit-heading {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.payment-methods .payment-box .payments-imgs .credit-heading i {
		font-size: 18px
	}
	
	.payment-methods .payment-box .payments-imgs span {
		font-size: 13px;
	}
	
	.payment-methods .payment-box .payments-imgs .credit-icons {
		width: 100%;
		margin-bottom: 30px
	}
	
	.payment-methods .payment-box .payments-imgs .credit-icons i {
		font-size: 40px
	}
	
	/* End Payment Methods (Credit Card) */
	
	/* Start Sign Up */
	.signup .sign-up-box {
		padding: 20px;
		margin: 4vw;
	}
	
	.signup h2 {
		font-size: 22px
	}
	
	.signup .input-group.first-name {
		width: 100%
	}
	
	.signup .input-group.last-name {
		width: 100%
	}
	
	.signup .input-group.password {
		width: 100%
	}
	
	.signup .input-group.repeat-password {
		width: 100%
	}
	
	.signup .sign-up-box input[type="submit"] {
		font-size: 13px;
		padding: 11px;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	/* End Sign Up */
	
    
}
/* End Extra Small Screens */


/* Start Small Screens */
@media (min-width: 768px) and (max-width: 991px) {
    
    /* Start My Account */
	.my-account .account-form {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.my-account h2 {
		padding-left: 5%
	}
	
    .my-account .account-form .inputs-headings {
        width: 100%
    }
    /* End My Account */
    
    
    /* Start Track Order */
    .track-order .tracked {
        width: 82%
    }
    /* End Track Order */
    
    /* Start Shipping Track */
    .shipping-tracked .shipping .shipping-heading {
        padding-left: 0
    }
    
    /* Start Path Left */
    .shipping-tracked .shipping .path .path-left .north-path .north-path-icon-1 {
        margin-left: 120px
    }
    
    .shipping-tracked .shipping .path .path-left .north-path p.order-placed {
        left: -5%
    }
    
    .shipping-tracked .shipping .path .path-left .north-path p.production-complete {
        left: -27%
    }
    
    .shipping-tracked .shipping .path .path-left .north-path p.recieved {
        left: 7%
    }
    /* Start Path Left */
    
    /* Start Path Right */
    .shipping-tracked .shipping .path .path-right .south-path .south-path-icon-1 {
        margin-right: 120px
    }
    
    .shipping-tracked .shipping .path .path-right .south-path p.processing-complete {
        right: -27%
    }
    
    .shipping-tracked .shipping .path .path-right .south-path p.shipping-order {
        right: 6%
    }
    /* End Path Right */
    
    .shipping-tracked .shipping .order-has-arrived {
        padding: 0
    }
    /* End Shipping Track */
	
	/* Start Fashion Store */
	.fashion-store .items-heading .items-links .items-anchors {
		margin-top: 15px
	}
	
	.fashion-store .items-heading a {
		margin-bottom: 15px
	}
	
	.fashion-store .placard .mini-placard {
		margin-left: 0.7%;
    	margin-right: 0.7%;
	}
	/* End Fashion Store */
	
	/* Start Sign Up */
	.signup .sign-up-box {
		padding: 30px;
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
	
	nav .already-have  {
		padding-right: 60px
	}
	/* End Sign Up */
    
}
/* End Small Screens */


/* Start Medium Screens */
@media (min-width: 992px) and (max-width: 1199px) {
    
    /* Start Navigation Bar */
    nav .sign-out p {
        width: 50%
    }
    /* End Navigation Bar */
    
    /* Start My Account */
	.my-account .account-form {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.my-account h2 {
		padding-left: 5%
	}
	
    .my-account .account-form .edit-inputs i {
        margin-left: 5px
    }
    /* End My Account */
    
    /* Start Shipping Track */
    .shipping-tracked .shipping .shipping-heading {
        padding-left: 10px
    }
    
    /* Start Path Left */
    .shipping-tracked .shipping .path .path-left .north-path .north-path-icon-1 {
        margin-left: 190px
    }
    
    .shipping-tracked .shipping .path .path-left .north-path p.order-placed {
        left: 17%
    }
    
    .shipping-tracked .shipping .path .path-left .north-path p.production-complete {
        left: -1%
    }
    
    .shipping-tracked .shipping .path .path-left .north-path p.recieved {
        left: 26%
    }
    /* End Path Left */
    
    /* Start Path Right */
    .shipping-tracked .shipping .path .path-right .south-path .south-path-icon-1 {
        margin-right: 190px
    }
    
    .shipping-tracked .shipping .path .path-right .south-path p.processing-complete {
        right: -1%
    }
    
    .shipping-tracked .shipping .path .path-right .south-path p.shipping-order {
        right: 25%
    }
    /* End Path Right */
    /* End Shipping Track */
	
	/* Start Fashion Store */
	.fashion-store .items-heading .items-links .items-anchors {
		margin-top: 15px
	}
	
	.fashion-store .items-heading a {
		margin-bottom: 15px
	}
	
	.fashion-store .placard .mini-placard {
		margin-left: 0.7%;
    	margin-right: 0.7%;
	}
	/* End Fashion Store */
	
	/* Start Sign Up */
	nav .already-have {
		padding-right: 55px;
	}
	.signup .sign-up-box {
		padding: 50px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	/* End Sign Up */
    
}
/* End Medium Screens */



/* Start Large Screens */
@media (min-width: 1200px) {
    
    
    
}
/* End Large Screens */