/* * Based on Skeleton by Dave Gamache (www.getskeleton.com) */ /* Table of Contents */ /* Tablet (Portrait) Mobile (Portrait) Mobile (Landscape) */ /* Tablet (Portrait) */ /* Note: Design for a width of 768px, Gutter: 30px, column: 34px */ @media only screen and (min-width: 768px) and (max-width: 959px) { #main-content #container #slideshow_big .container, #main-content #top-header-content, #main-content #header-content, #main-content #footer, #main-content #socket, #main-content #footer-twitter, .boxed-layout { width: 768px; } .big-image-post-image, .big-image-post, .big-image-post-image img { width: 768px; height: 411px; } .content-page-full { width: 708px; } .content-page { width: 442px; } .rounded-box-page-full .post-content { width: 628px; } #header .container { width: 768px; } .container { width: 768px; } #big-map-holder-content { width: 768px; } #main-content #page-title-block, #page-title { width: 100%; } #main-content #page-title-content { width: 768px; margin: 0 auto; } .rounded-box-page-full, #socket .container { width: 768px; } #footer div.one_third, .widget .widget-title { width: 236px; } .widget, .widget ul li { width: 176px; } .widget ul#flickr_widget li { height: 58px; width: 58px; } .widget ul#flickr_widget li img, .widget .flickr_images { width: 52px; height: 52px; } div.two_third_rounded, .rounded-box-page .flexslider.gall-img { width: 502px; } div.one_third_rounded { width: 236px; } .rounded-box-page { width: 502px; } .post-content-box { margin-top: 0px; margin-left: 184px; } .post .rounded-box-page-full .post-content-box { width: 706px; } .post .rounded-box-page-full .gall-img { width: 768px; height: 315px; } .widget .widget-title h4 { font-size: 16px; } select, .ajax_form .select, .entry-content select, .mobileMenu{ width: 41.5%; min-width: 176px; } .container .one.column { width: 26px; } .container .two.columns { width: 83px; } .container .three.columns { width: 139px; } .container .four.columns { width: 196px; } .container .five.columns { width: 252px; } .container .six.columns { width: 309px; } .container .seven.columns { width: 365px; } .container .eight.columns { width: 421px; } .container .nine.columns { width: 478px; } .container .ten.columns { width: 535px; } .container .eleven.columns { width: 591px; } .container .twelve.columns { width: 648px; } /* Offsets */ #top .offset-by-one { padding-left: 59px; } #top .offset-by-two { padding-left: 118px; } #top .offset-by-three { padding-left: 177px; } #top .offset-by-four { padding-left: 236px; } #top .offset-by-five { padding-left: 295px; } #top .offset-by-six { padding-left: 354px; } #top .offset-by-seven { padding-left: 413px; } #top .offset-by-eight { padding-left: 472px; } #top .offset-by-nine { padding-left: 531px; } #top .offset-by-ten { padding-left: 590px; } #top .offset-by-eleven { padding-left: 649px; } #gallery-holder div.one_half { margin-left: 1px; width: 353px; height: 257px; float:left; position:relative; margin-bottom: 1px; } #gallery-holder div.one_third { margin-left: 1px; width: 255px; height: 186px; float:left; position:relative; margin-bottom: 1px; } #gallery-holder div.one_fourth { margin-left: 1px; width: 191px; height: 139px; float:left; position:relative; margin-bottom: 1px; } #gallery-holder div.one_fifth { margin-left: 1px; width: 152px; height: 111px; float:left; position:relative; margin-bottom: 1px; } .one_fifth.gall-img .image-overlay, .one_fifth.gall-img img { width: 152px; height: 111px; } .one_fourth.gall-img .image-overlay, .one_fourth.gall-img img { width: 191px; height: 139px; } .one_third.gall-img .image-overlay, .one_third.gall-img img { width: 255px; height: 186px; } #normal-thumb-blog .post-preview .portfolio-image-holder { width: 524px; height: 268px; } #small-thumb-blog .post-preview .portfolio-image-holder { width: 157px; height: 157px; } #full-width-blog .post-preview .portfolio-image-holder { width: 708px; height: 362px; } #related-posts-image .portfolio-image-holder { width: 157px; height: 115px; } .entry-title span { width: 708px; } .partners-title { padding: 10px; background: #19D7E3 url(../images/pattern.png); padding-left: 30px; padding-top: 16px; padding-bottom: 16px;} .main_menu { float: right; margin-bottom: 30px; margin-top: 55px;} .main_menu i.icon-search { margin-top: 18px; } #top .mobileMenu { width: 380px; margin-left: 20px; margin-top: -13px; } #header-search { padding-top: 3px; } #centered-menu-holder { width: 708px; } .contactform textarea, .comment-form-comment textarea { width: 418px; } #respond .comment-form-comment textarea { width: 418px; } #contact-form #subject, #contact-form #email, #contact-form #contactName { max-width: 418px; } #map { width: 768px; } #search_field_block { width: 96px; } #template-blog-masonry div .one_third { overflow: hidden; margin-left: 0; padding-right: 4%; width: 46%; float: left; position: relative; margin-bottom: 20px; } #container-blog-two-col div.one_half { overflow: hidden; margin-left: 20px; width: 211px; float: left; position: relative; margin-bottom: 60px; } #template-blog-masonry #container-blog-two-col { width: 462px; position: relative; left: -20px; } #container-blog-full div.one_half { overflow: hidden; margin-left: 20px; width: 344px; float: left; position: relative; margin-bottom: 60px; padding-right: 0; } #container-blog-full div.one_third { overflow: hidden; margin-left: 20px; width: 222px; float: left; position: relative; margin-bottom: 60px; padding-right: 0; } #template-blog-masonry #container-blog-full { width: 728px; position: relative; left: -20px; } .post-preview { width: 100%; } .post-content-preview, .post-title { width: 362px; } .post-meta, #respond { width: 502px; } .post-v2 .post-content { width: 421px; float: left; } .post-preview .post-content { width: 100%; float: left; } .post-page-content { width: 421px; } .post-page-content .post-content { width: 421px; float: left; } .post-comments { width: 421px; float: left; } .meta-comments, .meta-category { display: none; } .comments { width: 441px; } #comments ul.children #respond { width: 501px; float: right; } a.gall-img img, .post-preview .rounded-box-page .gall-img, .post .rounded-box-page .gall-img { width: 502px; height: 209px; } .post-preview .rounded-box-page-full .gall-img, .post-preview .rounded-box-page-full a.gall-img img { width: 768px; height: 320px; } .post-preview .rounded-box-page-full .post-content-box { width: 708px; } .post-preview .rounded-box-page-full .post-meta { width: 768px; } .homepage-post-small-image {width: 64px; height: 64px; } .homepage-post-small-text { width: 121px; } #flex-posts .slides li p { display: none; } .project-page-content { width: 421px; } .project-page-content .post-content { width: 421px; float: left; } .inner_sidebar { width: 135px; } .inner_sidebar .widget { width: 135px; } ul.product_list_widget li img { display: none } .widget ul li:hover { width: 176px; } .one_fourth .portfolio-image img { width: 148px; height: 108px; } .one_third .portfolio-image img { width: 203px; height: 148px; } .one_half .portfolio-image img { width: 315px; height: 230px; } #portfolio .one_fourth { overflow: hidden; margin-left: 0; width: 175px; height: 210px; float:left; position:relative; margin-bottom: 0; padding-bottom: 0; } #portfolio .one_third { overflow: hidden; margin-left: 0; width: 236px; height: 260px; float:left; position:relative; margin-bottom: 0; padding-bottom: 0; } #portfolio .one_half { overflow: hidden; margin-left: 0; width: 372px; height: 355px; float:left; position:relative; margin-bottom: 0; padding-bottom: 0; } .one_third .project-title-content { margin-top: 121px; width: 216px; } .one_third .project-title-content .project-title-bg { width: 216px; } .one_half .project-title-content { margin-top: 198px; width: 324px; } .one_half .project-title-content .project-title-bg { width: 324px; } .project-title-content { display: none; } .one_fourth.rounded-box-project-four .project-meta p span { display: none; } .one_fourth.rounded-box-project-four .project-meta p span.project-link { display: inline; } #portfolio .one_fourth .portfolio-image-holder { width: 176px; height: 128px; } #portfolio .one_fourth h5 { font-size: 12px; } #portfolio .one_third .portfolio-image-holder { width: 236px; height: 172px; } #portfolio .one_half .portfolio-image-holder { width: 372px; height: 271px; } #container-blog-two-col .one_half .blog-image { width: 211px; height: 69px; } #container-blog-full .one_half .blog-image { width: 344px; height: 108px; } #container-blog-full .one_third .blog-image { width: 222px; height: 90px; } #slogan .container { width: 708px; } .flexslider .slides li img { width: 768px; height: auto; } #error404 { width: 708px; } .full-boxed-pricing ul { width: 124.6px; } .sep-boxed-pricing ul li { width: 186px; } .caroufredsel_wrapper { width: 768px !important; height: 180px !important; } #projects-carousel div.one_fourth { width: 170px !important; height: 180px !important; } /* shop */ div.product { width: 442px; } div.product #tabs { width: 421px; } div.product div.summary, div.product div.summary, #content div.product div.summary { float: left; width: 421px; } div.product div.images, div.product div.images, #content div.product div.images { width: 421px; } div.product div.images img, div.product div.images img, #content div.product div.images img { width: 421px; height: auto; } div.product div.images div.thumbnails a img, div.product div.images div.thumbnails a img, #content div.product div.images div.thumbnails a img { width: 129px; height: auto; } div.product #tabs ul.tabs { width: 421px; } div.product .woocommerce_tabs ul.tabs { width: 442px; } div#reviews #comments { width: 390px; } div.product #tabs ul.tabs li { margin-bottom: 5px; } div.jigoshop_error, div.jigoshop_message { width: 604px; } #shop div.jigoshop_error, #shop div.jigoshop_message { width: 379px; } #template-blog div.jigoshop_error, #template-blog div.jigoshop_message { width: 380px; } #reviews #comments ol.commentlist li .comment-text { width: 290px; } .commentlist .comment { width: 360px; } .comment_container { width: 314px; } #shop .products ul, #shop ul.products { width: 421px; } .products ul, ul.products { width: 648px; } #main-wrapper .products ul, #main-wrapper ul.products { width: 648px; } #template-contact div.jigoshop_error, #template-contact div.jigoshop_message { width: 377px; } .shop_table .product-thumbnail { display: none; } #review_form { width: 480px; } .products li strong, .products li h3 { top: 30px; } .products li .price { top: 60px; } .products li a.button { top: 90px; } #shop .products li strong, .products li h3 { top: 160px; } #shop .products li .price { top: 200px; } #shop .products li a.button { top: 240px; } #shop .products li { width: 421px; margin-left: 0; } /* CountDown */ #countdown { width: 568px; height: 150px; } .countdown_section { width: 105px; } .countdown_amount { font: normal 70px/97px 'Armata',"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; } /* Featured List Slider */ #slideshow_big { overflow: hidden; } .featured-horizontal-slider-content { width: 768px; height: 425px; } #featured_horizontal { width: 100%; height: 391px; } #featured_horizontal div#feature_list, #featured_horizontal ul#output_horizontal, #featured_horizontal ul#tabs_horizontal { width: 768px; } #featured_horizontal ul#output_horizontal img { width: 768px; height: auto; } #featured_horizontal ul#output_horizontal { height: 391px; } #featured_horizontal div#feature_list { height: 435px; } #featured_horizontal ul#tabs_horizontal li div.tabs-link, #featured_horizontal ul#tabs_horizontal li { width: 192px; height: 40px; padding-left: 0; padding-bottom: 0; padding-right: 0; } #featured_horizontal ul#tabs_horizontal li div.tabs-link p { display: none; } #featured_horizontal .title { width: 100%; text-align: center; font-size: 16px; } #featured_horizontal ul#tabs_horizontal li div.tabs-link { padding-top: 12px; } div#feature_list, div#featured { width: 768px; height: 400px; } #featured ul#output, #featured ul#output li img, #featured ul#output li { width: 548px; height: 400px; } #featured ul#tabs { width: 220px; } #featured ul#tabs li div.tabs-link { height: 55px; padding-top: 20px; } #featured ul#tabs li div.tabs-link p { display: none; } #featured .title { font-size: 16px; } #featured_horizontal ul#tabs_horizontal { height: 50px; } .tabs-link span { display: none; } .tabs-link span.title { display: inline; } /* Pricing Table */ .full-boxed-pricing ul { width: 148px; } .sep-boxed-pricing ul li { width: 225.2px; } } /* Mobile (Portrait) */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { #main-content #container #slideshow_big .container, #main-content #top-header-content, #main-content #header-content, #main-content #footer, #main-content #socket, #main-content #footer-twitter, .boxed-layout { width: 300px; } .container, .widget .widget-title, #footer div.one_third { width: 300px; } #footer div.one_third { margin-left: 0; } .rounded-box-page-full, #socket .container, .rounded-box-page { width: 300px; } .widget ul li, .widget, .widget ul li:hover { width: 240px; } #page-title, #main-content #page-title-content, #main-content #page-title-block { width: 100%; } #big-map-holder-content, .rounded-box-page .flexslider .slides li img, .rounded-box-page .flexslider.gall-img, div.two_third_rounded, div.one_third_rounded{ width: 300px; } div.one_third_rounded { margin-left: 0; } #top .main_menu { float: left; margin-left: 0; margin-top: 0; margin-bottom: 80px; } #top .mobileMenu { width:270px; margin-left: 15px; margin-top: -13px; } #centered-menu-holder { width: 300px; } #main-content #page-title-content { width: 300px; margin: 0 auto; } select, .ajax_form .select, .entry-content select, .mobileMenu{ width: 41.5%; min-width: 240px; } #header-search, #layerslider{ display: none; } .columns, .column { margin: 0; } .widget ul#flickr_widget li { height: 80px; width: 80px; } .widget .flickr_images, .widget ul#flickr_widget li img { width: 74px; height: 74px; } .post-content-box { margin-top: 0px; margin-left: 70px; width: 151px; height: 151px;} .post-content-box-bg { width: 91px; height: 91px; } .post-content-box .post-title, .post-content-box p { width: 91px; } .post-content-box .post-title { margin-top: 20px; } .post-content-box p { display: none } .content-page-full { width: 240px; } .big-image-post, .big-image-post-image, .big-image-post-image img { width: 300px; height: 161px; } #top .one_third.team { width: 240px; } #top #header-content .full, #top #team .one_third.team { width: 300px; } .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, #top .one_fifth, #top .one_fourth, #top .one_third, #top .two_fifth, #top .one_half, #top .three_fifth, #top .two_third, #top .three_fourth, #top .four_fifth { margin-left: 0; margin-bottom: 30px; width: 240px; } #gallery-holder div.one_half, #gallery-holder div.one_fifth, #gallery-holder div.one_fourth, #gallery-holder div.one_third { margin-left: 0; width: 300px; height: 219px; float:left; position:relative; margin-bottom: 1px; } #top .vc_row-fluid .vc_span12, #top .vc_row-fluid .vc_span11, #top .vc_row-fluid .vc_span10, #top .vc_row-fluid .vc_span9, #top .vc_row-fluid .vc_span8, #top .vc_row-fluid .vc_span7, #top .vc_row-fluid .vc_span6, #top .vc_row-fluid .vc_span5, #top .vc_row-fluid .vc_span4, #top .vc_row-fluid .vc_span3, #top .vc_row-fluid .vc_span2, #top .vc_row-fluid .vc_span1 { width: auto; } #normal-thumb-blog .post-preview .portfolio-image-holder { width: 300px; height: 219px; } #small-thumb-blog .post-preview .portfolio-image-holder { width: 300px; height: 219px; } #full-width-blog .post-preview .portfolio-image-holder { width: 300px; height: 219px; } #related-posts-image .portfolio-image-holder { width: 240px; height: 123px; } .entry-title span { width: 300px; } #top h1 { font-size: 22px; line-height: 1.5em; } #top h2 { font-size: 20px; line-height: 1.5em; } #top h3 { font-size: 18px; line-height: 1.5em; } /*28*/ #top h4 { font-size: 16px; line-height: 1.5em; } /*21*/ #top h5 { font-size: 14px; line-height: 1.4em; } /*17*/ #top h6 { font-size: 12px; line-height: 1.3em; } #top .partners div.first { margin-bottom: 0; } #top .partners div.one_fifth { border-left: solid 1px #D9D9D9; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; margin-bottom: 0; } .error404-ag { font-size: 90px; } #top-bar .container .one.column, #top-bar .container .two.columns, #top-bar .container .two.columns, #top-bar .container .three.columns, #top-bar .container .four.columns, #top-bar .container .five.columns, #top-bar .container .six.columns, #top-bar .container .seven.columns, #top-bar .container .eight.columns, #top-bar .container .nine.columns, #top-bar .container .ten.columns, #top-bar .container .eleven.columns, #top-bar .container .twelve.columns, #top #top-bar .full, #top #top-bar .one_fifth, #top #top-bar .one_fourth, #top #top-bar .one_third, #top #top-bar .two_fifth, #top #top-bar .one_half, #top #top-bar .three_fifth, #top #top-bar .two_third, #top #top-bar .three_fourth, #top #top-bar .four_fifth { width: 300px; margin-left: 0; margin-bottom: 20px; } #top .post-content-box .full, #top .post-content-box .one_fifth, #top .post-content-box .one_third, #top .post-content-box .one_fourth, #top .post-content-box .one_fifth, #top .post-content-box .one_half, #top .post-content-box .three_fifth, #top .post-content-box .two_third, #top .post-content-box .three_fourth, #top .post-content-box .four_fifth { width: 240px; margin-left: 0; margin-bottom: 20px; } /* Offsets */ #top .offset-by-one, #top .offset-by-two, #top .offset-by-three, #top .offset-by-four, #top .offset-by-five, #top .offset-by-six, #top .offset-by-seven, #top .offset-by-eight, #top .offset-by-nine, #top .offset-by-ten, #top .offset-by-eleven{ padding-left: 0; } .partners div { text-align: center; } .partners-title { padding: 10px; background: #19D7E3 url(../images/pattern.png); padding-left: 30px; margin-right: 20px; padding-top: 16px; padding-bottom: 16px;} .partner-arrow { margin-right: 20px; } .top-info {float: left;} .top-info span {margin-left: 0; margin-right: 20px;} .partners .partners_images { float: none; } .contactform textarea, .comment-form-comment textarea { max-width: 216px; } #contact-form #subject { max-width: 216px; } .input-textarea, .comment_input { max-width: 100%; } #map, .post .rounded-box-page-full .post-meta { width: 300px; } #icon-home { display: none; } #search_field_block { width: 160px; } #template-blog-masonry div .one_third { overflow: hidden; margin-left: 0; padding-right: 0; width: 300px; float: left; position: relative; margin-bottom: 20px; } #container-blog-two-col div.one_half { overflow: hidden; margin-left: 0; width: 300px; float: left; position: relative; margin-bottom: 60px; padding-right: 0; } #template-blog-masonry #container-blog-two-col { width: 300px; float: left; left: 0; } #container-blog-full div.one_half { overflow: hidden; margin-left: 0; width: 300px; float: left; position: relative; margin-bottom: 60px; padding-right: 0; } #container-blog-full div.one_third { overflow: hidden; margin-left: 0; width: 300px; float: left; position: relative; margin-bottom: 60px; padding-right: 0; } #template-blog-masonry #container-blog-full { width: 300px; float: left; left: 0; } a.gall-img img, .post-preview .rounded-box-page .gall-img, .post-preview .rounded-box-page-full a.gall-img img, .post-preview .rounded-box-page-full .gall-img { width: 300px; height: 125px; } .post-v2 { width: 240px; } .post-preview { width: 100%; } .post-meta, .post-preview .rounded-box-page-full .post-meta { width: 300px; } .meta-date, .meta-category, .meta-comments { display: none; } .post-v2 .post-content { width: 240px; float: left; } .post-preview .post-content { width: 100%; float: left; } .post-page-content { width: 240px; } .post-page-content .post-content { width: 240px; float: left; } .post-comments { width: 240px; float: left; } .homepage-post-small-text { width: 159px; } .homepage-post-small-image {width: 64px; height: 64px; } .project-page-content { width: 240px; } .project-page-content .post-content { width: 240px; float: left; } #comments { width: 300px; } .comments { width: 240px; } .comment_here { width: 300px; } .comment_here .contactform textarea{ width: 216px; } #comments ul.children #respond { width: 300px; float: right; } #price-table .pack { width: 100%; } #footer .widget { width: 240px; } #filters { display: none; } #portfolio .one_fourth { overflow: hidden; margin-left: 0; width: 300px; height: 312px; float:left; position:relative; margin-bottom: 0; padding-bottom: 0; } #portfolio .one_third { overflow: hidden; margin-left: 0; width: 300px; height: 312px; float:left; position:relative; margin-bottom: 0; padding-bottom: 0; } #portfolio .one_half { overflow: hidden; margin-left: 0; width: 300px; height: 312px; float:left; position:relative; margin-bottom: 0; padding-bottom: 0; } .one_fourth .portfolio-image img { width: 300px; height: 219px; } .one_third .portfolio-image img { width: 300px; height: 219px; } .one_half .portfolio-image img { width: 300px; height: 219px; } .one_fifth.gall-img .image-overlay, .one_fifth.gall-img img { width: 300px; height: 219px; } .one_fourth.gall-img .image-overlay, .one_fourth.gall-img img { width: 300px; height: 219px; } .one_third.gall-img .image-overlay, .one_third.gall-img img { width: 300px; height: 219px; } #portfolio .one_fourth .portfolio-image-holder, #portfolio .one_third .portfolio-image-holder, #portfolio .one_half .portfolio-image-holder { width: 300px; height: 219px; } #projects-carousel div.one_fourth { width: 300px !important; height: 312px !important; } .caroufredsel_wrapper { width: 300px !important; height: 312px !important; } #next, #prev { margin-top: 250px; } .post .rounded-box-page .gall-img, .post .rounded-box-page-full a.gall-img img, .post .rounded-box-page-full .gall-img { width: 300px; height: 125px; } .frame_center, .frame_center img, .frame_left, .frame_left img, .frame_right, .frame_right img { width: 222px; height: auto; } .project-title-content, .one_third .project-title-content, .one_half .project-title-content { margin-top: 141px; width: 240px; } .project-title-content .project-title-bg, .one_third .project-title-content .project-title-bg, .one_half .project-title-content .project-title-bg { width: 240px; } #container-blog-two-col .one_half .blog-image { width: 300px; height: 95px; } #container-blog-full .one_half .blog-image { width: 300px; height: 95px; } #container-blog-full .one_third .blog-image { width: 300px; height: 95px; } #top #slogan .container .full, #top #slogan .container { width: 300px; } #flex-posts .three_fifth { width: 100%; } #flex-posts .two_fifth { display: none; } #error404, .content-page, .rounded-box-page-full .post-content, .post-content-preview, .post-title { width: 240px; } .post-content, .post-content-preview { padding: 30px 30px; } .top-menu .seven { display: none; } .logo-container .four, .main_menu i.icon-search { display: none; } #top .logo { margin-left: 4px; text-align: center; margin-bottom: 17px; } .full-boxed-pricing ul { width: 219px; } .full-boxed-pricing .column { border-right: 1px solid #E5E4E3; margin-bottom: 20px; } .sep-boxed-pricing ul li { width: 219px; } .sep-boxed-pricing .column { margin-bottom: 20px; } #contact-form #email { max-width: 216px; } #contact-form #contactName { max-width: 216px; margin-right: 0; } .input-textarea, #author, #email, #url { max-width: 218px; margin-right: 0; } #image-desc, #slidecounter, #supersized-arrow, #top-social { display: none; } #image-desc-centered { width: 300px; position: fixed; left: 50%; margin-left: -150px; bottom: 0; margin-bottom: 70px; } #slidecaption { font-size: 32px; } #slidedesc { font-size: 12px; } .ib-preview-descr, .tf_content, .tf_thumbs { display: none; visibility: hidden; } .tf_next, .tf_prev { right: 30px; } .tf_next { margin-bottom: 100px; } .tf_prev { margin-bottom: 200px; } /* shop */ div.product { width: 240px; } div.product #tabs { width: 240px; } div.product div.summary, div.product div.summary, #content div.product div.summary { float: left; width: 240px; } div.product div.images, div.product div.images, #content div.product div.images { width: 240px; } div.product div.images img, div.product div.images img, #content div.product div.images img { width: 240px; height: auto; } div.product div.images div.thumbnails a img, div.product div.images div.thumbnails a img, #content div.product div.images div.thumbnails a img { width: 73px; height: auto; } div.product #tabs ul.tabs { width: 240px; } div.product .woocommerce_tabs ul.tabs { width: 240px; } div#reviews #comments { width: 208px; } div.product #tabs ul.tabs li { margin-bottom: 5px; } .products li, #main .products li { margin-left: 0; width: 100%; } #template-blog .products li { margin-left: 0; width: 100%; } div.jigoshop_error, div.jigoshop_message { width: 198px; } #shop div.jigoshop_error, #shop div.jigoshop_message { width: 198px; } #template-blog div.jigoshop_error, #template-blog div.jigoshop_message { width: 198px; } .col2-set .col-1 { width: 100%; } .col2-set .col-2 { width: 100%; } #main .products li { width: 100%; margin-left: 0; } #reviews #comments ol.commentlist li .comment-text { width: 114px; } .products ul, ul.products { width: 240px; } #main .products ul, #main ul.products { width: 240px; } #template-contact .products li { margin-left: 0; width: 100%; } #main-wrapper .products ul, #main-wrapper ul.products { width: 240px; } #template-contact div.jigoshop_error, #template-contact div.jigoshop_message { width: 195px; } .shop_table .product-thumbnail, .shop_table .product-remove, .shop_table .product-subtotal, .shop_table .product-quantity { display: none; } .shop_table .product-name { border-left: solid 1px #484848; } #review_form { width: 300px; } .comment_container { width: 138px; } .commentlist .comment { width: 188px; } .products li strong, .products li h3 { top: 60px; } .products li .price { top: 100px; } .products li a.button { top: 140px; } #main .related .products li { width: 100%; margin-left: 0; } .top-menu-container .two_third { display: none; } #top .top-menu-container .one_third { width: 300px; } #top .top-menu-container .one_third p { width: 300px; float: left; text-align: center; } #social-bar .footer-social-box .two_third { margin-bottom: 20px; } #top .top-menu-container .one_third p a { clear: both; width: 300px; text-align: center; } /* CountDown */ #countdown { width: 160px; height: 50px; } .countdown_section { width: 24px; } .countdown_amount { font: normal 12px/27px 'Armata',"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; } .countdown_section { font: normal 4px/5px 'Armata',"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; } #under-construction h2 { font-size: 20px; } #under-construction .full { width: 160px; } .top-menu .social_bookmarks { display: none; } .dg-container { display: none; } /* Featured List Slider */ div#featured, div#featured_horizontal { display: none; } /* Pricing Table */ .full-boxed-pricing ul { width: 299px; } .full-boxed-pricing .column { border-right: 1px solid #E5E4E3; margin-bottom: 20px; } .sep-boxed-pricing ul li { width: 299px; } .sep-boxed-pricing .column { margin-bottom: 20px; } } /* Mobile (Landscape) */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { #main-content #container #slideshow_big .container, #main-content #top-header-content, #main-content #header-content, #main-content #footer, #main-content #socket, #main-content #footer-twitter, .boxed-layout { width: 420px; } .container, .widget .widget-title, #footer div.one_third { width: 420px; } #page-title, #main-content #page-title-content, #main-content #page-title-block, #top .page-title.full { width: 100%; } #big-map-holder-content, .rounded-box-page .flexslider .slides li img, .rounded-box-page .flexslider.gall-img, div.two_third_rounded, div.one_third_rounded{ width: 420px; } .widget ul li, .widget, .widget ul li:hover { width: 360px; } .rounded-box-page { width: 420px;} #big-map-holder-content, .rounded-box-page-full, #socket .container { width: 420px; } div.one_third_rounded { width: 420px; margin-left: 0; } #top .logo { text-align: center; margin-bottom: 17px; } .content-page-full { width: 360px; } #top .logo a { float: none; width: 420px; height: auto; } #top .logo img { float: none; } #top .main_menu { float: left; margin-left: 0; margin-top: 0; margin-bottom: 30px; } #top .mobileMenu { width: 390px; margin-left: 15px; margin-top: -13px;} #centered-menu-holder { width: 420px; } #header-search, #layerslider, .main_menu i.icon-search { display: none; } select, .ajax_form .select, .entry-content select, .mobileMenu{ width: 41.5%; min-width: 360px; } #main-content #page-title-content { width: 420px; margin: 0 auto; } .columns, .column { margin: 0; } .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, #top .full, #top .one_fifth, #top .one_fourth, #top .one_third, #top .two_fifth, #top .one_half, #top .three_fifth, #top .two_third, #top .three_fourth, #top .four_fifth { width: 360px; margin-left: 0; margin-bottom: 30px; } #top .one_third.team { width: 360px; } #top #header-content .full, #top #team .one_third.team { width: 420px; margin-bottom: 50px !important;} #top #page-tagline .full { width: 420px; } #top-bar .container .one.column, #top-bar .container .two.columns, #top-bar .container .two.columns, #top-bar .container .three.columns, #top-bar .container .four.columns, #top-bar .container .five.columns, #top-bar .container .six.columns, #top-bar .container .seven.columns, #top-bar .container .eight.columns, #top-bar .container .nine.columns, #top-bar .container .ten.columns, #top-bar .container .eleven.columns, #top-bar .container .twelve.columns, #top #top-bar .full, #top #top-bar .one_fifth, #top #top-bar .one_fourth, #top #top-bar .one_third, #top #top-bar .two_fifth, #top #top-bar .one_half, #top #top-bar .three_fifth, #top #top-bar .two_third, #top #top-bar .three_fourth, #top #top-bar .four_fifth { width: 420px; margin-left: 0; margin-bottom: 30px; } #top .post-content-box .full, #top .post-content-box .one_fifth, #top .post-content-box .one_third, #top .post-content-box .one_fourth, #top .post-content-box .one_fifth, #top .post-content-box .one_half, #top .post-content-box .three_fifth, #top .post-content-box .two_third, #top .post-content-box .three_fourth, #top .post-content-box .four_fifth { width: 320px; margin-left: 0; margin-bottom: 20px; } #footer div.one_third { margin-left: 0; } #gallery-holder div.one_half, #gallery-holder div.one_fifth, #gallery-holder div.one_fourth, #gallery-holder div.one_third { margin-left: 0; width: 420px; height: 306px; float:left; position:relative; margin-bottom: 1px; } #normal-thumb-blog .post-preview .portfolio-image-holder { width: 360px; height: 184px; } #small-thumb-blog .post-preview .portfolio-image-holder { width: 360px; height: 360px; } #full-width-blog .post-preview .portfolio-image-holder { width: 360px; height: 184px; } .entry-title span { width: 420px; } .content-page { width: 360px; } .post-content { padding: 30px 30px; } .rounded-box-page-full .post-content { width: 360px; } .post-content-preview { width: 360px; padding: 30px 30px; } #related-posts-image .portfolio-image-holder { width: 360px; height: 184px; } #top .vc_row-fluid .vc_span12, #top .vc_row-fluid .vc_span11, #top .vc_row-fluid .vc_span10, #top .vc_row-fluid .vc_span9, #top .vc_row-fluid .vc_span8, #top .vc_row-fluid .vc_span7, #top .vc_row-fluid .vc_span6, #top .vc_row-fluid .vc_span5, #top .vc_row-fluid .vc_span4, #top .vc_row-fluid .vc_span3, #top .vc_row-fluid .vc_span2, #top .vc_row-fluid .vc_span1, { width: auto; } #top h1 { font-size: 22px; line-height: 1.5em; } #top h2 { font-size: 20px; line-height: 1.5em; } #top h3 { font-size: 18px; line-height: 1.5em; } /*28*/ #top h4 { font-size: 16px; line-height: 1.5em; } /*21*/ #top h5 { font-size: 14px; line-height: 1.4em; } /*17*/ #top h6 { font-size: 12px; line-height: 1.3em; } .post-content-box { margin-top: 0px; margin-left: 102px; width: 215px; height: 215px;} .post-content-box-bg { width: 155px; height: 155px; } .post-content-box .post-title, .post-content-box p { width: 155px; } .post-content-box .post-title { margin-top: 30px; } .post-content-box .excerpt-gallery { display: none } .big-image-post, .big-image-post-image, .big-image-post-image img { width: 420px; height: 225px; } .partners div { text-align: center; } .partners-title { padding: 10px; background: #19D7E3 url(../images/pattern.png); padding-left: 30px; margin-right: 20px; padding-top: 16px; padding-bottom: 16px;} .partner-arrow { margin-right: 20px; } .top-info {float: left;} .top-info span {margin-left: 0; margin-right: 20px;} .partners .partners_images { float: none; } .contactform textarea, .comment-form-comment textarea { max-width: 336px; } #contact-form #subject { max-width: 336px; } #respond .comment-form-comment textarea { width: 336px; } #comments ul.children #respond { width: 420px; float: right; } #search_field_block { width: 280px; } #template-blog-masonry div .one_third { overflow: hidden; margin-left: 0; padding-right: 0; width: 420px; float: left; position: relative; margin-bottom: 20px; } #container-blog-two-col div.one_half { overflow: hidden; margin-left: 0; width: 420px; float: left; position: relative; margin-bottom: 60px; padding-right: 0; } #template-blog-masonry #container-blog-two-col { width: 420px; float: left; left: 0; } #container-blog-full div.one_half { overflow: hidden; margin-left: 0; width: 420px; float: left; position: relative; margin-bottom: 60px; padding-right: 0; } #container-blog-full div.one_third { overflow: hidden; margin-left: 0; width: 420px; float: left; position: relative; margin-bottom: 60px; padding-right: 0; } #template-blog-masonry #container-blog-full { width: 420px; float: left; left: 0; } .post-v2 { width: 360px; } .post-preview { width: 100%; } .post-meta, .post-preview .rounded-box-page-full .post-meta { width: 420px; } .meta-comments, .meta-category, .meta-date { display: none; } .post-v2 .post-content { width: 360px; float: left; } .post-preview .post-content { width: 100%; float: left; } #top .post-image .full { margin-bottom: 0; } .post-page-content { width: 360px; } .post-page-content .post-content { width: 360px; float: left; } .post-comments { width: 360px; float: left; } .homepage-post-small-text { width: 259px; } .project-page-content { width: 360px; } .project-page-content .post-content { width: 360px; float: left; } #comments { width: 420px; } .comments { width: 360px; } .comment_here { width: 420px; } .comment_here .contactform textarea{ width: 338px; } #price-table .pack { width: 100%; } #footer .widget { width: 360px; } #filters { display: none; } #portfolio .one_fourth { overflow: hidden; margin-left: 0; width: 420px; height: 398px; float:left; position:relative; margin-bottom: 0; padding-bottom: 0; } #portfolio .one_third { overflow: hidden; margin-left: 0; width: 420px; height: 398px; float:left; position:relative; margin-bottom: 0; padding-bottom: 0; } #portfolio .one_half { overflow: hidden; margin-left: 0; width: 420px; height: 398px; float:left; position:relative; margin-bottom: 0; padding-bottom: 0; } .one_fourth .portfolio-image img { width: 420px; height: 306px; } .one_third .portfolio-image img { width: 420px; height: 306px; } .one_half .portfolio-image img { width: 420px; height: 306px; } .frame_center, .frame_center img, .frame_left, .frame_left img, .frame_right, .frame_right img { width: 342px; height: auto; } .project-title-content, .one_third .project-title-content, .one_half .project-title-content { margin-top: 224px; width: 360px; } .project-title-content .project-title-bg, .one_third .project-title-content .project-title-bg, .one_half .project-title-content .project-title-bg { width: 360px; } #portfolio .one_fourth .portfolio-image-holder { width: 420px; height: 306px; } #portfolio .one_third .portfolio-image-holder { width: 420px; height: 306px; } #portfolio .one_half .portfolio-image-holder { width: 420px; height: 306px; } #projects-carousel div.one_fourth { width: 420px !important; height: 366px !important; } .caroufredsel_wrapper { width: 420px !important; height: 366px !important; } #next, #prev { margin-top: 280px; } a.gall-img img, .post-preview .rounded-box-page .gall-img, .post-preview .rounded-box-page-full a.gall-img img, .post-preview .rounded-box-page-full .gall-img, .post .rounded-box-page .gall-img, .post .rounded-box-page-full a.gall-img img, .post .rounded-box-page-full .gall-img { width: 420px; height: 175px; } .one_fifth.gall-img .image-overlay, .one_fifth.gall-img img { width: 420px; height: 306px; } .one_fourth.gall-img .image-overlay, .one_fourth.gall-img img { width: 420px; height: 306px; } .one_third.gall-img .image-overlay, .one_third.gall-img img { width: 420px; height: 306px; } #container-blog-two-col .one_half .blog-image { width: 420px; height: 111px; } #container-blog-full .one_half .blog-image { width: 420px; height: 111px; } #container-blog-full .one_third .blog-image { width: 420px; height: 111px } #top #slogan .container .full, #top #slogan .container, .post .rounded-box-page-full .post-meta { width: 420px; } .flexslider .slides li img { width: 430px; height: auto; } #error404 { width: 360px; } .top-menu .seven { display: none; } .logo-container .four { display: none; } .full-boxed-pricing ul { width: 339px; } .full-boxed-pricing .column { border-right: 1px solid #E5E4E3; margin-bottom: 20px; } .sep-boxed-pricing ul li { width: 339px; } .sep-boxed-pricing .column { margin-bottom: 20px; } #map { width: 420px; } #contact-form #email { max-width: 336px; } #contact-form #contactName { max-width: 336px; margin-right: 0; } #image-desc, #slidecounter, #supersized-arrow, #top-social { display: none; } #image-desc-centered { width: 400px; position: fixed; left: 50%; margin-left: -200px; bottom: 0; margin-bottom: 70px; height: auto; } #slidecaption { font-size: 40px; } #slidedesc { font-size: 14px; } .ib-preview-descr, .tf_content, .tf_thumbs { display: none; visibility: hidden; } .tf_next, .tf_prev { right: 30px; } .tf_next { margin-bottom: 100px; } .tf_prev { margin-bottom: 200px; } .widget ul#flickr_widget li { height: 120px; width: 120px; } .widget .flickr_images, .widget ul#flickr_widget li img { width: 114px; height: 114px; } /* shop */ div.product { width: 360px; } div.product #tabs { width: 360px; } div.product div.summary, div.product div.summary, #content div.product div.summary { float: left; width: 360px; } div.product div.images, div.product div.images, #content div.product div.images { width: 360px; } div.product div.images img, div.product div.images img, #content div.product div.images img { width: 360px; height: auto; } div.product div.images div.thumbnails a img, div.product div.images div.thumbnails a img, #content div.product div.images div.thumbnails a img { width: 112px; height: auto; } div.product #tabs ul.tabs { width: 360px; } div.product .woocommerce_tabs ul.tabs { width: 360px; } div#reviews #comments { width: 330px; } div.product #tabs ul.tabs li { margin-bottom: 5px; } .products li, #main .products li { margin-left: 0; width: 100%; } #template-blog .products li { margin-left: 0; width: 100%; } div.jigoshop_error, div.jigoshop_message { width: 318px; } #shop div.jigoshop_error, #shop div.jigoshop_message { width: 318px; } #template-blog div.jigoshop_error, #template-blog div.jigoshop_message { width: 318px; } .col2-set .col-1 { width: 100%; } .col2-set .col-2 { width: 100%; } #main .products li { width: 100%; margin-left: 0; } #reviews #comments ol.commentlist li .comment-text { width: 242px; float: right; } .products ul, ul.products { width: 360px; } #main .products ul, #main ul.products { width: 360px; } #template-contact .products li { margin-left: 0; width: 100%; } #main-wrapper .products ul, #main-wrapper ul.products { width: 360px; } #template-contact div.jigoshop_error, #template-contact div.jigoshop_message { width: 315px; } .shop_table .product-thumbnail, .shop_table .product-remove, .shop_table .product-subtotal { display: none; } .shop_table .product-name { border-left: solid 1px #484848; } #review_form { width: 480px; } .comment_container { width: 270px; } .commentlist .comment { width: 320px; } .products li strong, .products li h3 { top: 120px; } .products li .price { top: 160px; } .products li a.button { top: 200px; } #main .related .products li { width: 100%; margin-left: 0; } .top-menu-container .two_third { display: none; } #top .top-menu-container .one_third { width: 420px; } #top .top-menu-container .one_third p { width: 420px; float: left; text-align: center; } #top .top-menu-container .one_third p a { clear: both; width: 420px; text-align: center; } #social-bar .footer-social-box .two_third { margin-bottom: 20px; } /* CountDown */ #countdown { width: 280px; height: 80px; } .countdown_section { width: 48px; } .countdown_amount { font: normal 20px/47px 'Armata',"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; } .countdown_section { font: normal 8px/9px 'Armata',"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; } #under-construction .full { width: 280px; } .top-menu .social_bookmarks { display: none; } .dg-container { display: none; } /* Featured List Slider */ div#featured, div#featured_horizontal { display: none; } /* Pricing Table */ .full-boxed-pricing ul { width: 458px; } .full-boxed-pricing .column { border-right: 1px solid #E5E4E3; margin-bottom: 20px; } .sep-boxed-pricing ul li { width: 458px; } .sep-boxed-pricing .column { margin-bottom: 20px; } } /* Media Queries */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .mobileMenu { width: 45%; margin: 5px 0 5px 0; max-width: 767px; padding: 10px; float: left; } } .mobileMenu { width: 45%; margin: 5px 0 5px 0; max-width: 767px; padding: 10px; float: left; } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #image-desc-centered { top: 50%; margin-top: -140px; height: 280px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 960px) { #image-desc-centered { top: 50%; margin-top: -140px; height: 280px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /*quotes*/ #top .pullquote, #top .inner_quote { width:auto; margin:1em 0 1em 50px; position: relative; left:0; top:0; } div .pullquote_left::before {left: -54px;} #top .inner_quote {padding:0; margin:0;} #top .pullquote_boxed{margin:1em 0;} /*blog post*/ #top .sidebar_left .post-title.offset-by-three{padding:0;} #top .blog-inner-meta{border:none; padding:0;} #top .minor-meta{display:inline-block;} #top .blog-meta .text-sep{display:inline-block;} #top .single-portfolio-entry .blog-meta .text-sep{display:none;} .post-format .flag-diamond{display:none;} .js_active .main_menu ul{display:none;} /*footer*/ #top #socket .social_bookmarks {position: relative;top:0;} /*slideshow*/ #top .slideshow_inner_caption {padding: 3%;height: 100%;width: 94%; font-size:13px; line-height: 1.5em;} #top div .slideshow_caption {width: 100%; background: rgba(0, 0, 0, 0.5); } } /* 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) { #top .slideshow_inner_caption h1{ font-size:14px; } }