/* ------------------------ SKELETON  RESPONSIVE ----------------------------------------------------*/

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 989px) {
    .container{width:748px}
    .container .column,.container .columns{margin-left:10px;margin-right:10px}
    .column.alpha,.columns.alpha{margin-left:0;margin-right:10px}
    .column.omega,.columns.omega{margin-right:0;margin-left:10px}
    .container .one.column{width:28px}
    .container .two.columns{width:76px}
    .container .three.columns{width:104px}
    .container .four.columns{width:152px}
    .container .five.columns{width:200px}
    .container .six.columns{width:248px}
    .container .seven.columns{width:296px}
    .container .eight.columns{width:344px}
    .container .nine.columns{width:392px}
    .container .ten.columns{width:440px}
    .container .eleven.columns{width:488px}
    .container .twelve.columns{width:536px}
    .container .thirteen.columns{width:584px}
    .container .fourteen.columns{width:632px}
    .container .fifteen.columns{width:680px}
    .container .sixteen.columns{width:728px}
    .container .one-third.column{width:236px}
    .container .two-thirds.column{width:492px}
    .container .offset-by-one{padding-left:48px}
    .container .offset-by-two{padding-left:96px}
    .container .offset-by-three{padding-left:144px}
    .container .offset-by-four{padding-left:192px}
    .container .offset-by-five{padding-left:240px}
    .container .offset-by-six{padding-left:288px}
    .container .offset-by-seven{padding-left:336px}
    .container .offset-by-eight{padding-left:348px}
    .container .offset-by-nine{padding-left:432px}
    .container .offset-by-ten{padding-left:480px}
    .container .offset-by-eleven{padding-left:528px}
    .container .offset-by-twelve{padding-left:576px}
    .container .offset-by-thirteen{padding-left:624px}
    .container .offset-by-fourteen{padding-left:672px}
    .container .offset-by-fifteen{padding-left:720px}
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .columns,.column{margin:0}
    .container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen{padding-left:0}
    .container,.container .one.column,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:300px}
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .columns,.column{margin:0}
    .container,.container .one.column,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:420px}
}	

/*-------------------------- BOOTSTRAP RESPONSIVE --------------------------------------*/

