/* vietnamese */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3aZQNVED7rKGKxtqIqX5EUAnx4RHw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3aZQNVED7rKGKxtqIqX5EUA3x4RHw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
#ccpro{
 display: none;
}
#amzdisc{
font-size:8px;	
}
.load{
	width:120px;
	height:240px;
}
.loada{
width:120px;
height:260px;	
}
#holderaaa{
	height:260px;
}
#holderbbb{
	height:280px;
}
#men{
	display:none;
}
.nav-break{
	display:none;
}
#product_display{
width:auto;
height:auto;
border: 5px solid #a3a3a3;
margin:auto;	
}
.box-formatterTextArea {
            position: relative;
            height: auto;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px;
            font-size: 16px;
			width:40%;
            height: 200px;
            border: 2px #a3a3a3 solid;

         }
#product_display a:hover{
text-decoration: none;
color: #000;	
font-family: 'Josefin Sans', sans-serif;	
}
#product_display a:visited{
text-decoration: none;
color: #000;	
font-family: 'Josefin Sans', sans-serif;	
}
a:hover{
	text-decoration: none;
color: #000;	
font-family: 'Josefin Sans', sans-serif;
}
#propic{
	height:100px;
	width:100px;
}
#crte_btn :hover{
	text-decoration: none;
	color: #000;
	font-family: 'Josefin Sans', sans-serif;font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
	background-color: #fcd088;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	-webkit-appearance: none;
	display: table;
	margin: auto;	
}
#mobdisp{
display:none;
}
#pcdisp{
display:none;
}
#payp{
display:none;
}
.mob-break{
	display:none;
}

#mon{
font-size:16px;	
}
#year{
font-size:16px;	
}
#nav1 li {
    display: inline;
    padding-right: 15px;
    font-size: 18px;
}
#surrond{
padding-bottom:15px;	
}
#signin-box{
width:40%;	
}
.download_btn{
	text-decoration: none;
	color: #000;
	font-family: 'Josefin Sans', sans-serif;font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
	background-color: #fcd088;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	-webkit-appearance: none;
	display: table;
	margin: auto;
	padding:5%;
}

.download_btn2{
	text-decoration: none;
	color: #000;
	font-family: 'Josefin Sans', sans-serif;font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 4px;
	background-color: #fcd088;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	-webkit-appearance: none;
	display: table;
	margin: auto;
	padding:2%;
}
.buy_btn{
	text-decoration: none;
	color: #000;
	font-family: 'Josefin Sans', sans-serif;font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
	background-color: #fcd088;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	-webkit-appearance: none;
	display: table;
	margin: auto;
	padding:5%;
	width:50%;
}
.questfield{
	font-size:16px;
	width:40%;
	height:40px;
	border: 2px #a3a3a3 solid;
}
#login-holder{
float:left;
width:50%;
text-align: center;
height: auto;
background-color: #ccc;
box-shadow: 2px 2px 5px #888888;
margin: auto;
padding: 30px 0px;
 overflow:hidden;
}

#login-holder p{
    font-size: 22px;
}

#login-holder input{
    width: 70%;
}
#guest{
float:right;
width:48%;	
}

#guest p{
    font-size: 22px;
}
#nav1 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
}

.intro{
    width: 50%;
    margin: auto;
}

.form-group img{
    width: 100px;
    height: 60px;
}
 .pic{
	width:150px;
	height: 100px;
 }
.creditCardForm .payment .btn {
    width: 100%;
    margin-top: 3px;
    font-size: 24px;
    background-color: #fcd088;
    color: black;
}
.lnk_btn{
	
	text-decoration: none;
	color: #000;
	font-family: 'Josefin Sans', sans-serif;font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
	background-color: #fcd088;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	-webkit-appearance: none;
	display: table;
	margin: auto;
	width:30%;
  
}

.box-shadow, .box-shadow3{
    text-align: center;
     width: 60%;
    height: auto;
    background-color: #ccc;
    box-shadow: 2px 2px 5px #888888;
    margin: auto;
    padding: 20px 0px;
}


.box-shadow2{
    text-align: center;
     width: 70%;
    height: auto;
    background-color: #ccc;
    box-shadow: 2px 2px 5px #888888;
    margin: auto;
    padding: 20px 0px;
}

