body {
margin-top :5px;
padding : 0px;
font : 73% "Trebuchet MS", verdana, arial, sans-serif;
color : #666;
background : #444 ;
}
#container {
width : 75%;
border : 0px solid #000;
padding : 0px;
color : #666;
background : #fff;
}
#container > a > img{
width:100%;
}
#sidebar a > img{
width:70%;
}

h1 {
letter-spacing : 1px;
padding-bottom : 3px;
font-size : 20px;
padding-left : 9px;
margin : 0px;
color : #1d1d1d;
padding-top : 14px;
text-align:left;

}

h2 {
letter-spacing : 1px;
padding-bottom : 3px;
font-size : 15px;
padding-left : 12px;
margin : 0px;
color : #ddd;
padding-top : 4px;
text-align:left;

}
h3 {
letter-spacing : 1px;
padding-left : 23px;
font : 12px verdana, arial, sans-serif;
margin : 0px;
font-style:italic;
color : #fff;text-align:left;

}



#main {
/* padding : 0px; */
width:100%;
background : #fff;
overflow:hidden;


}

#content {
width : 70%;
float:left;
margin-top:50px;
background : #fff;
overflow:hidden;

}

#sidebar {
/* text-align:left; */
/* border : 1px solid #eee; */
width : 30%;
float:right;
/* height:570px; */
font : 16px "Trebuchet MS", verdana, arial, sans-serif;
margin-top:10px;
background : #fff;
overflow:hidden;
box-shadow:0px 0px 0px 1px #0000000f;
padding:10px 0px 50px 0px;
}


#content-all {
border : 0px solid #ddd;
padding : 0px;
width : 75%;
/* height:570px; */
margin-top:7px;
background : #fff;
margin-left:10px;
overflow:hidden;

}

#menu {
border : 0px solid #eee;
width : 280px;
margin-left:1px;
padding : 1px;
background : #f5f5f5;
text-align:left;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 0 0.1em 0;
}
#menu a {
font : 16px "Trebuchet MS", verdana, arial, sans-serif;
display : block;
width : 280px;
font-weight:bold;
padding : 3px;
text-decoration : none;
color : #fff;
background : #1d1d1d;
}
#menu a:hover {
background : #888;
color : #fff;
}

#footer {
clear : both;
padding : 5px;
margin-top : 4px;
text-align:left;
color : #f6f6f6;
/* background : #1d1d1d; */
}

#oneBox {
    margin: 5px 10px;
    color: #444;
    font:  12px verdana, sans-serif;
    font-weight:none;
height:140px;
width:140px;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    border:1px solid #000;
display:inline-block;
padding:10px;
border-radius:10px; 
}
#oneBox img{
width:120px;
height:120px;
}
#oneBox p {
  padding:0;
  /* margin:1ex 0; */
}
#oneBox a{ 
font:  12px tahoma, sans-serif;
font-weight:bold;
color: #444;
}
.tabet2{

}


.pre-footer-col{
background-color:#ddd;
}
.footer-back{
padding:15px 0;
overflow:hidden;
} 
.footer-back .tpc{
width:50%;
float:left;
overflow:hidden;
}
.tpc ul{
list-style:none;
}
.tpc ul li{
display:inline-block;
}
.tpc ul li a{
color:#555;
text-decoration:none;
font-size:14px;
font-weight:bold;
transition:1s;
}
.tpc ul li a:hover{
text-decoration:underline;
color:#000;
transition:1s;
}
.footer-back .social-icons{
width:50%;
float:left;
overflow:hidden;
}
.social-icons ul{
list-style:none;
float:right;
margin-right:50px;
}
.social-icons ul li{
display:inline-block;
padding:0 5px;
}
.social-icons ul li a{
text-decoration:none;
color:#555;
font-size:20px;
}
.social-icons ul li .fa-youtube{
color:#FF0000;
transition:1s;
}
.social-icons ul li .fa-youtube:hover{
color:#000;
transition:1s;
}
.social-icons ul li .fa-facebook{
color:#4267B2;
transition:1s;
}
.social-icons ul li .fa-facebook:hover{
color:#000;
transition:1s;
}
.social-icons ul li .fa-twitter{
color:#55ADED;
transition:1s;
}
.social-icons ul li .fa-twitter:hover{
color:#000;
transition:1s;
}
.social-icons ul li .fa-instagram{
color:#7C3BB0;
transition:1s;
}
.social-icons ul li .fa-instagram:hover{
color:#000;
transition:1s;
}
.social-icons ul li .fa-pinterest{
color:#E5001B;
transition:1s;
}
.social-icons ul li .fa-pinterest:hover{
color:#000;
transition:1s;
}

