/* Beyond standard 960 */
@media only screen and (min-width: 970px)  and (max-width: 1200px){
    
    /* general stile */
    .footer-buttom, #page-nav, .breadcrumbs{width: 940px;}
    #slider, #client-logo, .map{width: 1000px;}
    .newsletters div, .related-post.no-sidebar div{width: 202px;}
    .features div{width: 200px;}
    
    div.last{margin-right: 0 !important;}
       
    /* page & sidebar */
    #page{width: 538px;}

    #page .one-two{width: 254px;}
    #page .one-three{width: 159px;}
    #page .one-four{width: 112px;}
    
      
    /* latest blog */
    #latest-work li, #latest-work2 li{width: 210px!important;}

    /* latest blog */
    .latest-blog {width: 470px;}
    .latest-blog div{ 
        width: 205px;
        margin-bottom: 22px;
    }
    .tab .latest-blog{width: 465px;}
    .tab .latest-blog div {width: 202px;}
    
    
    /* footer */
    #search input[type="text"]{width:180px;}
    #footer .flickr{width: 230px;}
    #footer .flickr li, 
    #footer .flickr img{width: 59px;}
    
    
    
    
    /* gallery */
    .gallery li{width: 217px;} 
    
    
    /* contact form & coment form */
    #form-contact,
    .comments-form{width: 538px;}
    #form-contact .left,
    .comments-form .left{
        float: none;
        width: 528px;
        margin-right: 0;
    }
    #form-contact .left input,
    .comments-form .left input{width: 528px; }
    #form-contact textarea,
    .comments-form textarea{
        width: 528px !important;
        height: 180px !important;
    } 
    
    
    /* related-post */
    .related-post div{width: 159px;}
    
    
    /* portfolio */
    .portfolio3, .portfolio2{width: 558px;}
    .portfolio1 li{width: 538px;}
    .portfolio2 li{width: 257px;}
    .portfolio3 li{width: 164px;}
    .no-sidebar.portfolio1 li{width: 900px;}
    .no-sidebar.portfolio2 li{width: 438px;}
    .no-sidebar.portfolio3 li{width: 284px;}
    .portfolio3.no-sidebar, .portfolio2.no-sidebar{width: 920px!important;}
    
}



@media only screen and (min-width: 768px) and (max-width: 979px) {
 
    /* general stile */
    .footer-buttom, 
    .breadcrumbs, #page-nav{width: 724px;} 
    .width {width: 736px;}
    #slider, #client-logo{width:784px;}
    
    .one-two, div.latest-blog div{width: 338px;}
    .one-three{width: 215px;}
    .one-four, .newsletters div, .about-work div, .team div, .related-post.no-sidebar div{width: 151px;}
    #footer .one-three{width: 205px; margin-bottom: 40px;}
    
    .features div{width: 153px;}
    
    #page .one-two{width: 194px;}
    #page .one-three{width: 119px;}
    #page .one-four{width: 82px;}
    
    #newsletters img{margin-bottom: 1px;}
    
    
    /* header*/
    #header{padding-bottom: 15px;}
    
    
    /* clients */
    #client-logo li{width: 16%;}
    
    
    /* gallery */
    .gallery li{width: 169px;} 


    /* menu */
    #menu li{margin-right: 20px;}
    #menu > li > a:after {display: none !important;}
    #menu li.sfHover ul {top: 35px;}
    
    
    /* latest work */
    div#latest-work .caroufredsel_wrapper{width: 340px !important;}
    div#latest-work.latest-work2 .caroufredsel_wrapper{width: 706px !important;}
    #latest-work li{width: 158px !important;}
    #latest-work2 li{width: 158px !important;}
    
    /* latest blog */
    .tab .latest-blog{width: 338px;}
    .tab .latest-blog div {width: 338px;}
    .latest-blog {width: 368px;}
    .latest-blog div:nth-last-child(-n+2){display: none;}
    .tab-page .latest-blog div:nth-last-child(-n+2){display: none !important;}
    .tab-page .latest-blog div:nth-child(-n+3){display: block !important;}
    
    /* footer */
    #footer .flickr li{
        margin-right: 3px;
        width: 55px;
    }
    #footer .flickr li img{width: 55px;}
    #footer #search input[type="text"]{width:146px;}
    

    /* map */
    .map{
        width: 784px; 
        height: 200px;
    }
    
    /* page & sidebar */
    #page.alignleft, #page.alignright{width: 418px;}



    /* contact form & coment form */
    #form-contact,
    .comments-form{width: 418px;}
    #form-contact .left,
    .comments-form .left{
        float: none;
        width: 408px;
        margin-right: 0;
    }
    #form-contact .left input,
    .comments-form .left input{width: 408px; }
    #form-contact textarea,
    .comments-form textarea{
        width: 408px !important;
        height: 140px !important;
    } 
    
    

    

    /* portfolio */
    .portfolio3, .portfolio2{width: 438px;}
    .portfolio1 li{width: 418px;}
    .portfolio2 li, .portfolio3 li{width: 197px;}
    .no-sidebar.portfolio1 li{width: 706px;}
    .no-sidebar.portfolio2 li{width: 341px;}
    .no-sidebar.portfolio3 li{width: 220px;}
    .portfolio3.no-sidebar, .portfolio2.no-sidebar{width: 726px!important;}
    
    
    /* sidebar tab */
    .s-tab .tab-sidebar li{margin-right: 4px;}
    .s-tab.tab-page li{margin-right: 15px;}

    #sidebar .sbox{
        padding: 15px;
    }
    
    
    /* related-post */
    .related-post div{width: 119px;}
        

}