.box-shadow4{
    text-align: center;
     width: 70%;
    height: auto;
    background-color: #ccc;
    box-shadow: 2px 2px 5px #888888;
    margin: 10px auto;
    padding: 10px 0px;
}

.price{
font-size: 30px;
    
}


.specialA a {
   color: black;
}
.specialA2 a {
   color: black;
    font-size: 20px;
}

  
 .bigger {
        font-size: 25px;
   
    }

.bigger2 {
        font-size: 22px;
   
    }
	
.bigger3 {
        font-size: 26px;
   
    }
.bigger4 {
        font-size: 18px;
   
    }
	
	
.pic{
    height: 100px;
    width: 150px;
}

#nav1 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
}

#nav1 li {
    display: inline;
    padding-right: 15px;
    font-size: 18px;
}

.box-formatter {
            position: relative;
            height: auto;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px;
            font-size: 16px;
			width:20%;
            border: 2px #a3a3a3 solid;

         }
#accountRecInput input{
    width: 60%;
}
#addressInput input{
    width: 71%;
}

#wide-box{
width:40%;	
}
.footlong{
opacity: 0.8; 
-moz-opacity: 0.8;	
}
#state{
	font-size:16px;
	border: 2px #a3a3a3 solid;
}

#service{
	font-size:16px;
	border: 2px #a3a3a3 solid;
}
#county{
	font-size:16px;
	border: 2px #a3a3a3 solid;
}
#top{
 background-color:#4d4d4d;   
}

#logo{
Width:15%;  
    padding-left: 80px;
    padding-top: 15px;
    padding-bottom:15px;
}

#content{
    background-color:#ffffff;
    text-align:center;
    width:100%;

}
a{
text-decoration: none;
color:#a3a3a3;
font-family: 'Josefin Sans', sans-serif;
}
.buy_btn a:hover{
text-decoration: none;
color: #000;	
font-family: 'Josefin Sans', sans-serif;
}
.lnk_btn a:hover{
text-decoration: none;
color: #000;	
font-family: 'Josefin Sans', sans-serif;
}
.download_btn a:hover{
text-decoration: none;
color: #000;	
font-family: 'Josefin Sans', sans-serif;
}
.download_btn2:hover{
text-decoration: none;
color: #000;	
font-family: 'Josefin Sans', sans-serif;
}

.buy_btn a:visited{
	color:#000;
}

a:hover{
text-decoration: none;
color: #fcd088;
font-family: 'Josefin Sans', sans-serif;
}

h2{
 font-family: 'Josefin Sans', sans-serif;  
 font-size:30px;
}

.specialH2{
    font-size: 45px;
}
#footer{
background-color:#4d4d4d;   
    color:#ffffff;
    font-size:14px;
    overflow:auto;
    font-family: 'Josefin Sans', sans-serif;
}
#footer a{
	color:#ffffff;
}
#footer hr{
	color:#ffffff;
}

.footer-contact-block {
    display: inline-block;
    text-align: center;
    width: 33%;
    padding: 0 20px;
}

.footer-contact {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 70%;
    float:right;
    padding: 60px 15px;
    font-size:20px;
    border-left: 1px solid rgba(255,255,255,0.08);
}

.footer-branding {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 20%;
    float: left;
    text-align: center;
    padding: 30px 30px 15px 15px;
    padding-top:80px;
    padding-left:30px;  
}

.footer-widgets {
    padding: 60px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
	overflow-y:auto;
	overflow-x:hidden;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

#ftrctr{
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;	
}

.container2{
    width: 90%;
    margin: auto;
    border: 5px #f3d08c solid;
}

.item, item-active img{
   
  
}

.footer-info {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.site-content > .container {
    padding: 0;
    background-color: #fff;
    border-left: 1px solid #F2F2F3;
    border-right: 1px solid #F2F2F3;
    border-bottom: 1px solid #F2F2F3;
  
}

#content{
 background-color:#f2f2f3;
 padding-top:30px;
 padding-bottom:60px;
}

#content h1{
    padding-top:30px;
color:#272727;    
}

#container1{
    margin-right: auto;
    margin-left: auto;
    width:90%;
    height:auto;
    padding-left: 15px;
    padding-right: 15px;
    background-color:#fff;
    border-left: 1px solid #F2F2F3;
    border-right: 1px solid #F2F2F3;
    border-bottom: 1px solid #F2F2F3;
    overflow: auto;
	padding-bottom:30px;
}