@media (max-width: 767px) {
    .row-fluid>div{margin-top:15px}
    .entry-content>p{margin-bottom:20px}
    .visible-phone,.hidden-desktop{display:inherit!important}
    .hidden-phone,.visible-desktop{display:none!important}
}
@media (min-width: 768px) and (max-width: 979px) {
    .row-fluid>div{margin-top:15px}
    .entry-content>p{margin-bottom:20px}
    .visible-tablet,.hidden-desktop{display:inherit!important}
    .hidden-tablet,.visible-desktop{display:none!important}
}
@media (max-width: 480px) {
    .nav-collapse{-webkit-transform:translate3d(0,0,0)}
    .page-header h1 small{display:block;line-height:18px}
    input[type=checkbox],input[type=radio]{border:1px solid #ccc}
    .form-horizontal .control-group > label{float:none;width:auto;padding-top:0;text-align:left}
    .form-horizontal .controls{margin-left:0}
    .form-horizontal .control-list{padding-top:0}
    .form-horizontal .form-actions{padding-left:10px;padding-right:10px}
    .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0}
    .modal.fade.in{top:auto}
    .modal-header .close{margin:-10px;padding:10px}
    .carousel-caption{position:static}
    .row-fluid>div{margin-top:15px}
}
@media (max-width: 767px) {
    .navbar-fixed-top,.navbar-fixed-bottom{margin-left:-20px;margin-right:-20px}
    .container-fluid{padding:0}
    .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left}
    .dl-horizontal dd{margin-left:0}
    .row-fluid{width:100%}
    [class*=span],.row-fluid [class*=span]{float:none;display:block;width:auto;margin-left:0}
    .input-large,.input-xlarge,.input-xxlarge,input[class*=span],select[class*=span],textarea[class*=span],.uneditable-input{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
    .input-prepend input,.input-append input,.input-prepend input[class*=span],.input-append input[class*=span]{display:inline-block;width:auto}
    .row-fluid>div{margin-top:15px}
}
@media (min-width: 768px) and (max-width: 979px) {
    .row{zoom:1}
    [class*=span]{float:left;margin-left:20px}
    .span11{width:662px}
    .span10{width:600px}
    .span9{width:538px}
    .span8{width:476px}
    .span7{width:414px}
    .span6{width:352px}
    .span5{width:290px}
    .span4{width:228px}
    .span3{width:166px}
    .span2{width:104px}
    .span1{width:42px}
    .offset12{margin-left:764px}
    .offset11{margin-left:702px}
    .offset10{margin-left:640px}
    .offset9{margin-left:578px}
    .offset8{margin-left:516px}
    .offset7{margin-left:454px}
    .offset6{margin-left:392px}
    .offset5{margin-left:330px}
    .offset4{margin-left:268px}
    .offset3{margin-left:206px}
    .offset2{margin-left:144px}
    .offset1{margin-left:82px}
    .row-fluid{width:100%;zoom:1}
    .row-fluid [class*=span]{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.70923944964%}
    .row-fluid .span12{width:99.9468085036%}
    .row-fluid .span11{width:91.3832725926%}
    .row-fluid .span10{width:82.8197366816%}
    .row-fluid .span9{width:74.2562007706%}
    .row-fluid .span8{width:65.6926648596%}
    .row-fluid .span7{width:57.1291289486%}
    .row-fluid .span6{width:48.5655930376%}
    .row-fluid .span5{width:40.0020571266%}
    .row-fluid .span4{width:31.4385212156%}
    .row-fluid .span3{width:22.8749853046%}
    .row-fluid .span2{width:14.3114493936%}
    .row-fluid .span1{width:5.74791348264%}
    input.span12,textarea.span12,.uneditable-input.span12{width:714px}
    input.span11,textarea.span11,.uneditable-input.span11{width:652px}
    input.span10,textarea.span10,.uneditable-input.span10{width:590px}
    input.span9,textarea.span9,.uneditable-input.span9{width:528px}
    input.span8,textarea.span8,.uneditable-input.span8{width:466px}
    input.span7,textarea.span7,.uneditable-input.span7{width:404px}
    input.span6,textarea.span6,.uneditable-input.span6{width:342px}
    input.span5,textarea.span5,.uneditable-input.span5{width:280px}
    input.span4,textarea.span4,.uneditable-input.span4{width:218px}
    input.span3,textarea.span3,.uneditable-input.span3{width:156px}
    input.span2,textarea.span2,.uneditable-input.span2{width:94px}
    input.span1,textarea.span1,.uneditable-input.span1{width:32px}
    .row-fluid>div{margin-top:15px}
    .row:before,.row:after,.row-fluid:before,.row-fluid:after{display:table;content:""}
    .row:after,.row-fluid:after{clear:both}
    .navbar-fixed-top .container,.navbar-fixed-bottom .container,.span12{width:724px}
    .row-fluid [class*=span]:first-child,input,textarea,.uneditable-input{margin-left:0}
}
@media (min-width: 1200px) {
    .row{zoom:1}
    [class*=span]{float:left;margin-left:30px}
    .span11{width:1070px}
    .span10{width:970px}
    .span9{width:870px}
    .span8{width:770px}
    .span7{width:670px}
    .span6{width:570px}
    .span5{width:470px}
    .span4{width:370px}
    .span3{width:270px}
    .span2{width:170px}
    .span1{width:70px}
    .offset12{margin-left:1230px}
    .offset11{margin-left:1130px}
    .offset10{margin-left:1030px}
    .offset9{margin-left:930px}
    .offset8{margin-left:830px}
    .offset7{margin-left:730px}
    .offset6{margin-left:630px}
    .offset5{margin-left:530px}
    .offset4{margin-left:430px}
    .offset3{margin-left:330px}
    .offset2{margin-left:230px}
    .offset1{margin-left:130px}
    .row-fluid{width:100%;zoom:1}
    .row-fluid [class*=span]{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.51091107464%}
    .row-fluid .span12{width:99.9468085106%}
    .row-fluid .span11{width:91.3997999636%}
    .row-fluid .span10{width:82.8527914166%}
    .row-fluid .span9{width:74.3057828696%}
    .row-fluid .span8{width:65.7587743226%}
    .row-fluid .span7{width:57.2117657756%}
    .row-fluid .span6{width:48.6647572286%}
    .row-fluid .span5{width:40.1177486816%}
    .row-fluid .span4{width:31.5707401346%}
    .row-fluid .span3{width:23.0237315876%}
    .row-fluid .span2{width:14.4767230406%}
    .row-fluid .span1{width:5.92971449364%}
    input.span12,textarea.span12,.uneditable-input.span12{width:1160px}
    input.span11,textarea.span11,.uneditable-input.span11{width:1060px}
    input.span10,textarea.span10,.uneditable-input.span10{width:960px}
    input.span9,textarea.span9,.uneditable-input.span9{width:860px}
    input.span8,textarea.span8,.uneditable-input.span8{width:760px}
    input.span7,textarea.span7,.uneditable-input.span7{width:660px}
    input.span6,textarea.span6,.uneditable-input.span6{width:560px}
    input.span5,textarea.span5,.uneditable-input.span5{width:460px}
    input.span4,textarea.span4,.uneditable-input.span4{width:360px}
    input.span3,textarea.span3,.uneditable-input.span3{width:260px}
    input.span2,textarea.span2,.uneditable-input.span2{width:160px}
    input.span1,textarea.span1,.uneditable-input.span1{width:60px}
    .thumbnails{margin-left:-30px}
    .thumbnails > li{margin-left:30px}
    .row:before,.row:after,.row-fluid:before,.row-fluid:after{display:table;content:""}
    .row:after,.row-fluid:after{clear:both}
    .navbar-fixed-top .container,.navbar-fixed-bottom .container,.span12{width:1170px}
    .row-fluid [class*=span]:first-child,input,textarea,.uneditable-input,.row-fluid .thumbnails{margin-left:0}
}
@media (max-width: 979px) {
    .navbar-fixed-top{position:static;margin-bottom:18px}
    .navbar-fixed-top .navbar-inner{padding:5px}
    .navbar .container{width:auto;padding:0}
    .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px}
    .nav-collapse{clear:both}
    .nav-collapse .nav{float:none;margin:0 0 9px}
    .nav-collapse .nav > li{float:none}
    .nav-collapse .nav .nav-header{color:#999;text-shadow:none}
    .nav-collapse .nav > li > a,.nav-collapse .dropdown-menu a{font-weight:700;color:#999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:6px 15px}
    .nav-collapse .btn{font-weight:400;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:4px 10px}
    .nav-collapse .nav > li > a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#222}
    .nav-collapse.in .btn-group{margin-top:5px;padding:0}
    .nav-collapse .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0 15px;padding:0}
    .nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;border-top:1px solid #222;border-bottom:1px solid #222;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);margin:9px 0;padding:9px 15px}
    .navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}
    .nav-collapse,.nav-collapse.collapse{overflow:hidden;height:0}
    .navbar .btn-navbar{display:block}
    .navbar-static .navbar-inner{padding-left:10px;padding-right:10px}
    .row-fluid>div{margin-top:15px}
    .nav-collapse .nav > li > a,.nav-collapse .dropdown-menu li + li a{margin-bottom:2px}
    .nav-collapse .nav > .divider-vertical,.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after,.nav-collapse .dropdown-menu .divider{display:none}
}
@media (min-width: 980px) {
    .nav-collapse.collapse{height:auto!important;overflow:visible!important}
}

