body {
font-family:'Open Sans';
overflow-x:hidden;
}

#header {
background:#fff

}

.container {
width:990px;
margin:0 auto;
text-align:center
}
.container2 {
width:900px;
margin:0 auto;
text-align:center;
line-height:1.3;
}

#middle {
text-align:center;
background:#57417a;
font-size:30px;
font-weight:700;
color:white;
padding:20px 0;
margin-bottom:0px;
}

#main {
margin-top:10px;

}

#comments-box {
margin-right:180px;
font-size:16px;
text-align:left;


}
.blue {
color:#778bb7
}
#other-vids {
width:180px;
float:right;
}

#other-vids img {
width:173px;
display:block;

}
.vid {
margin-bottom:20px;
width:173px;
opacity:.8;
position:relative;
}
.vid a {
text-decoration:none;
color:#f69f1b;
font-size:16px;
font-weight:700;
line-height:1.2;
}
.vid a:hover {
color:#1099c6
}

.vid img {
width:420px;
margin-bottom:5px;
}

.coming-soon {
position: absolute;
top: 19px;
color: white;
font-weight: bold;
font-size: 24px;
left: 40px;
text-shadow: 4px 7px 8px #000;
}





#links {
margin-left:330px;
position:relative;
padding-top:20px;
}
#links a {
text-decoration:none;
}
#logo {
width:325px;
float:left;
margin:20px 0;
}
#logo img {
width:100%;
}


.link {
width:20%;
float:left;
text-align:center;
line-height:1.2;
position:relative;
}
.line {
float:left;
width:1px;
background:#f69f1b;
height:60px;
margin:10px 1%
}
.link span.head {
display:block;
color:#f99c25;
font-size:20px;
margin-bottom:5px;
}
.link a {
color:#333;
font-weight:700;
font-size:14px;
display:block;
height:144px;
}

.clear {
clear:both;
height:0;
content:'';
}




.facebook-comments-wrap {
    width: 100%;
    background: #fff;
}
.leadstyle-facebook-comments, .leadstyle-facebook-comments div, .leadstyle-facebook-comments span, .leadstyle-facebook-comments iframe {
    max-width: 100% !important;
}

.leadstyle-facebook-comments {
    height: auto !important;
    overflow: auto !important;
}
.leadstyle-facebook-comments div, .leadstyle-facebook-comments span, .leadstyle-facebook-comments iframe {
    width: 100% !important;
}


#like-box {
margin-left:48%;
position: relative;
top: -52px;
}


#footer a {
color:#999;
}
#footer {
background:#ddd;
border-top:1px solid #999;
text-align:center;
padding:20px 0;
}




/* FOR RESPONSIVE YOUTUBE VIDEO */
.video-container {
	position:relative;
	padding-bottom:45%;
	padding-top:0px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:10%;
	width:80%;
	height:100%;
}

#vid-text {
font-size:18px;
width:900px;
max-width:100%;
margin:0 auto 65px;
text-align:center;
line-height:1.3;
}


.person {
width:31%;
float:left;
margin:0 1% 20px;
text-align:center;
color:black;
line-height:1.2;

}
.person span {
font-size:24px;
display:block;
}
.person img {
border-radius:100px;
border:2px solid #ccc
}

#test-box {
width:700px;
margin:0 auto;
text-align:center;
}



@media only screen and (max-width: 990px) {
  .container {
  width:100%;
  }

}
@media only screen and (max-width: 900px) {
  .container2 {
  width:100%;
  }
  #like-box {
  top:-30px;
  }

}

@media only screen and (max-width: 860px) {
    #links {
    width:95%;
    margin:0 auto;
    }
    #logo {
    float:none;
    margin:0px auto;
    padding:0px 0;
    }
    .link {
    width:23%;
    }
    #guarantee td {
    display:block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    }

}


@media only screen and (max-width: 768px) {
.person {
    width:90%;
    margin:20px auto 40px;
    float:none;
    }
    .person img {
    margin-bottom:10px;
    }
}
@media only screen and (max-width: 743px) {
   #sales-info {
   width:95% !important;
   }

}

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

  #like-box {
  top:-10px;
  }
  #test-box {
  width:100%;
  }

}


@media only screen and (max-width: 645px) {
    #other-vids {
    float:none;
    width:90%;
    margin:0 auto;
    }
    #comments-box {
    margin:0;
    width:90%;
    margin:0 auto;
    }
    .vid {
    display:inline-block;
    vertical-align:top;
    }
    .full-650 {
    display:block;
    margin:0 auto;
    float:none !important;
    }
    .full-650-text {
    margin:0 !important;
    }
}

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

  #like-box {
  top:-10px;
  margin-left:29%
  }

}
@media only screen and (max-width:500px) {
  #links {
    display:none;
    }


}
@media only screen and (max-width: 430px) {

    .image-full {
    display:block !important;
    margin:0 auto !important;
    float:none !important;
    }
    .image-full-text {
    margin:0 !important;
    }
    #like-box {
    margin-left:16%
    }

}