.gallery{
    margin-left: 28%;

}

.holder{
    width: 100%;
    margin: auto;
	overflow:hidden;
    }
.linkGallery{
   
    margin: 1%;
    border: 1px solid #ccc;
    float: left;
    width: 150px;
   
}
.linkGallery:hover{
    border: 1px solid gray;
}

.linkGallery img {
    width: 150px;
    height: auto;
   
}

.link {
    padding: 15px;
    text-align: center;
    background-color: #d6d6d6;
    color: #4d4d4d;
    font-size: 16px;
	height:25px;
	
}

.link a:hover{
 color: #000;
}

.sampleProdLink{
    font-size: 18px;
    color: black;
}

#impLine{
    color: red;
}

.amazon h1 {
    font-size: 36px;
    font-family: 'Josefin Sans', sans-serif;
    color:#272727;
}

#sidebar-footer{
padding-left:70px;  
}

#sidebar-footer img{
border: 2px solid rgba(255,255,255,0.08);  
}

hr{
    width:50%;
}
button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
    font-size: 14px;
    padding: 12px 30px;
    border: 1px solid #fcd088;
    color: #fcd088;
    text-transform: uppercase;
    letter-spacing: 4px;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    -webkit-appearance: button;
}
.orderCss p{
    font-size: 20px;
}

.radioLeft {
    text-align: left;
    display:block;
    width: 150px;
    margin: auto;
    font-size: 18px;
}
.centered-button, .header-button {
    display: table;
    margin: 45px auto 0;
}   
.button {
	-webkit-appearance: none;
}
button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #fcd088;
	text-decoration: none;
	color: #333;
}
th{
	
	color:#272727;
}
.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
	width:100%;
}
.flex-item {
    padding: 5px;
    width: 150px;
    height: 225px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
	overflow:hidden;
}
.lnk_btn2{
	
	text-decoration: none;
	color: #000;
	font-family: 'Josefin Sans', sans-serif;font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	background-color: #fcd088;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	-webkit-appearance: none;
	display: table;
	margin: auto auto 20px auto;
	width:60%;
   
  
}

.lnk_btn3{
	
	text-decoration: none;
	color: #000;
	font-family: 'Josefin Sans', sans-serif;font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	background-color: #fcd088;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	-webkit-appearance: none;
	display: table;
	margin: auto auto 20px auto;
	width:100%;
   
  
}

.lnk-btn2, .lnk_btn3 a{
    text-decoration: none;
  
}
.lnk_btn2:hover{
    background-color: #ccc;
}

.lnk_btn2 a:hover{
text-decoration: none;
color: #000;	
font-family: 'Josefin Sans', sans-serif;
}



.flex-container2{
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
	width:100%;
}


.flex-item2{
    height: auto;
}
.flex-item2 img{
    width: 250px;
    height: 200px;
    border: 3px #fcd088 solid ;
}

.flex-item2 ul{
    list-style-type: square;
}

.flex-item2 li{
    text-align: left;
}


.flex-container3{
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
	width:100%;
   
}


.flex-item3{
width: 33%;
    float: right;

}

#blurb{
 width: 95%;
margin: 2% auto auto auto;

}

.cond{

    width: 50%;
    margin: auto;
}
.cond em{
    font-size: 20px;
    color: red;
}

.flex-item3 img{
width: 300px;
 border: 5px solid #f3d08c;
}

#selectOption select{
  width: 200px;
margin: 10% auto 5% auto;

}
#selectOption button{
    width: 50%;
}

.descrp h4 {
    text-align: center; 
    
}

.descrp ul{
    font-size: 17px;
}

#search{
	margin-top:5%;
}

/*Amazon stuff */






#top{
 background-color:#4d4d4d;   
}

#logo{
Width:15%;  
    padding-left: 80px;
    padding-top: 15px;
    padding-bottom:15px;
}

#content{
    background-color:#ffffff;
    text-align:center;
    width:100%;

}
a{
text-decoration: none;
color:#a3a3a3;
font-family: 'Josefin Sans', sans-serif;
}

a:hover{
text-decoration: none;
color: #fcd088;
font-family: 'Josefin Sans', sans-serif;
}

h2{
 font-family: 'Josefin Sans', sans-serif;  
 font-size:30px;
}