/*-------------------------------------- THEME RESPONSIVE ------------------------------------------*/


/*	11. MEDIA QUERIES
----------------------------------------------------------
----------------------------------------------------------*/

/* Smaller than standard 990 (devices and browsers) */
@media only screen and (max-width: 989px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 990px) and (max-width: 1200px) {
    select.main-menu-mobile{display:none}
    .jp-jplayer-video{height:360px!important}
    #header .four.columns{left:0}
    #header .twelve.columns{right:0}
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
    img.diapo-image-pc,.slider-elements{height:0}
    img.diapo-image-tab{margin-top:-18px}
    .wrapper{width:768px}
    .pix_diapo,.pix_relativize{width:768px!important}
    .pix_relativize{height:auto!important}
    #pix_pag{width:720px}
    .wrapper #page{padding:20px 10px}
    .right-sidebar .wrapper #page{background-position:-80px 0!important}
    .left-sidebar .wrapper #page{background-position:-98px 0!important;}
    .right-sidebar .left.eleven.columns{padding-left: 16px}
    .left-sidebar .right.eleven.columns{margin-right:24px}
    .right.sidebar{margin-right:30px}
    .nav{right:50px!important}
    .nav-left,.nav-right{display:block}
    .shortcode-entry{overflow:hidden}
    .widget_search input[type=text]{width:130px}
    .error404 .four.columns.sidebar.right{margin-right:60px}
    .container .seven.columns .entry-image img,.container .seven.columns .entry-image-slide img{width:306px!important;height:auto!important}
    .container .seven.columns .entry-content a img{max-width:306px!important;height:auto!important}
    .container .seven.columns iframe,.container .seven.columns .entry img,.container .seven.columns .entry-content p img{max-width:316px!important;height:auto}
    .textInput{width:296px}
    .overlabel-wrapper,.comment-form-comment{width:316px}
    .jp-progress{width:340px}
    .jp-progress-container{width:170px}
    .portfolio-image-slide,.portfolio-image img{width:340px;height:auto}
    .portfolio-video iframe{width:400px;margin-right:0;margin-bottom:45px;height:340px}
    .portfolio-image-slide{height:340px}
    #footer > div{margin-top:0;padding:0 auto}
    .eleven.columns img,.eleven.columns .imgSmall,.eleven .entry-image{max-width:488px;height:auto!important}
    .nine.columns img{max-width:382px;height:auto !important}
    .block-item-big .entry-image,.block-item-big .entry-image img,.block-item-big .entry-image a{width:240px!important}
    .block-item-small .entry-image,.block-item-small .entry-image img{width:70px!important}
    .block-item-small .entry-image .jcycle-pager li a{width:8px!important}
    p{margin:0}
    .port02,.port02 .entry-image,.port02 .imgSmall,.port02 img,.port02 .entry-image-slide,.port02 .hover-content{width:354px!important}
    .port03,.port03 .entry-image,.port03 .imgSmall,.port03 img,.port03 .entry-image-slide,.port03 .hover-content{width:229px!important}
    .port11,.port11 .entry-image,.port11 .imgSmall,.port11 img,.port11 .entry-image-slide,.port11 .hover-content{width:508px!important}
    .port12,.port12 .entry-image,.port12 .imgSmall,.port12 img,.port12 .entry-image-slide,.port12 .hover-content{width:244px!important}
    .port13,.port13 .entry-image,.port13 .imgSmall,.port13 img,.port13 .entry-image-slide,.port13 .hover-content{width:156px!important}
    .nine .entry-image,.nine .entry-image .imgSmall img,.nine .entry-image .entry-image-slide{width:412px!important;display:block}
    .masoned > .grid_4{margin:0 10px}
    .jcarousel-skin-tango .jcarousel-container-horizontal,.jcarousel-skin-tango .jcarousel-clip-horizontal{width:750px}
    li.jcarousel-item,li.jcarousel-item a.imgSmall,li.jcarousel-item a.imgSmall img{width:230px!important;height:auto!important}
    li.jcarousel-item .entry-image-slide{width:230px!important}
    .recent-post,.recent-post a.imgSmall,.recent-post .entry-image,.recent-post a.imgSmall img{width:167px!important;height:auto!important}
    .with-sidebar .jcarousel-skin-tango .jcarousel-container-horizontal,.with-sidebar .jcarousel-skin-tango .jcarousel-clip-horizontal{width:508px}
    .with-sidebar li.jcarousel-item,.with-sidebar li.jcarousel-item a.imgSmall,.with-sidebar li.jcarousel-item a.imgSmall img{width:234px!important;height:auto!important}
    .with-sidebar li.jcarousel-item .entry-image-slide{width:234px!important}
    .with-sidebar .recent-post,.with-sidebar .recent-post a.imgSmall,.with-sidebar .recent-post .entry-image,.with-sidebar .recent-post a.imgSmall img{width:149.3px!important;height:auto!important}
    .with-sidebar .recent-post .entry-image-slide{width:149.3px!important}
    .with-sidebar .shortcode-recentposts-container{margin-right:-30px}
    .jp-jplayer-video{height:274px!important}
    #header .four.columns{left:0}
    .slider-elements,select.main-menu-mobile,.portfolio-nav{display:none}
    .wrapper>#feature,.right-sidebar .eleven.columns,.left-sidebar .eleven.columns{padding:0}    
    .port04,.port04 .entry-image,.port04 .imgSmall,.port04 img,.port04 .entry-image-slide,.port04 .hover-content,.recent-post .entry-image-slide{width:167px!important}
    .nine .entry-image .imgSmall,.nine .entry-image .imgSmall img,.port02 .imgSmall img,.port02 .imgSmall,.port03 .imgSmall img,.port03 .imgSmall,.port04 .imgSmall img,.port04 .imgSmall,.port11 .imgSmall img,.port11 .imgSmall,.port12 .imgSmall img,.port12 .imgSmall,.port13 .imgSmall img,.port13 .imgSmall{height:auto!important;display:block}
}

