/***************************************************************
* Top Menu *
****************************************************************/

 @media only screen and (max-width: 979px) {
    .tinynav { display: block }
    #nav { display: none } 
}

/***************************************************************
* Tablet Portrait *
****************************************************************/

 @media only screen and (min-width: 768px) and (max-width: 979px) {
    
    #body_container1, #body_container2  { padding-top:0; width:auto; }

    .home_vid,#logo_bar_wrap,.breadcrumb_bar_wrap { width: 749px; } 

    .container_wrapper,.large-footer,.small-footer-content { padding:0; }

    .one_half       { width:329px; }
    .one_third      { width:209px; }
    .two_third      { width:450px; }
    .one_fourth     { width:149px; }
    .three_fourth   { width:510px; }
    .one_fifth      { width:113px; }
    .four_fifth     { width:546px; }
    .one_sixth      { width:83px; }
    .five_sixth     { width:576px; }  
    .custom_two_third { width:689px; margin-right: 0;}
    .custom_two_third .one_third {width:314px;  margin-right: 0;} 

    .top_bar_content,.container_wrapper,.large-footer,.small-footer-content,#header_slider,.header_image { width:689px; }  

    /*header elements*/
    #header1 { margin-top:0;border-radius: 0;}
    .transparent_section_wrap { width:697px; }  

    /*topmenu elements*/  
    #top_menu_style1,#top_menu_style2,#top_menu_style3,#top_menu_style4 { height:50px; padding-top: 20px; } 

    /*footer elements*/  
    #footer-bottom,#footer-bottom-bg { display:none;  }
    #footer .sidebar-advertise  ul li  { margin:3px 3px 0 0;}
    #footer #wp-calendar tbody td { padding:3px 4px 3px 4px;}      

    /*blog elements*/
    .blog_post_date_comments { float: left; }
    .blog_post_content { clear:none; float:left; width:579px; }
    #sidebar { margin-top: 50px;   width:689px; }   
    #commentform textarea#comment { width: 94%;}
    #commentform input[type=text] { width: 28%;margin-right: 3px; }
    .pf_image_caption { width:409px; }   

    /*portfolio*/
    .portfolio { width:709px; }
    .pf_2col .pf_box { width:344px }
    .pf_3col .pf_box { width:229px; }
    .pf_4col .pf_box { width:229px; }

    /*contact elements*/
    .support_team { margin-bottom: 30px;  }
    #content .support_team img { display:block; float:none; margin:0 0  10px;}
    .input-textarea { width:95%; }   
    
    /*animated menu*/
    .sti-menu li{ width:19.3%; height:220px; margin-right:0.7%; }  
    #content .sti-menu li a h2{font-size:17px; line-height: 25px; top:90px; }
    #content .sti-menu li a h3{ font-size:13px; top:150px; }
    .sti-icon { font-size: 50px; left:31px; }s

    /*promotion text*/
    .promotion_box p,.promotion_box .right { text-align: center; float:none;  }
    .promotion_box .button { margin-top: 20px;  }

    /*go top scroll arrow*/
    #topcontrol { margin-right:5px; margin-bottom:40px; } 

    /*WPML Plugin*/
    #sidebar #lang_sel_click ul ul,#sidebar #lang_sel ul ul { width:687px; }
}