#footer{
background-color:#4d4d4d;   
    color:#ffffff;
    font-size:14px;
    overflow:auto;
    font-family: 'Josefin Sans', sans-serif;
}
#footer a{
	color:#ffffff;
}
#footer hr{
	color:#ffffff;
}

.footer-contact-block {
    display: inline-block;
    text-align: center;
    width: 33%;
    padding: 0 20px;
}

.footer-contact {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 70%;
    float:right;
    padding: 60px 15px;
    font-size:20px;
    border-left: 1px solid rgba(255,255,255,0.08);
}

.footer-branding {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 20%;
    float: left;
    text-align: center;
    padding: 30px 30px 15px 15px;
    padding-top:80px;
    padding-left:30px;  
}

.footer-widgets {
    padding: 60px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.footer-info {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.site-content > .container {
    padding: 0;
    background-color: #fff;
    border-left: 1px solid #F2F2F3;
    border-right: 1px solid #F2F2F3;
    border-bottom: 1px solid #F2F2F3;
  
}

#content{
 background-color:#f2f2f3;
 padding-top:30px;
 padding-bottom:60px;
}

#content h1{
    padding-top:30px;
color:#272727;    
}

#container1{
    margin-right: auto;
    margin-left: auto;
    width:90%;
    height:auto;
    padding-left: 15px;
    padding-right: 15px;
    background-color:#fff;
    border-left: 1px solid #F2F2F3;
    border-right: 1px solid #F2F2F3;
    border-bottom: 1px solid #F2F2F3;
    overflow: auto;
}

.gallery{
    margin-left: 28%;

}

.holder{
    width: 100%;
    margin: auto;
	overflow:hidden;
    }
.linkGallery{
   
    margin: 1%;
    border: 1px solid #ccc;
    float: left;
    width: 150px;
	
   
}
.linkGalleryhe{
   
    margin: 1%;
    border: 1px solid #ccc;
    float: left;
    width: 150px;

	
   
}
.linkGallery:hover{
    border: 1px solid gray;
}

.linkGallery img {
    width: 150px;
    height: auto;
   
}

.link {
    padding: 15px;
    text-align: center;
    background-color: #d6d6d6;
    color: #4d4d4d;
    font-size: 16px;
	height:25px;
	
}

.link a:hover{
 color: #000;
}
.weatherByZip{

    
    margin-top: 2%;
}


h1 {
    font-size: 36px;
    font-family: 'Josefin Sans', sans-serif;
    color:#272727;
}

#sidebar-footer{
padding-left:70px;  
}

#sidebar-footer img{
border: 2px solid rgba(255,255,255,0.08);  
}

hr{
    width:50%;
}
button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
    font-size: 14px;
    padding: 12px 30px;
    border: 1px solid #fcd088;
    color: #fcd088;
    text-transform: uppercase;
    letter-spacing: 4px;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    -webkit-appearance: button;
}
.centered-button, .header-button {
    display: table;
    margin: 45px auto 0;
}   
.button {
	-webkit-appearance: none;
}
button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #fcd088;
	text-decoration: none;
	color: #333;
}




th{
	
	color:#272727;
}
.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
	width:100%;
}
.flex-item {
    
    width: 150px;
    height: 260px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
	overflow:auto;
}
#search{
	margin-top:5%;
}
@media screen and (max-width: 1024px) {
	
.footer-branding{
	display:none;
	border-right:none;
}
.footer-contact{
	border-left:none;
}
.footer-contact-block{
display: inline-block;
text-align: center;
width: 100%;
margin:auto;
border-bottom: 1px solid rgba(255,255,255,0.08);

}
.footer-info-test{
	width:100%;
	display:block;
	overflow:hidden;
	margin:auto;
}
.footer-info{
	display:none;
}
hr{
	width:25%;
}
.fa fa-envelope{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa fa-home{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;	
}
.fa fa-phone{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#sidebar-footer-mob{
	display:block;
	padding-top: 25px;
	padding-bottom:25px;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}
.socialmedia-text{
	text-align:center;
}
#test2{
	width:33%;
	margin:auto; 
	text-align: center;
}
#test2 a{
	text-decoration: none;
	color: #A3AAAA;
	font-family: 'Josefin Sans', sans-serif;
}
#test2 img{
	opacity: 0.8;
	-moz-opacity: 0.8;
	border: 2px solid rgba(255,255,255,0.08);
}
#sidebar-footer{
display:none;	
}
#logo{
Width:100%;  
padding-left: 0px;
padding-right:0px;
    padding-top: 15px;
    padding-bottom:15px;
}
#top{
	width:100%;
}
#logodiv{
	width:50%;
	margin:auto;
}
#man-changes{
	padding-bottom:20px;
	border:none;
}
}