/* #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    body{padding-left:0 !important;padding-right:0 !important}
    img.diapo-image-pc{height:0}
    img.diapo-image-tab{margin-top:-18px}
    #header .four.columns{left:0}
    img.wp-image-1730 {height:auto;}
    .pix_diapo,.pix_relativize{width:300px!important}
    .slider-content{width:294px!important}
    .row-fluid .span12, .four.columns {display:block;float:none;margin: 0 auto!important;width:92%!important;}
    .wrapper #header,.wrapper #footer,.wrapper #page,.wrapper #feature{padding:0}
    .wrapper>#feature{padding:0}
    .wrapper #footer,.wrapper #page{padding-top:20px;padding-bottom:20px}
    .sidebar{padding-top:40px}
    .wrapper #page{background-image:none}
    #header .twelve.columns{right:0;position:relative}
    .portfolio-filter{margin-left:10px}
    .for_portfolio ul.pager-list{margin-left:20px}
    .nav{position:relative!important;right:0!important}
    .right-sidebar .wrapper #page,.left-sidebar .wrapper #page{background-image:none!important}
    select#main-menu-mobile{width:300px;display:block;margin-bottom:15px;padding:10px}
    .four.columns.right.sidebar{width:287px;margin-right:6px}
    .container .seven.columns .entry-image img,.container .seven.columns .entry-image-slide img{width:250px!important;height:auto!important}
    .container .seven.columns .entry-content a img{max-width:250px!important;height:auto}
    .container .seven.columns iframe,.container .seven.columns .entry img,.container .seven.columns .entry-content p img{max-width:260px;height:auto}
    .overlabel-wrapper,.comment-form-comment{width:260px}
    .jp-progress{width:140px}
    .jp-progress-container{width:152px}
    .portfolio-nav{display:block;z-index:19;top:50px;right:50px}
    .portfolio-image img,.portfolio-video iframe{width:260px;height:260px;margin:0}
    .portfolio-video iframe{margin-top:30px}
    .portfolio-image-slide{height:260px!important;margin:30px 0 0}
    #header .top-text{float:none}
    #footer > div{padding:0 auto}
    .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{width:100%;float:none;margin-right:0}
    .entry-video iframe{width:287px;height:auto}
    .format-quote .quote-text,.format-quote .sub-title,.format-link .link-text,.format-link .sub-title{width:245px;}
    .nine.columns img,.nine.columns a,.entry-image{max-width:287px;height:auto}
    .nine.omega.columns{width:287px;margin-right:12px}
    .block-item-small .entry-image,.block-item-small .entry-image img{width:70px!important}
    .block-item-small .entry-image .jcycle-pager li a{width:8px!important}
    .left.with-sidebar.eleven.columns,.eleven.columns.left{padding-right:10px;border-right:none}
    .right.with-sidebar.eleven.columns,.eleven.columns.right{padding-left:10px;border-left:none;margin-right:-14px}
    .eleven .wp-caption{width:287px!important;margin:0 5px 0 0}
    .eleven p a .aligncenter.size-full{width:290px}
    .nine .entry-image,.nine .entry-image .imgSmall img,.nine .entry-image .entry-image-slide{width:420px!important;display:block}
    .four .widget_search #s{width:266px}
    #footer .widget_search #s{width:278px}
    li.jcarousel-item,li.jcarousel-item .entry-image,li.jcarousel-item a.imgSmall,li.jcarousel-item a.imgSmall img{width:300px!important;height:auto!important}
    li.jcarousel-item .entry-image{max-width:300px}
    .recent-post,.recent-post a.imgSmall,.recent-post .entry-image,.recent-post a.imgSmall img{width:300px!important;height:auto!important;max-width:300px}
    .with-sidebar .recent-post,.with-sidebar .recent-post a.imgSmall,.with-sidebar .recent-post .entry-image,.with-sidebar .recent-post a.imgSmall img{width:287px!important;height:auto!important;max-width:287px}
    .jp-jplayer-video{height:161px!important}
    .four.columns.sidebar.left{margin-left:0}
    #page{width:300px;overflow:hidden}
    .slider-elements,.slider-elements,#pix_pag,ul#menu,.hide,.portfolio-pager,.portfolio-pager{display:none}
    .wrapper{width:300px}
    .pix_relativize,.entry-image,.entry-image img,.shortcode-entry-container .entry-image .imgSmall,.entry-image .imgSmall{height:auto!important}
    .caption,p{margin:0}
    .wrapper #feature,.single-post .entry-meta,#logo,#header .ten.columns,.credits,.copyright,.nav{text-align:center}
    .entry,.widget,.copyright,.shortcode-entry-container .shortcode-entry{margin-bottom:20px}
    .widget_search input[type=text],.textInput{width:240px}
    div.jp-interface,h2.entry-title,.entry-content,.entry-image,.entry-image img,.shortcode-entry-container .entry-image .imgSmall,.entry-image .imgSmall,.shortcode-entry-container .entry-image .entry-image-slide,.with-sidebar li.jcarousel-item .entry-image-slide,.with-sidebar .recent-post .entry-image-slide{width:287px!important}
    .port02,.port02 .entry-image,.port02 .imgSmall,.port02 img,.port02 .entry-content,.port02 .entry-title,.port02 .entry-image-slide,.port02 .hover-content,.port03,.port03 .entry-image,.port03 .imgSmall,.port03 img,.port03 .entry-content,.port03 .entry-title,.port03 .entry-image-slide,.port03 .hover-content,.port04,.port04 .entry-image,.port04 .imgSmall,.port04 img,.port04 .entry-content,.port04 .entry-title,.port04 .entry-image-slide,.port04 .hover-content,.port11,.port11 .entry-image,.port11 .imgSmall,.port11 img,.port11 .entry-content,.port11 .entry-title,.port11 .entry-image-slide,.port11 .hover-content,.port12,.port12 .entry-image,.port12 .imgSmall,.port12 img,.port12 .entry-content,.port12 .entry-title,.port12 .entry-image-slide,.port12 .hover-content,.port13,.port13 .entry-image,.port13 .imgSmall,.port13 img,.port13 .entry-content,.port13 .entry-title,.port13 .entry-image-slide,.port13 .hover-content,li.jcarousel-item .entry-image-slide,.recent-post .entry-image-slide{width:300px!important}
    .nine .entry-image .imgSmall,.nine .entry-image .imgSmall img,.port02 .imgSmall img,.port02 .imgSmall,.port03 .imgSmall img,.port03 .imgSmall,.port04 .imgSmall img,.port04 .imgSmall,.port11 .imgSmall img,.port11 .imgSmall,.port12 .imgSmall img,.port12 .imgSmall,.port13 .imgSmall img,.port13 .imgSmall{height:auto!important;display:block}
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #page{width:440px;overflow:hidden;padding-left:0!important;padding-right:0!important}
    .pix_diapo,.pix_relativize{width:440px!important}
    .slider-content{width:414px!important}
    .wrapper #header,.wrapper #footer,.wrapper #page,.wrapper #feature{padding:0 10px}
    .wrapper>#feature{padding:0}
    .wrapper #footer,.wrapper #page{padding-top:20px;padding-bottom:20px}
    .wrapper #feature{text-align:center}
    .sidebar{padding-top:40px}
    .wrapper #page{background-image:none}
    #header .twelve.columns{right:0;position:relative}
    .portfolio-filter{margin-left:10px}
    .for_portfolio ul.pager-list{margin-left:20px}
    .nav{position:relative!important;right:0!important}
    .nav-left,.nav-right{display:none!important}
    select#main-menu-mobile{width:420px;display:block;margin-bottom:15px;padding:10px}
    .four.columns.right.sidebar{width:406px;margin-right:6px}
    .four.columns.left.sidebar{width:406px;margin-left:8px}
    .container .seven.columns .entry-image img,.container .seven.columns .entry-image-slide img{width:370px!important;height:auto!important}
    .container .seven.columns .entry-content a img{max-width:370px;height:auto}
    .container .seven.columns iframe,.container .seven.columns .entry-content p img{max-width:380px;height:auto}
    .portfolio-nav{display:block;right:70px;top:70px}
    .portfolio-image img,.portfolio-video iframe{width:380px;height:380px;margin:0}
    .portfolio-video iframe{margin-top:50px}
    .portfolio-image-slide{height:380px!important;margin:50px 0 0}
    .overlabel-wrapper,.comment-form-comment{width:380px}
    .jp-progress{width:258px}
    .jp-progress-container{width:254px}
    #footer > div{padding:0 auto}
    .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{width:100%;float:none;margin-right:0}
    .format-quote .quote-text,.format-quote .sub-title,.format-link .link-text,.format-link .sub-title{width:366px;}
    .entry-video iframe{width:406px;height:auto}
    .nine.columns img,.nine.columns a,.entry-image{max-width:406px;height:auto}
    .nine.omega.columns{width:406px;margin-right:13px}
    .block-item-small .entry-image,.block-item-small .entry-image img{width:70px!important}
    .block-item-small .entry-image .jcycle-pager li a{width:8px!important}
    p{margin:0}
    div.jp-interface,.nine .entry-image,.nine .entry-image .imgSmall img,.nine .entry-image .entry-image-slide{width:406px!important;display:block}
    .four .widget_search #s{width:384px}
    li.jcarousel-item,li.jcarousel-item .entry-image,li.jcarousel-item a.imgSmall,li.jcarousel-item a.imgSmall img{width:200px!important;height:auto!important}
    li.jcarousel-item .entry-image-slide{width:200px!important}
    .recent-post,.recent-post a.imgSmall,.recent-post .entry-image,.recent-post a.imgSmall img{width:420px!important;height:auto!important;max-width:420px}
    .with-sidebar .jcarousel-skin-tango .jcarousel-container-horizontal,.with-sidebar .jcarousel-skin-tango .jcarousel-clip-horizontal{width:426px}
    .with-sidebar li.jcarousel-item,.with-sidebar li.jcarousel-item .entry-image,.with-sidebar li.jcarousel-item a.imgSmall,.with-sidebar li.jcarousel-item a.imgSmall img{width:406px!important;height:auto!important}
    .with-sidebar li.jcarousel-item .entry-image{max-width:406px}
    .with-sidebar .recent-post,.with-sidebar .recent-post a.imgSmall,.with-sidebar .recent-post .entry-image,.with-sidebar .recent-post a.imgSmall img{width:406px!important;height:auto!important;max-width:406px}
    .jp-jplayer-video{height:228px!important}
    #footer .widget_search #s{width:398px}
    .wrapper,.jcarousel-skin-tango .jcarousel-container-horizontal,.jcarousel-skin-tango .jcarousel-clip-horizontal{width:440px}
    .slider-elements,#pix_pag,ul#menu,.portfolio-pager{display:none}
    .pix_relativize,.entry-image,.entry-image img,.shortcode-entry-container .entry-image .imgSmall,.entry-image .imgSmall{height:auto!important}
    .entry,.widget,.copyright,.shortcode-entry-container .shortcode-entry{margin-bottom:20px}
    .widget_search input[type=text],.textInput{width:360px}
    div.jp-interface,h2.entry-title,.entry-content,.entry-image,.entry-image img,.shortcode-entry-container .entry-image .imgSmall,.entry-image .imgSmall,.shortcode-entry-container .entry-image .entry-image-slide,.with-sidebar li.jcarousel-item .entry-image-slide,.with-sidebar .recent-post .entry-image-slide{width:406px!important}
    .port02,.port02 .entry-image,.port02 .imgSmall,.port02 img,.port02 .entry-content,.port02 .entry-title,.port02 .entry-image-slide,.port02 .hover-content,.port03,.port03 .entry-image,.port03 .imgSmall,.port03 img,.port03 .entry-content,.port03 .entry-title,.port03 .entry-image-slide,.port03 .hover-content,.port04,.port04 .entry-image,.port04 .imgSmall,.port04 img,.port04 .entry-content,.port04 .entry-title,.port04 .entry-image-slide,.port04 .hover-content,.port11,.port11 .entry-image,.port11 .imgSmall,.port11 img,.port11 .entry-content,.port11 .entry-title,.port11 .entry-image-slide,.port11 .hover-content,.port12,.port12 .entry-image,.port12 .imgSmall,.port12 img,.port12 .entry-content,.port12 .entry-title,.port12 .entry-image-slide,.port12 .hover-content,.port13,.port13 .entry-image,.port13 .imgSmall,.port13 img,.port13 .entry-content,.port13 .entry-title,.port13 .entry-image-slide,.port13 .hover-content,.recent-post .entry-image-slide{width:420px!important}
    .nine .entry-image .imgSmall,.nine .entry-image .imgSmall img,.port02 .imgSmall img,.port02 .imgSmall,.port03 .imgSmall img,.port03 .imgSmall,.port04 .imgSmall img,.port04 .imgSmall,.port11 .imgSmall img,.port11 .imgSmall,.port12 .imgSmall img,.port12 .imgSmall,.port13 .imgSmall img,.port13 .imgSmall{height:auto!important;display:block}
}