/* ==========================================================================
   Tablet Layout: 768px. 
   ========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
#main_area, #social_areas .inner_social_areas, #social_areas .promotional_area {width: 95%;}
#header_area .smemarkethu_logo_area {margin-left: 70px;}  
#main_body_menu .middle_area {width: 360px;}   
#main_body_menu .middle_area ul li a {font-size: 16px;width: 149px;}   
#main_body_menu .middle_area ul li a.smartnumber {font-size: 15px;}   
#social_areas .inner_social_areas .twitter_area {width: 250px;}
#social_areas .inner_social_areas .google_plus_area {width: 235px;}    
#social_areas #client_area .body_clients ul li {width: 165px;}   
#main_area_page {width: 730px;}   
#header_area_page .sub_des_area_page {width: 515px;}   
#main_menu ul#nav li a {font-size: 12px;padding: 14px 8px;}
#content_area .content_inner {width: 400px;}    
#content_area .sideber_area {width: 300px;}
#content_area .content_inner .content table.voicesms {width: 100%;}    
#content_area .content_inner .content table.ussd{width: 100%;}    
    
    
    
    
    
}
/* ==========================================================================
   Wide Mobile Layout: 480px.
   ========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
#main_area, #social_areas .inner_social_areas, #social_areas .promotional_area {width: 98%;}
#header_area .smemarkethu_logo_area {float: right;margin-left: 0;} 
#header_area .social_area {float: none;margin-top: 30px;overflow: hidden;width: 100%;} 
#header_area .social_area ul {text-align: center;} 
#header_area .social_area ul li {display: inline-block;float: none;}
#main_body_menu .left_area {width: 100%;}  
#main_body_menu .left_area .book_ebook {float: left;margin-bottom: 50px;margin-top: 10px;width: 50%;} 
#main_body_menu .left_area .contact_us {float: right;width: 50%;}    
#main_body_menu .middle_area {margin: 0;width: 100%;}   
#main_body_menu .middle_area ul li a {font-size: 18px;width: 194px;}   
#main_body_menu .middle_area ul li a.smartnumber {font-size: 15px;}   
#social_areas .inner_social_areas .twitter_area {width: 250px;}
#social_areas .inner_social_areas .google_plus_area {width: 235px;}    
#social_areas #client_area .body_clients ul li {width: 140px;}   
#main_body_menu .right_area .chet_with_us {margin-top: 0;}   
#footer_area {background-color: #FF6600;} 
#footer_area .call_area {margin: 20px auto 5px;width: 95%;}
#footer_area .call_area .phone_area {width: 50%;float: right;text-align: right;}    
#footer_area .call_area .phone_area p { padding-top: 0;}   
#social_areas .inner_social_areas .facebook_area {width: 100%;}
#social_areas .inner_social_areas .facebook_area iframe {width: 100%;}
#social_areas .inner_social_areas .twitter_area {width: 96%;margin: 0 auto;float: none;}  
#social_areas .inner_social_areas .google_plus_area {width: 300px;float: none;margin: 0 auto;}  
.slicknav_menu {display: block;}
#main_area_page {width: 95%;}
#header_area_page .logo_area_page {float: none;margin: 0 auto;}   
#header_area_page .sub_des_area_page {width: 100%;}  
#main_menu {display: none;}  
#content_area .content_inner {width: 100%;}  
#content_area .sideber_area {width: 100%;margin-top: 30px;} 
#content_area .content_inner .content table.voicesms {width: 100%;}    
#comm100-float-button-2 {position: fixed;top: auto !important;bottom: 0 !important;} 
#banner_area .desktop{display: none;}
#banner_area .mobile{display: block}
#content_area .content_inner .content table.ussd{width: 100%;}   
    
    
    
    
}



/* ==========================================================================
   Mobile Layout: 320px.
   ========================================================================== */
@media only screen and (min-width: 200px) and (max-width: 479px) { 
    
#main_area, #social_areas .inner_social_areas, #social_areas .promotional_area {width: 98%;}
#header_area .logo_area {float: none;margin: 0 auto;width: 160px;}    
#header_area .smemarkethu_logo_area {float: none;margin: 0 auto;} 
#header_area .social_area {float: none;margin-top: 30px;overflow: hidden;width: 100%;} 
#header_area .social_area ul {text-align: center;} 
#header_area .social_area ul li {display: inline-block;float: none;}
#main_body_menu .left_area {width: 100%;}  
#main_body_menu .left_area .book_ebook {float: left;margin-bottom: 50px;margin-top: 10px;width: 50%;} 
#main_body_menu .left_area .contact_us {float: right;width: 50%;}    
#main_body_menu .middle_area {float: none;margin: 0 auto;width: 273px;overflow: hidden;}   
#main_body_menu .middle_area ul li a {font-size: 20px;width: 250px;}   
#main_body_menu .middle_area ul li a.smartnumber {font-size: 20px;}   
#social_areas .inner_social_areas .twitter_area {width: 250px;}
#social_areas .inner_social_areas .google_plus_area {width: 235px;}    
#social_areas #client_area .body_clients ul li {width: 130px;}   
#main_body_menu .right_area .chet_with_us {margin-top: 0;}   
#footer_area {background-color: #FF6600;} 
#footer_area .call_area {margin: 20px auto 5px;width: 95%;}
#footer_area .call_area .phone_area {float: none;margin: 0 auto;text-align: center;width: 180px;}    
#footer_area .call_area .phone_area p { padding-top: 10px;}   
#social_areas .inner_social_areas .facebook_area {width: 100%;}
#social_areas .inner_social_areas .facebook_area iframe {width: 100%;}
#social_areas .inner_social_areas .twitter_area {width: 96%;margin: 0 auto;float: none;}  
#social_areas .inner_social_areas .google_plus_area {width: 250px;float: none;margin: 0 auto;}      
#main_body_menu .right_area {float: none;margin: 0 auto;text-align: center;width: 155px;} 
#footer_area .call_area .skype {float: none;margin: 5px auto;overflow: hidden;width: 150px;} 
#footer_area .call_area .phone_area img {float: left;margin-bottom: 10px;margin-top: 18px;}   
#social_areas #client_area .header_clients {width: 250px;}    
.slicknav_menu {display: block;}   
#main_area_page {width: 95%;}
#header_area_page .logo_area_page {float: none;margin: 0px auto;}   
#header_area_page .sub_des_area_page {width: 100%;}  
#main_menu {display: none;}  
#content_area .content_inner {width: 100%;}  
#content_area .sideber_area {width: 100%;margin-top: 30px;}    
#comm100-float-button-2 {position: fixed;top: auto !important;bottom: 0 !important;}  
#header_area_page .sub_des_area_page .type-wrap > span {font-size: 12px;font-weight: normal;}    
#header_area_page .sub_des_area_page .type-wrap {margin-top: 40px;}  
#header_area_page .sub_des_area_page {min-height: 90px;}   
#footer_area_page {margin-bottom: 100px;}  
#content_area .content_inner .content table.voicesms {width: 100%;}   
#banner_area .desktop{display: none;}
#banner_area .mobile{display: block}
#content_area .content_inner .content table.ussd{width: 100%;}     
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}