@media screen and (min-width: 1024px) {
.footer-info-test{
	display:none;
}
#sidebar-footer-mob{
	display:none;
}
}






/*****************/
@media screen and (max-width: 1024px) {
.footer-branding{
	display:none;
	border-right:none;
}
.footer-contact{
	border-left:none;
}
.footer-contact-block{
display: inline-block;
text-align: center;
width: 100%;
margin:auto auto auto -1.5em; /*for every other page -1.5em works it shouldnt tho bc auto should be correct. However, storefront it doesnt work*/
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.footer-info-test{
	width:100%;
	display:block;
	overflow:hidden;
	margin:auto;
}
.footer-info{
	display:none;
}
hr{
	width:25%;
}
.fa fa-envelope{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fa fa-home{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;	
}
.fa fa-phone{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#sidebar-footer-mob{
	display:block;
	padding-top: 25px;
	padding-bottom:25px;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}
.socialmedia-text{
	text-align:center;
}
#test2{
	width:100%;
	margin:auto; 
	text-align: center;
}
#test2 a{
	text-decoration: none;
	color: #A3AAAA;
	font-family: 'Josefin Sans', sans-serif;
}
#test2 img{
	opacity: 0.8;
	-moz-opacity: 0.8;
	border: 2px solid rgba(255,255,255,0.08);
    margin: auto;
    
}
#sidebar-footer{
display:none;	
}
#logo{
Width:100%;  
padding-left: 0px;
padding-right:0px;
    padding-top: 15px;
    padding-bottom:15px;
}
#top{
	width:100%;
}
#logodiv{
	width:50%;
	margin:auto;
}
    
 .bigger {
        font-size: 21px;
    }
    
#man-changes{
	padding-bottom:20px;
	border:none;
}
    
    .flex-item3{
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {
      

#signin-box{
width:70%;	
}
.footer-info-test{
	display:none;
}
#sidebar-footer-mob{
	display:none;
}
#pcdisp{
	display:block;
    text-align: center;
}
#mobdisp{
	display:none;
}
}
@media screen and (max-width: 1280px) and (min-width: 721px) {
    .cond{
    width: 70%;
    margin: auto;
}
#pcdisp{
	display:none;
}
#mobdisp{
	display:block;
    text-align:center;
}
#signin-box{
	width:50%;
}
.mob-break{
display:block;
}
.box-formatter{
	width:40%;
}
	.lnk_btn, .lnk_btn2{
		width:50%;
	}
    
    .lnk_btn3{
        width: 100%;
    
    }
    
}

@media screen and (max-width: 720px) and (min-width: 240px) {
	.cond{

    width: 90%;
    margin: auto;
}
    
    .lnk_btn, .lnk_btn2, .lnk_btn3{
		width:100%;
	}
	#men {
	display:inline-block;
    padding-left: 20px;
	}
	.box-shadow2{
		width:90%;
	}
    
    .box-shadow4{
		width:80%;
	}
    
	.box-shadow{
	width:90%;	
	}
	.nav-break{
		display:block;
	}
	.mob-break{
		display:block;
	}
	ul a:hover{
    color: #E4001B;
}
	#nav1 ul, #nav1:active ul { 

		display: none;
		position: absolute;
		padding: 20px;
		background: #fff;
		border: 5px solid #444;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;

	}

	#nav1 li {

		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;

	}

	#nav1:hover ul {

		display: block;

	}
#login-holder{
	width:100%;
	float:none;
    padding: 45px 0px;
}	

#login-holder input{
    width: 90%;
}

#guest{
	width:100%;
	float:none;
	padding-bottom:30px;
}
.box-formatter{
	width:90%;
}
    
 #accountRecInput, #addressInput input{
    width: 90%;
}


#wide-box{
	width:90%;
}
.questfield{
	width:90%;
}


#pcdisp{
	display:none;
}
#mobdisp{
	display:block;
}
#signin-box{
	width:90%;
}
    
.box-shadow2{
    padding: 10px 10px;
 }
    

.intro{
    width: 80%;
    margin: auto;
}
	
    

}