/***************************************************************
* Mobile Portrait *
****************************************************************/

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

    .one_half,.one_third,.two_third,.one_fourth,.three_fourth,.one_fifth,.four_fifth,.one_sixth,.five_sixth,.custom_two_third,.custom_two_third .one_third,
    .home_vid,#logo_bar_wrap,.top_bar_content,#header_slider,.breadcrumb_bar_wrap, .container_wrapper,.large-footer,.small-footer-content { 
        width: 241px; clear:both; float:none; padding-bottom: 30px;  }  

    #logo_bar_wrap,.breadcrumb_bar_wrap { padding:0; }
    #body_container1, #body_container2  { padding-top:0; width:auto; }

    .custom_two_third { padding-bottom: 30px;  }
    .top_bar_content,
    .container_wrapper,   
    .large-footer,
    .small-footer-content,
    #header_slider,
    .header_image { width:241px; }  
    .logosection2 div.sm_icons  { display: block; clear: both; right:auto; position: relative; top:auto; padding:0 0 50px 0; }
    .logosection2 .right,.logosection2 .left { float:none; text-align: left; clear: both; display: block; }

    /*header elements*/
    .logosection img { max-width:241px;}   
    .search_box { display:none;}
    #header1 { margin-top:0;border-radius: 0; }
    .transparent_section_wrap { width:249px; } 
    #title_bar h1 { float:none; display:inline-block; }       

    /*topmenu elements*/    
    #top_menu_style1,#top_menu_style2,#top_menu_style3,#top_menu_style4 { height:50px; padding-top: 20px; }  
    select.mobi-menu  { width:200px; }

    /*footer elements*/   
    .large-footer { padding-top: 30px; }
    #footer-bottom,#footer-bottom-bg { display:none;  }
    #footer .sidebar-advertise  ul li  { margin:3px 3px 0 0;}
    #footer #wp-calendar tbody td { padding:3px 4px 3px 4px;}
    #footer #wp-calendar caption { margin-top: 0; }
    .small-footer { height:auto; padding:30px 0 23px 0;}
    .small-footer p { padding:0; margin:0; float:none;  }
    .small-footer .sm_icons { float:none; padding:20px 0 0 0; margin:0;}   

    /*blog elements*/
    .blog_post_content { width:241px; }
    #sidebar { margin-top: 50px;   width:241px; } 
    #sidebar ul { margin-right: 33px; }
    #content .blog_post .post_meta span { display:block; }
    #content .blog_post .post_meta span.right { display:block; float:none;}
    #commentform textarea#comment { width: 93%;}
    #commentform input[type=text] { width: 93%;margin-right: 0px; }   
    .commentlist .children { padding-left:0; }
    .pagination_menu { float:none; }
    #content #comment-wrap ol ul { padding: 0  }
    .pf_image_caption { display: none; }

    .mobile_date_wrap { float:none; display:block; margin:0; width:auto; }
    .mobile_date_wrap .blog_post_date { float:left; }
    .mobile_date_wrap .avatar_img { width:36px; height:36px; float:left; padding:0; display: inline-block; margin:0 0 0 -1px; }
    .mobile_date_wrap .avatar_img img { width:36px; height:36px; }
    .mobile_date_wrap .blog_post_comments { display:inline-block; width:85px; height:36px; margin:0 0 0 -1px; z-index: 1; padding-bottom:30px; float:left; }

    /*portfolio*/
    .portfolio { width:261px; }
    .pf_2col .pf_box { width:241px }
    .pf_3col .pf_box { width:241px; }
    .pf_4col .pf_box { width:234px; }
    .portfolio.pf_4col { margin-left: -16px; }    
    #content .sortable_menu { padding-bottom: 30px; }   
    #content .sortable_menu ul li a { margin-bottom: 5px; }
    #content .wp-gallery,.portfolio { margin:0 auto; float:none; text-align: center; }
    #content .wp-gallery { padding-bottom: 30px; }
    #content .wp-gallery.portfolio.pf_4col { margin-left: -16px; }
    #content .wp-gallery.portfolio.pf_2col,#content .wp-gallery.portfolio.pf_3col { margin-left: -19px; }

    /*contact elements*/
    .support_team { margin-bottom: 0px;  }
    #content .support_team img { display:block; float:none; margin:0 0  10px;}
    .input-textarea { width:95%; }

    /*animated menu*/
    .sti-menu li{ width:100%; height:180px; margin-right:0%; margin-bottom: 10px; }  
    #content .sti-menu li a h2{font-size:17px; line-height: 25px; top:90px; }
    #content .sti-menu li a h3{ font-size:13px; top:120px; }
    .sti-icon { font-size: 70px; left:81px; top:15px; }

    /*promotion text*/
    .promotion_box p,.promotion_box .right { text-align: center; float:none;  }
    .promotion_box .button { margin-top: 20px;  }

    /*go top scroll arrow*/
    #topcontrol { margin-right:5px; margin-bottom:40px; } 

    .pricing_table,.pricing_table.pt_2,.pricing_table.pt_3,.pricing_table.pt_4 { width: 100%; }
    .pricing_table { margin-top:0px; }
    .pricing_table.special_plan { margin-top: 20px; margin-bottom: 0; }
    .border_left .pricing_box, .border_left .pricing_button,.border_right .pricing_box, .border_right .pricing_button,.pricing_box,.pricing_button { border-radius: 5px; }
    .border_left .pricing_title,.border_right .pricing_title,.pricing_title { border-radius: 5px 5px 0 0; }

    #content .services_style5 .text { clear:both; padding-top: 20px; }
    #content .cta_block.right,#content .cta_block.left  { float:none; clear:both; width:80%; margin:20px 0; }
    #content .services_style3 a i { display: none; }

    /*WPML Plugin*/
    #sidebar #lang_sel_click ul ul,#sidebar #lang_sel ul ul { width:239px; }
}

/***************************************************************
* Mobile Landscape *
****************************************************************/