/* Upwards of Mobile Landscape Size  */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .footer-buttom, .one-two, .one-three,
    .one-four, #footer .one-three, .features div,
     #page.alignleft,
    #page.alignright, #page .one-two,
    #page .one-three, #page .one-four, .newsletters div, .about-work div, .team div{width: 100%;} 
    
    .hide{display: block;}
    
    .width{width: 448px;}
    
    #slider, #client-logo{width: 100%;}
    
    #logo, #social, #menu, .footer-buttom p, #footer-menu,
    #page.alignleft, #page.alignright, #filtrable,
    .header-portfolio h3, .portfolio li, #breadcrumbs-nav{float: none;}
    
    #slider .slides div, #menu ul, .related-post{display: none !important;}
    
    .logo, #social, .newsletters div, .about-work > div, .team > div,
    .breadcrumbs h2, .m-bottom, .pricing-box{margin-bottom: 30px !important;}
    
    #footer .one-three, #footer .one-four, #page,
    #footer .one-four{margin-bottom: 40px;}
    
    #logo, .res-menu, .divider.mob, .clear.mob{display: block;}
    
    #social, #footer-menu{display: inline-block;}   
    
    #footer .last, .about-work > div:last-of-type, .team > div:last-of-type,
    .m-bottom.last, #footer .one-four.last{margin-bottom: 0;}
    
    #newsletters img{margin-bottom: 1px;}

    
    /* header */
    #header{
        text-align: center;
        height: auto;
    } 

    
    
    /* menu */
    #menu{
        padding-top: 0;
        display: none;
    }
    .res-menu{
        width: 408px;
        padding: 5px;
        margin: 0 auto;
        background-color: #f9f9f9;
        border: 1px solid #f2f2f2;
    }
    
    
    /* features */
    .features div{
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        margin-bottom: 30px !important;
        padding-bottom: 30px !important;
        border-bottom: 1px dashed #E5E5E5;
    }
    .features div.last{
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    
        
    
    /* latest work */
    div#latest-work .caroufredsel_wrapper{width: 420px !important;}
    #latest-work li, #latest-work2 li{width: 192px !important;}
        
    
    /* clients */
    #client-logo li{width: 33%;}
    

    /* footer */
    #footer #search input[type="text"]{width:100%;}
    .footer-buttom {text-align: center;}
    .footer-buttom p{padding: 23px 0;} 
    #footer-menu li{padding:0 0 23px 0;} 
    #footer .flickr li, 
    #footer .flickr img{width: 61px;}
    
    
    /* latest blog */
    .latest-blog .span3{
        width: 47% !important;
        float: left;
        margin-bottom: 15px;
    }
    .latest-blog .span3.odd{
        float: right;
    }
    
    
    /* gallery */
    .gallery li{width: 204px;} 
    
    
    /* welcome */
    .welcome h1 {
        font-size: 24px;
        line-height: 24px;
    }
    
    /* google map */
    .map {
        width: 100%;
        height: 150px;
    }

    .span8.alignleft,
    .span8.alignright{
        margin-bottom: 30px !important;
    }
            
    
    /* contact & comment form */
    #form-contact,
    .comments-form{width: 418px;}
    #form-contact .left,
    .comments-form .left{
        float: none;
        width: 408px;
        margin-right: 0;
    }
    #form-contact .left input,
    .comments-form .left input{width: 408px; }
    #form-contact textarea,
    .comments-form textarea{
        width: 408px !important;
        height: 140px !important;
    }
    
    .breadcrumbs h2{
        float: none;
        margin-bottom: 10px !important;
    }
    
    /* portfolio */
    .portfolio3, .portfolio2,
    .portfolio3.no-sidebar, .portfolio2.no-sidebar{width: 438px !important;}
    .portfolio1 li, 
    .portfolio2 li, 
    .portfolio3 li,
    .no-sidebar.portfolio1 li, 
    .no-sidebar.portfolio2 li,
    .no-sidebar.portfolio3 li{width: 416px !important;}

    #content .alignleft,
    #content .alignright{
        float: none !important;
    }
    
}   





