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

 @media only screen and (min-width: 768px) and (max-width: 979px) {
    #body_container,#logo_bar { width: 749px; } 

    .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,.two_third {width:439px;}
    .custom_two_third .one_third {width:204px;} 

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

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

    /*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;}
   
   /*elastic slider*/   
    #elastic_slider .ei-slider-large li { width:100%; height:100%; }
    #elastic_slider .ei-slider-large li img { width:100%; height:100%;  }
    #elastic_slider .ei-slider{ height: 331px; }
    #elastic_slider .ei-title h2{ font-size: 20px; line-height: 20px;  padding:8px 15px 10px 15px; }
    #elastic_slider .ei-title h3{ font-size: 14px; line-height: 14px; padding:10px 15px; }

    /*basic slider*/
    .flexslider_basic div.flex-caption h3 { font-size: 15px; padding:10px 15px; }
    .flexslider_basic div.flex-caption p { padding:10px 15px; max-width: 200px; }    

    /*blog elements*/
    #sidebar { width:220px;  }
    #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: 28%;margin-right: 3px; }
    .pf_image_caption { width:409px; }   

    /*portfolio*/
    .pf_4col .pf_box { margin:0 15px 15px 0; }
    .pf_4col .pf_box2  { margin: 0 5px 5px 0; }

    /*contact elements*/
    .support_team { margin-bottom: 30px;  }
    #content .support_team img { display:block; float:none; margin:0 0  10px;}
    .input-textarea { width:95%; }
    .formButton input,
    #commentform .form-submit input#submit,
    #footer #contact-form-widget p.formButton input {line-height: 20px; height:20px; }

    /*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:40px; }

    /*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; } 
}

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

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

    #body_container,#logo_bar { width: 301px; } 

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

    .custom_two_third { padding-bottom: 30px;  }
    .top_bar_content,
    .container_wrapper,   
    .large-footer,
    .small-footer-content,
    #header_slider,
    .header_image,
    #elastic_slider { width:241px; }  

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

    /*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;  }
    .small-footer .tm_social_media { float:none; padding:20px 0 0 0; margin:0;}  
    .small-footer .tm_social_media ul li a { margin:0 7px 7px 0; } 
    #footer h3 { margin-top: 0; clear:both;}
    #footer select { margin-bottom: 30px;  }
   
   /*elastic slider*/   
    #elastic_slider .ei-slider-large li { width:100%; height:100%; }
    #elastic_slider .ei-slider-large li img { width:100%; height:100%;  }
    #elastic_slider .ei-slider{ height: 116px; }
    #elastic_slider .ei-title { display:none; }   

    /*basic slider*/
    .flexslider_basic div.flex-caption,#thumbnail_slider,#icon_title_slider,.flexslider_basic .flex-control-nav{ display:none;}  
    #header_slider .flexslider_basic{ margin-bottom:0;  }

    /*blog elements*/
    #sidebar { float:none; margin-top: 0; clear:both;  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; }
    .blog_post_date_comments,.pf_image_caption { display:none; }
    .blog_post_date_comments2 { display:block;  }
    .commentlist .children { padding-left:0; }
    .pagination_menu { float:none; }
    #content #comment-wrap ol ul { padding: 0  }

    /*portfolio*/
    .pf_4col .pf_box { margin:0 15px 15px 0; }
    .pf_4col .pf_box2  { margin: 0 0 20px 0; }    
    .pf_3col .pf_box2,.pf_2col .pf_box2,.pf_2col .pf_box  { margin: 0 0 20px 0; width: 241px;  }   
    .pf_3col .pf_box  { margin-right:0; width: 241px;  }  
    .horizontal_menu li { margin-bottom: 5px;  }
    .horizontal_menu span { float:none; display:block; }

    /*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; } 

    .pt_one_1, .pt_one_2, .pt_one_3, .pt_one_4, .pt_one_5, .pt_one_6, .pt_two_third, .pt_three_fourth, .pt_four_fifth, .pt_five_sixth { width:100%;margin-right: 0; margin-bottom: 20px; }

    /*WPML Plugin*/
    #sidebar #lang_sel_click.lang_sel_click ul ul,#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) {
   
    #body_container,#logo_bar { width: 461px; } 

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

    .custom_two_third { padding-bottom: 30px;  }
    .top_bar_content,
    .container_wrapper,   
    .large-footer,
    .small-footer-content,
    #header_slider,
    .header_image,
    #elastic_slider { width:401px; }  

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

    /*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; clear:both; width:100%;  }
    .small-footer .tm_social_media { float:none; padding:20px 0 0 0; margin:0;}  
    .small-footer .tm_social_media ul li a { margin:0 7px 7px 0; }     #footer h3 { margin-top: 0;}
   
   /*elastic slider*/   
    #elastic_slider .ei-slider-large li { width:100%; height:100%; }
    #elastic_slider .ei-slider-large li img { width:100%; height:100%;  }
    #elastic_slider .ei-slider{ height: 193px; }
    #elastic_slider .ei-title { display:none; }   

    /*basic slider*/
    .flexslider_basic div.flex-caption,#thumbnail_slider,#icon_title_slider,.flexslider_basic .flex-control-nav{ display:none;}  
    #header_slider .flexslider_basic{ margin-bottom:0;  }

    /*blog elements*/
    #sidebar { float:none; margin-top: 0; clear:both;  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; }
    .blog_post_date_comments,.pf_image_caption { display:none; }
    .blog_post_date_comments2 { display:block;  }
    .commentlist .children { padding-left:0; }
    .pagination_menu { float:none; }
    #content #comment-wrap ol ul { padding: 0  }

    /*portfolio*/    
    .pf_box { margin: 0 0 20px 0; }
    .pf_2col .pf_box { width:401px; }
    .pf_3col .pf_box { width:300px; }
    .pf_4col .pf_box { width:220px; }
    .pf_box2  { margin: 0 8px 8px 0; }
    .pf_2col .pf_box2 { width:401px; }
    .pf_3col .pf_box2 { width:308px; }
    .pf_4col .pf_box2 { width:229px; }
    .horizontal_menu li { margin-bottom: 5px;  }
    .horizontal_menu span { float:none; display:block; }

    /*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; } 

    .pt_one_1, .pt_one_2, .pt_one_3, .pt_one_4, .pt_one_5, .pt_one_6, .pt_two_third, .pt_three_fourth, .pt_four_fifth, .pt_five_sixth { width:100%;margin-right: 0; margin-bottom: 20px; }

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