.copyright{
padding:10px 0px;
background-color:#111;
}
.terms{
width:80%;
margin:0 auto;
}
.terms h1{
text-align:center;
padding:20px 0px;
text-decoration:underline;
font-size:30px;
}
.terms h2{
color:#72971D;
text-align:center;
font-size:18px;
margin-top:15px;
text-decoration:underline;
}
.terms p{
margin:7px auto;
font-size:14px;
}

.video{
overflow:hidden;
}

.video article{
padding:20px 0px;
}

.video article a{
text-decoration:none;
font-size:20px;
font-weight:bold;
text-align:center;
}
.video article p{
color:#555;
font-size:14px;
width:80%;
margin:10px auto;
text-align:center;
}


#content-all h1{
text-align:center !important;
}

#footer {
clear : both;
padding : 5px;
margin-top : 4px;
text-align:left;
color : #f6f6f6;
/* background : #1d1d1d; */
}



@media screen and (max-width: 1281px) {
 
#container {
width : 90%;
}

#sidebar {
font : 13px "Trebuchet MS", verdana, arial, sans-serif;
}
#menu {
width : 200px;

}

#menu a {
font : 13px "Trebuchet MS", verdana, arial, sans-serif;
width : 200px;

}

}

@media screen and (max-width: 1000px) {
 
#container {
width : 90%;
}

#sidebar {
font : 12px "Trebuchet MS", verdana, arial, sans-serif;
}
#menu {
width : 160px;

}

#menu a {
font : 12px "Trebuchet MS", verdana, arial, sans-serif;
width : 160px;

}
.social-icons ul li a {
font-size: 16px;
}
.tpc ul li a{
font-size:13px;
}

}

@media screen and (max-width: 800px) {
 
h1{
font-size:16px;
}


#container {
width : 95%;
}

#sidebar {

font : 12px "Trebuchet MS", verdana, arial, sans-serif;
}
#menu {
width : 140px;
}

#menu a {
font : 12px "Trebuchet MS", verdana, arial, sans-serif;
width : 140px;
}
.footer-back .tpc{
width:100%;
text-align:left;
}
.footer-back .social-icons{
width:100%;
text-align:left;
}
.footer-back .social-icons ul{
float:left;
text-align:left;
}
.social-icons ul li a{
font-size:14px;
}
.video article a{
font-size:16px;
}
.video article p{
font-size:12px;
width:90%;
}
#content {
margin-top:30px;

}
#content-all {
width : 90%;

}

#oneBox {
margin: 5px 15px;
padding: 10px;

}
#oneBox img{
width:100px;
}
.tpc ul li a{
font-size:12px;
}
.terms{
width:90%;
margin:0 auto;
}
}

@media screen and (max-width: 400px) {
 
#container {
width : 98%;
}

#sidebar {

font : 8px "Trebuchet MS", verdana, arial, sans-serif;
}
#menu {
width : 80px;
}

#menu a {
font : 8px "Trebuchet MS", verdana, arial, sans-serif;
width : 80px;
}
#content {
margin-top:20px;

}

#content-all {
width : 98%;

}

.terms{
width:95%;
margin:0 auto;
}

}