/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

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

    .wrapper, #footer, .footer-buttom, .one-two, .one-three,
    .one-four, #footer .one-three, .features div,.breadcrumbs, 
    #page-nav, #page.alignleft,#page.alignright,
    #page .one-two, #page .one-three, #page .one-four, .newsletters div,
    .about-work div, .team div{width: 258px;} 
    
    .width{width: 288px;}
    
    #slider, #client-logo{width: 318px;}
    
    #logo, #social, #menu, .footer-buttom p, #footer-menu,
    #page.alignleft, #page.alignright, #breadcrumbs-nav{float: none;}
    
    #slider .slides div, #menu ul, .avatar, .related-post{display: none !important;}
    
    #logo, #social, .newsletters div, .about-work > div, .team > div,
    .breadcrumbs h2, .m-bottom, .pricing-box{margin-bottom: 30px;}
    
    #logo, .res-menu, .divider.mob, .clear.mob{display: block;}
    
    #social, #footer-menu{display: inline-block;}
    
    #footer .one-three, #footer .one-four, #page{margin-bottom: 40px;}
    
    #footer .last, .about-work > div:last-of-type, .team > div:last-of-type,
    .m-bottom.last, #newsletters img{margin-bottom: 0;}
    
    .hide{display: block;}
    
    #newsletters img {width: 35%;}
    
    
    /* header */
    #header{
        text-align: center;
        height: auto;
    }
    
    
    /* welcome */
    .welcome h1{
        font-size: 24px;
        line-height: 24px;
    }
    
    
    /* menu */
    #menu{
        padding-top: 0;
        display: none;
    }
    .res-menu{
        width: 238px;
        padding: 5px;
        margin: 0 auto;
        background-color: #f9f9f9;
        border: 1px solid #f2f2f2;
    }
    
    /* social */
    #social li{margin-left: 9px;}
    #social li:first-of-type{margin-left: 0;}
    
    /* features */
    .features div{
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px dashed #E5E5E5;
    }
    .features div.last{
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
     
    /* clients */    
    #client-logo li{width: 33%;}
    
    
    /* footer */
    #footer .last{margin-bottom: 0px !important;}
    #footer .flickr{width: 250px;}
    #footer #search input[type="text"]{width:238px;}
    .footer-buttom {text-align: center; padding-bottom: 15px;}
    .footer-buttom p{margin-bottom: 0; padding-bottom: 5px;} 
    #footer-menu li{padding:0;} 
    #footer .flickr li, 
    #footer .flickr img{width: 57px;}
    
    
    /* latest blog */
    .latest-blog{width: 258px !important;}
    .latest-blog div {width: 258px !important;}
    .latest-blog div:nth-last-child(-n+2){margin-bottom: 22px;}
    .latest-blog div:last-of-type{margin-bottom: 0;}
    
    
    /* latest work */
    #latest-work li, #latest-work2 li{width: 254px !important;}

    
    /* gallery */
    .gallery li{width: 124px;} 
    
    
    /* google map */
    .map {
        width: 318px;
        height: 200px;
    }

    
    /* contatc form & comment form */
    #form-contact,
    .comments-form{width: 248px;}
    #form-contact .left,
    .comments-form .left{
        float: none;
        width: 248px;
        margin-right: 0;
    }
    #form-contact .left input,
    .comments-form .left input{width: 248px; }
    #form-contact textarea,
    .comments-form textarea{
        width: 248px !important;
        height: 140px !important;
    } 

    
      
     /* portfolio */   
    .portfolio3, .portfolio2,
    .portfolio3.no-sidebar, .portfolio2.no-sidebar{width: 258px;}
    .portfolio1 li, .portfolio2 li, .portfolio3 li,
    .no-sidebar.portfolio1 li, .no-sidebar.portfolio2 li,
    .no-sidebar.portfolio3 li{width: 258px; margin-bottom: 30px; float: none;}
    
    
    /* comments */
    #comments div {margin-left:0px;}

    
    /* tab */
    .tab .latest-blog div:nth-last-child(-n+2){margin-bottom: 22px !important;}
    .tab .latest-blog div:last-of-type{margin-bottom: 0 !important;}
    
    .s-tab .tab-sidebar li {margin-right: 5px;}

    /* testimonial */
    #testimonial div.border-img { margin-bottom: 3px;}

}

    


























/*
     FILE ARCHIVED ON 13:45:16 May 20, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:13:53 Nov 30, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.766
  exclusion.robots: 0.077
  exclusion.robots.policy: 0.062
  esindex: 0.013
  cdx.remote: 16.942
  LoadShardBlock: 239.435 (3)
  PetaboxLoader3.datanode: 335.418 (4)
  load_resource: 166.149
  PetaboxLoader3.resolve: 36.303
*/