www.gusucode.com > 200套html5精品模板51_75 > 071/css/bootstrap-responsive.css
@media (max-width: 979px) { body { padding-top: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: static; } .navbar-fixed-top { margin-bottom: 18px; } .navbar-fixed-bottom { margin-top: 18px; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .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 > li > a { margin-bottom: 2px; } .nav-collapse .nav > .divider-vertical { display: none; } .nav-collapse .nav .nav-header { color: #999999; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 6px 15px; font-weight: bold; color: #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover { background-color: #222222; } .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; margin: 0 15px; padding: 0; 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; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 9px 15px; margin: 9px 0; border-top: 1px solid #222222; border-bottom: 1px solid #222222; -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); } .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; } } @media (min-width: 980px) { .nav-collapse.collapse { height: auto !important; overflow: visible !important; } } @media (min-width: 900px) and (max-width: 979px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 20px; } .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 860px; } .span16 { width: 860px; } .span15 { width: 805px; } .span14 { width: 750px; } .span13 { width: 695px; } .span12 { width: 640px; } .span11 { width: 585px; } .span10 { width: 530px; } .span9 { width: 475px; } .span8 { width: 420px; } .span7 { width: 365px; } .span6 { width: 310px; } .span5 { width: 255px; } .span4 { width: 200px; } .span3 { width: 145px; } .span2 { width: 90px; } .span1 { width: 35px; } .offset16 { margin-left: 1012px; } .offset15 { margin-left: 950px; } .offset14 { margin-left: 888px; } .offset13 { margin-left: 826px; } .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:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .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.762430939%; *margin-left: 2.709239449638298%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span16 { width: 134.254143637%; *width: 134.2009521476383%; } .row-fluid .span15 { width: 125.690607726%; *width: 125.63741623663829%; } .row-fluid .span14 { width: 117.12707181500001%; *width: 117.0738803256383%; } .row-fluid .span13 { width: 108.563535904%; *width: 108.5103444146383%; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } input, textarea, .uneditable-input { margin-left: 0; } input.span16, textarea.span16, .uneditable-input.span16 { width: 962px; } input.span15, textarea.span15, .uneditable-input.span15 { width: 900px; } input.span14, textarea.span14, .uneditable-input.span14 { width: 838px; } input.span13, textarea.span13, .uneditable-input.span13 { width: 776px; } 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; } } @media (min-width: 815px) and (max-width: 899px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 20px; } .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 780px; } .span16 { width: 780px; } .span15 { width: 730px; } .span14 { width: 680px; } .span13 { width: 630px; } .span12 { width: 580px; } .span11 { width: 530px; } .span10 { width: 480px; } .span9 { width: 430px; } .span8 { width: 380px; } .span7 { width: 330px; } .span6 { width: 280px; } .span5 { width: 230px; } .span4 { width: 180px; } .span3 { width: 130px; } .span2 { width: 80px; } .span1 { width: 30px; } .offset16 { margin-left: 1012px; } .offset15 { margin-left: 950px; } .offset14 { margin-left: 888px; } .offset13 { margin-left: 826px; } .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:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .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.762430939%; *margin-left: 2.709239449638298%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span16 { width: 134.254143637%; *width: 134.2009521476383%; } .row-fluid .span15 { width: 125.690607726%; *width: 125.63741623663829%; } .row-fluid .span14 { width: 117.12707181500001%; *width: 117.0738803256383%; } .row-fluid .span13 { width: 108.563535904%; *width: 108.5103444146383%; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } input, textarea, .uneditable-input { margin-left: 0; } input.span16, textarea.span16, .uneditable-input.span16 { width: 962px; } input.span15, textarea.span15, .uneditable-input.span15 { width: 900px; } input.span14, textarea.span14, .uneditable-input.span14 { width: 838px; } input.span13, textarea.span13, .uneditable-input.span13 { width: 776px; } 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; } } @media (min-width: 768px) and (max-width: 815px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 20px; } .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 716px; } .span16 { width: 716px; } .span15 { width: 670px; } .span14 { width: 624px; } .span13 { width: 578px; } .span12 { width: 532px; } .span11 { width: 486px; } .span10 { width: 440px; } .span9 { width: 394px; } .span8 { width: 348px; } .span7 { width: 302px; } .span6 { width: 256px; } .span5 { width: 210px; } .span4 { width: 164px; } .span3 { width: 118px; } .span2 { width: 72px; } .span1 { width: 26px; } .offset16 { margin-left: 1012px; } .offset15 { margin-left: 950px; } .offset14 { margin-left: 888px; } .offset13 { margin-left: 826px; } .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:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .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.762430939%; *margin-left: 2.709239449638298%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span16 { width: 134.254143637%; *width: 134.2009521476383%; } .row-fluid .span15 { width: 125.690607726%; *width: 125.63741623663829%; } .row-fluid .span14 { width: 117.12707181500001%; *width: 117.0738803256383%; } .row-fluid .span13 { width: 108.563535904%; *width: 108.5103444146383%; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } input, textarea, .uneditable-input { margin-left: 0; } input.span16, textarea.span16, .uneditable-input.span16 { width: 962px; } input.span15, textarea.span15, .uneditable-input.span15 { width: 900px; } input.span14, textarea.span14, .uneditable-input.span14 { width: 838px; } input.span13, textarea.span13, .uneditable-input.span13 { width: 776px; } 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; } } @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; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } [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; } } @media (max-width: 481px) { .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 { padding: 10px; margin: -10px; } .carousel-caption { position: static; } } @media (min-width: 900px) and (max-width: 979px) { .menu-main ul .menu-item {height: 94px} .menu-main ul .menu-item a{font-size: 14px} .portrowed1 .view img, .portrowed1 .view {max-width: 100%; height: auto} .portrowed1 .element .desc {max-width: 100%;} .portrowed2 .element {width: 47%; height: auto} .portrowed2 .view {max-width: 100%; height: auto} .portrowed3 .element {width: 270px; height: auto} .portrowed3 .view {width: 270px; height: auto} .portrowed4 .element {width: 200px; height: auto} .portrowed4 .view {width: 200px; height: auto} .contactname input, .contactemail input {width: 97.9% !important} .contactmessage textarea {width: 98% !important} .contact_widget .list_contacts {width: 97.9% !important} .widget_flickr img {width: 62px;} #thumb-tray {width: 780px} } @media (min-width: 815px) and (max-width: 899px) { .menu-main ul .menu-item {height: 94px} .menu-main ul .menu-item a{font-size: 14px} .contactname input, .contactemail input {width: 97.9% !important} .contactmessage textarea {width: 98% !important} .widget_flickr img {width: 56px;} .portrowed2 .element {width: 47%;} #thumb-tray {width: 700px} .testimonials_list .jcarousel-item {width: 400px;} .oneByOne-wrapper1 .oneByOne_item .text5 {font-size: 50px !important} .oneByOne-wrapper1 .oneByOne_item .slide3 .text8 {width: 69.2% !important} } @media (min-width: 768px) and (max-width: 815px) { .container {padding: 40px 15px 15px 15px} .fullScreenSlideshowNav .row {margin-left: -5px} .header .container {padding: 0px 15px} .logo {padding: 25px 0 17px;} .menu-main ul .menu-item a{font-size: 13px} .menu-main ul .menu-item a {padding: 36px 12px 25px;} .menu-main ul {right: -15px;} #wrapper .oneByOne1 {height: 320px;} .portrowed1 .view img, .portrowed1 .view, .portrowed1 .mask {max-width: 100%; width: 98%; height: auto} .portrowed1 .element .desc {max-width: 100%;} .portrowed2 .element {width: 46%;} .portrowed2 .view {height:auto} .portrowed3 .element {width: 220px;} .portrowed3 .view {width: 220px;} .portrowed4 .element {width: 162px;} .portrowed4 .view {width: 162px;} .contactname input, .contactemail input {width: 97.9% !important} .contactmessage textarea {width: 97.8% !important} .widget_flickr a.last {margin-right: 6px;} .portfolio .carouselslider-wrap {max-width: 495px;} .carouselslider li, .carouselslider li .view {width: 225px;} .portfolio .carouselslider-wrap li, .portfolio .carouselslider-wrap li .view, .portfolio .view .mask {width: 150px; height: 115px} .testimonials_list .jcarousel-item {width: 335px;} .testimonials_list .testimonials-item .testimonials-content {overflow:visible;} #thumb-tray {width: 606px} .oneByOne-wrapper1 .oneByOne_item .text5 {font-size: 50px !important} .oneByOne-wrapper1 .oneByOne_item .slide3 .text8 {width: 69.2% !important} .our_clients .carouselslider-wrap ul li {width: 163px} } @media (max-width: 767px) { body {padding-left: 0px; padding-right: 0px;} .fullScreenSlideshowNav .row {margin-left: 30px} .container {padding: 40px 20px 15px 20px} .menu-main ul {right: -15px;} #slideshow {height: 280px;} #slideshow h5 {font-size: 18px;} .supersizecaption {height: 250px} #slidecaption h1 {font-size: 20px; letter-spacing: 0px} #slidecaption p {font-size: 14px} .portrowed1 .view img, .portrowed1 .view, .portrowed1 .mask {max-width: 100%; width: 98%; height: auto} .portrowed1 .element .desc {max-width: 100%;} .portrowed2 .element {width: 45%; height: auto;} .portrowed3 .element {width: 200px; height: auto;} .portrowed3 .view {width: 200px; height: auto;} .portrowed4 .element {width: 162px; height: auto;} .portrowed4 .view {width: 162px; height: auto;} .portrowed2 img {height:auto !important} .portrowed3 img {height:auto !important} .portrowed4 img {height:auto !important} .video_frame {width: 240px;height: 150px;} #main-menu {display: none} #responsive_menu {display:block; right: 0px;} .style_panel {display:none !important;} .oneByOne-wrapper1, .oneByOne-wrapper1 .oneByOne1 {height: 220px !important;} .oneByOne-wrapper1 .oneByOne1 .text5, .oneByOne-wrapper1 .oneByOne1 .text5 {font-size: 34px !important; line-height: 30px !important;} .oneByOne-wrapper1 .oneByOne_item .slide3 .text8 {width: 69.2% !important} .oneByOne-wrapper1 .oneByOne_item .text7, .oneByOne-wrapper1 .oneByOne_item .text6 {font-size: 12px;} .oneByOne-wrapper1 .slide3 .video_frame {height: 200px; display: none !important;} .oneByOne-wrapper1 .form-wrap {width: 98% !important} .oneByOne-wrapper2, .oneByOne-wrapper2 .oneByOne2 {height: 280px !important;} .oneByOne-wrapper2 .oneByOne2 .oneByOne_item h2 {font-size: 26px; line-height: 77px;} .oneByOne-wrapper2 .oneByOne2 .oneByOne_item p {font-size: 16px; line-height: 16px;} .oneByOne-wrapper2 .oneByOne2 .oneByOne_item h1 {font-size: 22px; line-height: 16px;} .portfolio .carouselslider-wrap {max-width: 100%;} .contentarea h1, h1 {font-size: 28px; line-height: 28px;} .contentarea h2, h2 {font-size: 22px;} .contentarea h3, h3 {font-size: 18px;} .contentarea h4, h4 {font-size: 15px;} .contentarea h5, h5 {font-size: 13px;} .contentarea h6, h6 {font-size: 15px;} .slogan {font-size: 15px; padding: 0px 0px 5px; letter-spacing: 0px} .accordeon .shortcode_accordeon_item_title .accordion-opener {font-size: 18px;} .shortcode_column.one_fourth{float:none; width: 100%; margin-right: 0;} .shortcode_column.one_thirds{float:none; width: 100%; margin-right: 0;} .shortcode_column.one_half{float:none; width: 100%; margin-right: 0;} .shortcode_column.two_thirds{float:none; width: 100%; margin-right: 0;} .shortcode_column.one_third{float:none; width: 100%; margin-right: 0;} .shortcode_column.three_fourth{float:none; width: 100%; margin-right: 0;} .portrowed1 .element .desc {margin: 0 0 15px 0px;} .portrowed2 .element {width: 43%; height: auto} .portrowed2 .view {height: auto} .portrowed4 .view, .portrowed4 .view img {width: auto;} .portrowed4 .element {height: auto; width: 45% !important;} #respond {width: 100%} .ourteamcont .item {width: 220px} .ourteamcont .carouselslider li, .ourteamcont .carouselslider li .view {width: 230px; height: auto;} .ourteamcont .carouselslider li .social li {width: auto;} .portfolio img, .portfolio .view, .portfolio .view .mask, .portfolio .carouselslider-wrap li {width: 200px !important; height: 145px !important;} .contactname input, .contactemail input {width: 97.9% !important} .contactmessage textarea {width: 98% !important} .widget_flickr a.last {margin-right: 6px;} .carouselslider li, .carouselslider li .view {width: 210px} .our_clients .carouselslider-wrap ul li {width: 129px; height: 63px;} .testimonials_list .jcarousel-item {width: 710px;} .testimonials_list .testimonials-item .testimonials-content {overflow:visible;} #thumb-tray {width: 100%} .featured_posts .carouselslider li, .featured_posts .carouselslider li .view {width: 210px} #thumb-tray {width: 100% !important} } @media (max-width: 490px) { #slideshow {height: 150px;} .oneByOne-wrapper2, .oneByOne-wrapper2 .oneByOne2 {height: 200px !important;} .oneByOne-wrapper2 .oneByOne2 .text1 {font-size: 15px;} .oneByOne-wrapper2 .oneByOne2 .text2, .oneByOne-wrapper2 .oneByOne2 .text3 {display: none !important; font-size: 12px;} .oneByOne-wrapper2 .oneByOne2 .oneByOne_item h2 {font-size: 16px; line-height: 16px;} .oneByOne-wrapper2 .oneByOne2 .oneByOne_item p {font-size: 14px; line-height: 14px;} .oneByOne-wrapper2 .oneByOne2 .oneByOne_item h1 {font-size: 15px; line-height: 16px;} .oneByOne-wrapper1 .slide3 .form-wrap .text5 {font-size: 20px !important; line-height: 17px !important; margin-bottom: 7px !important} .oneByOne-wrapper1 .slide3 .text8 {width: 57.2% !important} .oneByOne-wrapper1 .slide3 textarea {margin-bottom: 7px !important;} .header .container {padding:0px 10px;} .logo {width: 57%; padding-left: 0px; height: 58px;} .contentarea h1, h1 {font-size: 18px; line-height: 18px;} .contentarea h2, h2 {font-size: 16px;} .contentarea h3, h3 {font-size: 16px;} .contentarea h4, h4 {font-size: 16px;} .cameraContents {display:none;} .slogan {font-size: 12px;} .shortcode_purchase .purchase_btn {margin-bottom: 10px; text-align: center; width: 90%; font-size: 15px;} .shortcode_purchase p {font-size: 12px; text-align:center;} .shortcode_purchase p span {font-size: 12px; text-align:center;} .fullScreenSlideshowNav .camera_caption h5 {font-size: 14px !important; line-height: 20px !important; } .fullScreenSlideshowNav .camera_caption p {font-size: 12px !important; line-height: 20px !important;} .footer .social {display:none;} .footer .container {padding-top: 3px; padding-bottom: 3px; border-top: 3px solid #f5f5f5 !important;} .social_responsive_toggle {display:block;} .subfooter {display:none;} .ourteamcont .item {width: 220px} .portrowed1 .view img, .portrowed1 .view, .portrowed1 .mask {max-width: 100%; width: 98%; height: auto} .portrowed1 .element .desc {max-width: 98%;} .portrowed2 .element {width: 95%;} .portrowed3 .element {width: 95%;} .portrowed3 .view {width: 95%;} .portrowed4 .element {width: 95% !important;} .portrowed4 .view {width: 95% !important;} .social_responsive .container {padding: 3px 9px;} .footer .container {padding: 3px 9px; border-top: 3px solid #f5f5f5 !important;} blockquote {width: 100% !important; float:none !important;} #respond .postcomment {font-size: 20px; line-height: 24px;} #comments .commentlist .children {margin: 0px;} #comments .commentlist .comment-post p {overflow:visible;} #comments .commentlist .comment-post img {margin: 4px 20px 5px 0px;} .conteiner {padding:20px 35px 15px;} .contact_widget .list_contacts {width: 97.9% !important} .carouselslider li, .carouselslider li .view {width: 210px} #slidecaption h1 {font-size: 16px !important} #slidecaption p {font-size: 12px !important} .oneByOne_item .text5, .oneByOne_item .text6, .oneByOne_item .text7 {left: 6%; padding: 2px 7px !important;} .our_clients .carouselslider-wrap ul li {width: 127px; height: 64px;} .testimonials_list .jcarousel-item {width: 420px;} .testimonials_list .testimonials-item .testimonials-content {overflow:visible;} .featured_posts .carouselslider li, .featured_posts .carouselslider li .view {width: 210px} .portfolio .carouselslider li, .portfolio .carouselslider li .view{width: 236px !important; height: 142px !important;} .oneByOne_item .device {visibility: hidden} .fullScreenSlideshowNav {position: relative; width: 100%; height: 180px; margin: 0 auto;} .fullScreenSlideshowNav .container .row .span16 {height: 180px;} #fullScreenSlideshow {height: 180px} #fullScreenMapContainer {position: relative; width: 100%; height: 140px; margin: 0 auto;} .supersizecaption {height: 177px} .portfolio-supersizecaption {height: 270px} } @media (max-width: 360px) { #slideshow {height: 145px;} .oneByOne-wrapper2 .oneByOne2 .text1 {font-size: 14px; padding: 0px 10px; margin: 0px 10px; left: 0px; text-align: center} .oneByOne-wrapper2 .oneByOne2 .text2, .oneByOne-wrapper2 .oneByOne2 .text3 {font-size: 11px; padding: 0px 6px} .oneByOne-wrapper1 .oneByOne1 .text5 {display: none} .oneByOne-wrapper1 .oneByOne1 p {display: none} .oneByOne-wrapper1 .oneByOne1 .text8, .oneByOne-wrapper1 .oneByOne1 .text9, .oneByOne-wrapper1 .oneByOne1 .text10 {width: 90% !important} .oneByOne-wrapper1 .slide3 .text8 {width: 90% !important} .ourteamcont .item {width: 280px} .ourteamcont .item .teamava a img {height: 95px} .shortcode_purchase p {font-size: 12px; text-align:center;} .shortcode_purchase p span {font-size: 12px; text-align:center;} .fullScreenSlideshowNav .camera_caption h5 {font-size: 14px !important; line-height: 20px !important; } .fullScreenSlideshowNav .camera_caption p {font-size: 12px !important; line-height: 20px !important;} .container {padding: 40px 20px 15px} .carouselslider li, .carouselslider li .view {width: 280px !important; height: 200px;} .portfolio .carouselslider li, .portfolio .carouselslider li .view {width: 300px; height: 220px;} .testimonials_list .jcarousel-item {width: 290px; height: auto;} .testimonials_list .testimonials-item .testimonials-content {overflow:visible;} .our_clients .carouselslider-wrap ul li {width: 128px !important; height: 70px;} .ourteamcont .carouselslider li, .ourteamcont .carouselslider li .view {width: 135px; height: auto;} .ourteamcont .carouselslider li .social li {width: 28px !important;} .oneByOne_item .text1 { top: 59.5%; left: 1%;} .oneByOne_item .text2 {top: 68.9%;left: 2%;} .oneByOne_item .text3 {top: 78%;left: 1%;} .shortcode_tabs .nav-tabs a {font-size: 10px} .shortcode_portfolio .optionset li a {font-size: 11px} .portfolio .carouselslider li img {width: 100%;} .portfolio .carouselslider li, .portfolio .carouselslider li .view{width: 236px !important; height: 172px;} .video_frame {width: 100%;height: 180px;} .featured_posts li .img img {height: 107px; max-width: 100%; width: 278px;} .featured_posts .carouselslider li, .featured_posts .carouselslider li .view {width: 210px} .portfolio img, .portfolio .view, .portfolio .view .mask, .portfolio .carouselslider-wrap li {height: auto !important} .span4 textarea, .span8 textarea {width: 95%} img.alignleft, img.alignright {width: 50%} .header .container {height: 70px} .pagerblock li a {width: 24px; height: 24px} #responsive_menu li {padding: 36px 35px 11px;} #responsive_menu li:hover, #responsive_menu li.active {padding-top: 48px;} .header .container .logo {padding: 15px 0px} #fullScreenMap {height: 180px} #supersized {margin-left: 0 !important;} .supersizecaption {height: 177px} .portfolio-supersizecaption {height: 220px} .portrowed4 .view h5, .portrowed3 .view h5, .portrowed2 .view h5, .portrowed1 .view h5 {font-size: 18px; top: 18%} .portrowed4 .view p, .portrowed3 .view p, .portrowed2 .view p, .portrowed1 .view p {display: none} .portrowed4 .view p.view-block, .portrowed3 .view p.view-block, .portrowed2 .view p.view-block, .portrowed1 .view p.view-block {display: block; bottom: 23%; left: 22%;} #slidecaption {padding: 18px 30px 32px 20px !important; width: 90%} .widget_flickr img {width: 81px;} #tray-button, #thumb-list {display: none !important} } @media (max-width: 260px) { .oneByOne-wrapper2 .oneByOne2 .text1 {font-size: 12px; padding: 0px 6px; left: 0px} .testimonials_list .jcarousel-item {width: 220px; height: auto !important;} .testimonials_list .testimonials-item .testimonials-content {overflow:visible;} .our_clients .carouselslider-wrap ul li {width: 89px !important; height: 50px;} .our_clients .carouselslider li, .our_clients .carouselslider li .view {height: 54px !important} .textarea {width: 90% !important} .featured_posts li .img img { height: 85px;max-width: 100%;width: 220px;} .carouselslider li, .carouselslider li .view {width: 220px !important; height: 160px !important;} .ourteamcont .carouselslider li, .ourteamcont .carouselslider li .view {width: 220px; height: auto;} .ourteamcont .carouselslider li .social li {width: auto;} }