@media only screen and (min-width: 480px) and (max-width: 767px) {
   
    .home_vid,#logo_bar_wrap,.breadcrumb_bar_wrap { width: 461px; } 
    #body_container1, #body_container2  { padding-top:0; width:auto; }

    .one_half,.one_third,.two_third,.one_fourth,.three_fourth,.one_fifth,.four_fifth,.one_sixth,.five_sixth,.custom_two_third,.custom_two_third .one_third { 
        width: 401px; clear:both; float:none; padding-bottom: 30px;  }  

    .container_wrapper,.large-footer,.small-footer-content { padding:0; }

    .custom_two_third { padding-bottom: 30px;  }
    .top_bar_content,
    .container_wrapper,    
    .large-footer,
    .small-footer-content,
    #header_slider,
    .header_image { width:401px; }
     .logosection2 div.sm_icons  { display: block; clear: both; right:auto; position: relative; top:auto; padding:0 0 50px 0; }
    .logosection2 .right,.logosection2 .left { float:none; text-align: left; clear: both; display: block; }

    /*header elements*/
    .logosection img { max-width:401px;}    
    .search_box { display:none;}
    #header1 { margin-top:0;border-radius: 0;}
    .transparent_section_wrap { width:409px; } 
    #title_bar h1 { float:none; display:inline-block; }
    

    /*topmenu elements*/   
    #top_menu_style1,#top_menu_style2,#top_menu_style3,#top_menu_style4 { height:50px; padding-top: 20px; } 
    select.mobi-menu  { width:250px; } 

    /*footer elements*/   
    #footer-bottom,#footer-bottom-bg { display:none;  }
    #footer .sidebar-advertise  ul li  { margin:8px 8px 0 0;}
    #footer #wp-calendar tbody td,#footer #wp-calendar tr th { padding:8px 4px 8px 4px;}
    #footer #wp-calendar caption { margin-top: 0; padding:8px 4px 8px 4px;}
    .small-footer { height:auto; padding:30px 0 23px 0;}
    .small-footer p { padding:0; margin:0; float:none;  }
    .small-footer .sm_icons { float:none; padding:20px 0 0 0; margin:0;}     
    
    /*blog elements*/
   .blog_post_content { width:401px; }
    #sidebar { margin-top: 50px;   width:401px; } 
    #sidebar ul { margin-right: 33px; }
    #content .blog_post .post_meta span { display:block; }
    #content .blog_post .post_meta span.right { display:block; float:none;}
    #commentform textarea#comment { width: 94%;}
    #commentform input[type=text] { width: 94%;margin-right: 0px; }    
    .commentlist .children { padding-left:0; }
    .pagination_menu { float:none; }
    #content #comment-wrap ol ul { padding: 0  }
    .pf_image_caption { display: none; }

    .mobile_date_wrap { float:none; display:block; margin:0; width:auto; }
    .mobile_date_wrap .blog_post_date { float:left; }
    .mobile_date_wrap .avatar_img { width:36px; height:36px; float:left; padding:0; display: inline-block; margin:0 0 0 -1px; }
    .mobile_date_wrap .avatar_img img { width:36px; height:36px; }
    .mobile_date_wrap .blog_post_comments { display:inline-block; width:85px; height:36px; margin:0 0 0 -1px; z-index: 1; padding-bottom:30px; float:left; }
  
   /*portfolio*/
    .portfolio { width:401px; padding-bottom: 30px;  }
    .pf_2col .pf_box { width:400px }
    .portfolio.pf_2col { margin-left: -19px; }
    .pf_3col .pf_box { width:312px; margin-left: 25px;  }
    .pf_4col .pf_box { width:199px; }
    .portfolio.pf_4col { margin-left: -18px; }
    #content .sortable_menu { padding-bottom: 0; }   
    #content .sortable_menu ul li a { margin-bottom: 5px; }
    #content .wp-gallery,.portfolio { margin:0 auto; float:none; text-align: center; }
    #content .wp-gallery.portfolio.pf_4col { margin-left: -19px; }
    #content .wp-gallery.portfolio.pf_2col { margin-left: -19px; }

    /*contact elements*/
    .support_team { margin-bottom: 0px;  }
    #content .support_team img { display:block; float:none; margin:0 0  10px;}
    .input-textarea { width:95%; }

    /*animated menu*/
    .sti-menu li{ width:100%; height:180px; margin-right:0%; margin-bottom: 10px; }  
    #content .sti-menu li a h2{font-size:17px; line-height: 25px; top:90px; }
    #content .sti-menu li a h3{ font-size:13px; top:120px; }
    .sti-icon { font-size: 70px; left:161px; top:15px; }

    /*promotion text*/
    .promotion_box p,.promotion_box .right { text-align: center; float:none;  }
    .promotion_box .button { margin-top: 20px;  }

    /*go top scroll arrow*/
    #topcontrol { margin-right:5px; margin-bottom:40px; } 

    .pricing_table,.pricing_table.pt_2,.pricing_table.pt_3,.pricing_table.pt_4 { width: 100%; }
    .pricing_table { margin-top:0px; }
    .pricing_table.special_plan { margin-top: 20px; margin-bottom: 0; }
    .border_left .pricing_box, .border_left .pricing_button,.border_right .pricing_box, .border_right .pricing_button,.pricing_box,.pricing_button { border-radius: 5px; }
    .border_left .pricing_title,.border_right .pricing_title,.pricing_title { border-radius: 5px 5px 0 0; }

    /*WPML Plugin*/
    #sidebar #lang_sel_click ul ul,#sidebar #lang_sel ul ul { width:399px; }

}