.clear{ clear:both;}
body{margin:0 auto;}

@font-face {
  font-family: 'Century Gothic';
  src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.ttf')  format('truetype'), url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: bold;
  font-style: normal;
  
}

.article_width{ width:980px; margin:0 auto;}

.logo{ width:100%; margin:0 auto;}

section { width:68%; margin:0 auto; float:left; margin-top:20px;}
aside { width:32%; margin:0 auto; float:left; margin-top:20px;}

.main_article_image{ margin:0 auto; text-align:center;}
.article_title{font-size:20px;font-family:"PT Sans"; color: #070707; margin:15px 0; font-weight:bold;}
.article_text{font-size:14px;font-family: "PT Sans"; color:#000000; text-align:justify; margin:10px 0;}
.article_sub_heading{font-size:14px;font-family: "PT Sans"; color:#000000; margin:5px 0;font-weight:bold;}
.article{ width:90%; margin:0 auto;}

.aside_width{ width:92%; float:left;}
.aside_text{ font-size:18px;text-transform:uppercase;font-family:"Century Gothic"; color:#968566; padding-bottom:10px; border-bottom:1px solid #d6d5db; font-weight:bold;}
.aside_text1{ font-size:18px;text-transform:uppercase;font-family:"Century Gothic"; color:#968566; padding:25px 0 10px 0; border-bottom:1px solid #d6d5db; font-weight:bold;}

.social_share{ margin:15px 0;}

.social_text{font-size:12px;font-family:"Century Gothic";color:#968566; display:inline; text-transform:uppercase; padding-left:10px; vertical-align:middle; width:55%; float:left;line-height: 25px !important;}

ul{list-style:none;}
.fb{background-image:url("../images/fb.jpg"); min-height:27px;}
.twit{background-image:url("../images/twit.jpg"); min-height:27px;}
.g_plus{background-image:url("../images/google-plus.jpg"); min-height:27px;}
.linked{background-image:url("../images/linkedin.jpg"); min-height:27px;}
.whatsapp{background-image:url("../images/whatsapp.jpg"); min-height:27px;}
.whatsapp1 , .whatsapp2{display:none !important;}

.col-2{width:58%; float:left;}
.col-21{width:37%; float:left;}

.small_article_title{font-size:12px;text-transform:uppercase;font-family:"Century Gothic"; color:#cf0518; padding:7px 0; border-bottom:1px solid #d6d5db;}
.small_article_text{font-family:"PT Sans";color:#000000; font-size:11.5px;padding-top:10px;}

.article_space{margin-top:15px;}

.video_title{font-family:"Century Gothic"; font-size:12px; color:#cf0518; text-transform:uppercase;padding:10px 0 5px 0;}

.share{ padding:30px 0; clear:both; width:100%; margin:0 auto; text-align:center;}

footer{width:100%; background:url('../images/footer_bg.jpg'); min-height:300px;}

.f_col-2{ width:42%; float:left; text-align:center; padding:20px 30px;}
.contact_us{font-size:18px; font-family:"Century Gothic";color:#db3a0f;}
.f_text{font-family:"Century Gothic"; font-size:14px; color:#6b6762; width:85%; margin:0 auto; line-height:22px;}

.fframe{width:300px; height:214px;}
.connect_with_us{font-size:14px; font-family:"Century Gothic";color:#968566; vertical-align:super; display:inline;}

@media only screen and (max-width:900px)
{
	.article_width{max-width:95%; width:100%; margin:0 auto;}
	.logo , .main_article_image{ width:100%; margin:0 auto;}
	section , aside{ clear: both; width:100%;}
	.article{width:100%;}
	.aside_width{ width:100%; float:left;}
	.col-21{width:13%;}

}

@media only screen and (max-width:800px)
{
	.whatsapp1{ display:block !important;}
	.whatsapp2{display:inline-block !important;}
	.col-21{width:15% !important;}
	.f_col-2{padding:20px 30px 5px 30px;}
}

@media only screen and (width:768px)
{
	.f_col-2{padding:20px 30px 5px 30px; width:40% !important;}
	.f_text{width:100%;}
}
@media only screen and (max-width:667px)
{
	.col-21{width:18% !important;}
}
@media only screen and (max-width:640px)
{
	.col-21{width:18% !important;}
	.f_col-2{ width:90%; float:left; text-align:center; padding:20px 30px 10px 30px;}
	.f_text{font-size:11px; width:100%; line-height:22px;}
	footer{ background:url('../images/footer_bg_1.jpg'); min-height:480px;}
}
@media only screen and (max-width:600px)
{
	.col-21{width:20% !important;}
	.sales1{margin-top: -5px;vertical-align: middle !important;}
}

@media only screen and (max-width:480px)
{
	.col-21{width:25% !important;}
	.f_col-2{ width:90%; float:left; text-align:center; padding:20px 15px 10px 15px;}
	footer{ background:url('../images/footer_bg_1.jpg'); min-height:512px;}
}
@media only screen and (max-width:440px)
{
	.col-21{width:32% !important;}
	.fframe{width:290px !important; height:270px;}
	footer{min-height:590px;}
}
@media only screen and (max-width:320px)
{
	.col-21{width:36% !important;}
	.fframe{width:275px !important; height:290px;}
	footer{min-height:610px;}
}