/* * 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, #main-wrap-content, #main-content, .top-tagline { width: 768px; } #review_options_popup .option_item { width: 442px; height: 70px !important; } #review_options_popup #review_criteria .option_item { width: 442px; height: 160px !important; } #review_options_popup .option_item .rating_slider { margin-top: 21px; } #review_options_popup .option_item .slider_value { margin-top: 10px; } #review_options_popup .option_item span.text { width: 240px; } #review_options_popup .option_item .slider_value { width: 100px; } #review_options_popup .option_item .rating_slider { width: 232px; } #review_options_popup .option_item .criteria_name, #review_options_popup .option_item .slider_value, #review_options_popup .option_item input.criteria_color, #review_options_popup .option_item input.valid { float: right; margin-right: 0; } #review_options_popup button { margin-top: 10px; } #review_options_popup #review-name, #review_options_popup #review-button-info, #review_options_popup #review-button-link { width: 390px !important; } .big-image-post-image, .big-image-post, .big-image-post-image img { width: 768px; height: 411px; } .content-page-full, .top-header-tagline, .top-breaking-news, .breaking-news, #footer .container, #gallery-post-slideshow, .breaking-news-container,.featured-post-style-2, #gallery-container .container, #featured-posts-flex { width: 708px; } #gallery-container .container { margin-left: 30px; } .caroufredsel_wrapper { width: 708px !important; height: 217px !important; } .caroufredsel_wrapper div.one_fourth { width: 223px !important; height: 217px !important; } .project h1, .project h2, .project h3, .project h4, .project h5, .project h6 { font-size: 12px; } #projects-carousel { height: 217px !important; } #featured-posts-flex .flexslider-post-title { margin-left: 80px; width: 508px; margin-top: 50px; } #featured-posts-flex .flexslider-post-title h1 { font-size: 24px; } .breaking-news .welcome-user, #cat-flexslider .flex-control-nav, .post-meta-cat .post-comment, .post-meta-cat .post-views, .rss-count-title, .twitter-count-title, .breaking-news-title { display: none; } .breaking-news-container { border-left: solid 1px #9b9b9b; } .breaking-news article { margin-left: 20px; } .breaking-news article h5 { font-size: 12px; line-height: 16px; letter-spacing: 0.2em; text-transform: uppercase; margin-top: 2px; } .logo, .logo-style-2 { width: 708px; border-right: none; border-bottom: solid 1px #000; padding-right: 0; padding-bottom: 30px; margin-bottom: 0; text-align: center;} .logo a, .logo-style-2 a { width: 100%; text-align: center; } .logo-style-2 { border: none; } #top_menu ul { margin-left: 30px; } #top_menu .menu ul { margin-left: 0; } #header-adv-big { float: right; width: 708px; text-align: right; margin-right: 0; padding-left: 0; margin-top: 30px; margin-bottom: 30px; text-align: center; } #header-adv-big a { width: 100%; text-align: center; } .header-quote { width: 437px !important; margin-bottom: 30px; } #header-content .one_fourth { display: none; } .widget .widget-content .wpcrown-125ad.first { margin-bottom: 0; } .widget .widget-content .wpcrown-125ad { margin-top: 30px; } .one_half_header_style { width: 708px; height: 443px; margin-bottom: 1px; } .one_fourth_header_style { width: 353px; height: 221px; } .post-content-preview h1, .news-headline { font-size: 18px; line-height: 22px; } .content-page { width: 442px; } .rounded-box-page-full .post-content { width: 628px; } #header-adv { margin-left: 30px; margin-bottom: 30px; } #header-adv a, #header-adv a img { max-width: 708px; height: auto; } #header .container { width: 768px; } .container { width: 768px; } #big-map-holder-content { width: 768px; } #main-content #page-title-block, #page-title, .full-post-image { width: 708px; } #main-content #page-title-content { width: 768px; margin: 0 auto; } #socket .container { width: 768px; } .rounded-box-page-full { width: 708px; } #top .gallery .rounded-box-page-full { width: 768px; } .rounded-box-page-full .post-content, .rounded-box-page-full .post-content .full { width: 708px !important; } .rounded-box-page .flexslider.gall-img, .post-content .post-title { width: 442px; } div.two_third_rounded { width: 442px; } .post-content { width: 442px; } .author-top-bar { width: 368px; } #author-area { width: 430px; } #author-content { width: 382px; } div.one_third_rounded { width: 236px; } div.one_third_rounded.first { margin-right: 0; } .rounded-box-page { width: 442px; } .author-info-with-image { width: 252px; } .post-meta-box .post-views, .post-meta-box .post-author, .post-meta-box .post-comment, .post-meta-box .post-category, .post-meta-box .post-date { margin-bottom: 1px; float: left; } .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; } .widget ul li.recentcomments { width: 196px !important; } select, .ajax_form .select, .entry-content select, .mobileMenu{ width: 41.5%; min-width: 176px; } .rating-review-wrapper, .review-title, .rating-review-wrapper .criteria, .rating-review-wrapper .review-button-box, .rating-review-wrapper .review-button-box .review-button-link a { width: 442px; } .rating-review-wrapper .criteria .criteria-bar { width: 328px; } .rating-review-wrapper .review-button-box .review-button-info { width: 382px; } .review-title span, .review-title h1 { width: 382px; } .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; width: 702px; margin-left: 0; margin-right: 30px; } .main_menu div { float: left; width: 693px; border: solid 1px #000000; margin: 3px; } .main_menu i.icon-search { margin-top: 18px; } #top .mobileMenu { width: 693px; margin: 0; } #top-social { display: none; } #header-search { padding-top: 3px; } #centered-menu-holder { width: 708px; } .contactform textarea, .comment-form-comment textarea { width: 418px; } #respond .comment-form-comment textarea { width: 358px; } #contact-form #subject, #contact-form #email, #contact-form #contactName { max-width: 418px; } #contact-form #contactName { margin-bottom: 10px; } #map { width: 708px; height: 240px; } #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-meta, #respond { width: 442px; } .post-v2 .post-content { width: 442px; float: left; } .post-preview .post-content { width: 100%; float: left; } .meta-comments, .meta-category { display: none; } .comments { width: 382px; } #comments ul.children #respond { width: 442px; float: right; } input#postTitle { width: 430px; } #post_tags { width: 154px !important; } .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 } .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; } /* 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; } fieldset { width: 400px; } } /* 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, #main-wrap-content, #main-content { width: 300px; } .container { width: 300px; } .widget .widget-title, #footer div.one_third { width: 240px; } #footer div.one_third { margin-left: 0; } .rounded-box-page-full, #socket .container { width: 300px; } .rounded-box-page, .flexslider .slides li img, #gallery-post-slideshow { width: 240px; } #page-title, #main-content #page-title-content, #main-content #page-title-block { width: 240px; } #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: 240px; } #footer .container { width: 240px; margin-left: 30px; } div.one_third_rounded { margin-left: 30px; } .top-tagline, .breaking-news { width: 240px; } #review_options_popup .option_item { width: 200px; height: 100px !important; } #review_options_popup #review_criteria .option_item { width: 200px; height: 175px !important; } #review_options_popup .option_item .rating_slider { margin-top: 21px; } #review_options_popup .option_item .slider_value { margin-top: 10px; } #review_options_popup .option_item span.text { width: 100px; } #review_options_popup .option_item span.criterion-color { width: 100px; height: 54px; } #review_options_popup .option_item .slider_value { width: 100px; } #review_options_popup .option_item .rating_slider { width: 92px; } #review_options_popup .option_item .criteria_name, #review_options_popup .option_item .slider_value, #review_options_popup .option_item input.criteria_color, #review_options_popup .option_item input.valid { float: right; margin-right: 0; width: 70px; } #review_options_popup button { margin-top: 10px; } #review_options_popup #review-name, #review_options_popup #review-button-info, #review_options_popup #review-button-link { width: 188px !important; } select#review_position { width: 148px !important; } #review_options_popup button { width: 200px; } .footer-menu ul { width: 240px; border-top: solid 1px #121212; margin-top: 30px; } .footer-menu ul li { width: 240px; border-right: 0; border-bottom: solid 1px #121212; padding: 10px 0; } #top .main_menu { float: left; margin-left: 30px; margin-top: 0; width: 234px; } #top .mobileMenu { width: 226px; margin: 0; } #centered-menu-holder { width: 300px; } #main-content #page-title-content { width: 300px; margin: 0 auto; } #top .main_menu div { width: 226px; } .breaking-news { display: none; } .one_half_header_style, .featured-post-style-2 { width: 240px; height: auto; } .one_half_header_style .post-image-box, .one_fourth_header_style .post-image-box { padding: 0; width: 240px; min-width: 240px; } .one_half_header_style, .one_fourth_header_style { padding: 0; min-width: 240px; width: 240px; margin: 0; margin-bottom: 1px; } .featured-post-style-2 .one_fourth_header_style .flexslider-post-title { width: 240px; } .featured-post-style-2 .flexslider-post-date { display: none; } #featured-posts-flex { width: 240px; } #featured-posts-flex .flexslider-post-title { width: 160px; margin: 0; padding: 0; margin: 10px 40px; bottom: 0; position: absolute; left: 0; top: auto; } #featured-posts-flex .flexslider-post-title .category-slider, #featured-posts-flex .flexslider-post-title .flexslider-post-date, #featured-posts-flex .image-rating-verlay { display: none; } input#postTitle { width: 228px; } #postContent_toolbar1 tr { width: 224px !important; } #postContent_toolbar1 .mce_link, #postContent_toolbar1 .mce_unlink, #postContent_toolbar1 .mce_fullscreen, #postContent_toolbar1 .mce_redo, #postContent_toolbar1 .mce_undo, #postContent_toolbar1 .mce_blockquote, #postContent_toolbar1 .mce_strikethrough, #postContent_toolbar1 .mce_numlist { display: none; } #post_tags { width: 218px !important; } select, .ajax_form .select, .entry-content select, .mobileMenu{ width: 41.5%; min-width: 220px; } #header-search, #layerslider, .top-header-tagline, .breaking-title, .breaking-news .welcome-user, .post-meta-cat, .top-slider-excerpt { display: none; } .flexslider-post-title h1, .image-rating-verlay span { font-size: 12px !important; line-height: 18px; } .image-rating-verlay span p { font-size: 10px !important; line-height: 10px; } #top #bbp_search { width: 134px; } fieldset { width: 198px; } .input-textarea { max-width: 198px; } .comment_input { max-width: 198px; } input#bbp_topic_title, input#bbp_topic_tags { width: 160px; } #bbpress-forums fieldset.bbp-form select#bbp_stick_topic { min-width: 160px; } .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: 100%; } #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; width: 239px; } /*21*/ #top h5 { font-size: 14px; line-height: 1.4em; width: 188px; margin-bottom: 14px; } /*17*/ #top h6 { font-size: 12px; line-height: 1.3em; } .widget .widget-content .wpcrown-125ad.first { margin-bottom: 0; } .widget .widget-content .wpcrown-125ad { margin-top: 30px; } #gallery-container .container { width: 240px; } #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_menu { width: 300px; } #top_menu ul { display: none; } #top-search-field { width: 240px; margin-left: 30px; border: none; } #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; } .comment-form-comment textarea, .comment-form-comment textarea:focus { max-width: 158px; } .input-textarea, .comment_input { max-width: 240px; } #gallery-container .container, .full-post-image { width: 240px; margin-left: 30px; } #map, .post .rounded-box-page-full .post-meta { width: 240px; height: 200px; } #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: 240px; height: auto; } .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, #respond { width: 240px; } .comments { width: 180px; } .comment_here { width: 240px; } #comments ul.children #respond { width: 240px; 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; } .caroufredsel_wrapper { width: 240px !important; height: 240px !important; } #next, #prev { margin-top: 99px; } #author-area { width: 228px; } .author-top-bar { width: 166px; } #author-content { width: 180px; } .author-info-with-image { width: 180px; margin-top: 20px; } #author-social { float: left; margin-top: 20px; } .social_bookmarks li, .social-image { float: left; } .post .rounded-box-page .gall-img, .post .rounded-box-page-full a.gall-img img, .post .rounded-box-page-full .gall-img { width: 240px; height: auto; } .post-content, .post-content .post-title { width: 240px; } .post-meta-box .post-views, .post-meta-box .post-author, .post-meta-box .post-comment, .post-meta-box .post-category, .post-meta-box .post-date { margin-bottom: 1px; float: left; } .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; } .footer-menu { margin-left: 30px; } #flex-posts .three_fifth { width: 100%; } #flex-posts .two_fifth { display: none; } #error404, .content-page, .post-content-preview, .post-title { width: 240px; } .rounded-box-page-full .post-content { width: 240px; } .rounded-box-page-full { width: 240px; } .top-menu .seven { display: none; } .logo-container .four, .main_menu i.icon-search { display: none; } #top .logo { width: 240px; text-align: center; border: none; padding: 0; margin-left: 30px; padding-bottom: 30px; border-bottom: solid 1px #000000; } #top .logo a { width: 240px; text-align: center; height: auto; } #top .logo a img { max-width: 240px; height: auto; } #top .logo-style-2 { width: 240px; text-align: center; border: none; padding: 0; margin-left: 30px; padding-bottom: 0; } #top .logo-style-2 a { width: 240px; text-align: center; height: auto; } #top .logo-style-2 a img { max-width: 240px; height: auto; } #header-adv-big { max-width: 240px; margin-top: 0; margin-bottom: 30px; border: none; } #header-adv-big a { max-width: 240px; } #header-adv { width: 240px; margin-top: 0; margin-bottom: 30px; border: none; } #header-adv a, #header-adv img { width: 240px; height: auto; text-align: center; } .header-quote, .header-date, .header-quote-style-2 { display: none !important; } .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; } #respond #author, #respond #email, #respond #url { max-width: 158px; } #contact-form #email, #contact-form #subject, .contactform textarea { max-width: 216px; background-color: #ffffff; } #contact-form #contactName { max-width: 216px; margin-right: 0; margin-bottom: 10px; } .rating-review-wrapper, .review-title, .rating-review-wrapper .criteria, .rating-review-wrapper .review-button-box, .rating-review-wrapper .review-button-box .review-button-link a { width: 240px; } .rating-review-wrapper .criteria .criteria-bar { width: 211px; } .rating-review-wrapper .criteria .score-text { width: 20px; font-size: 12px; padding: 20px 5px; } .rating-review-wrapper .criteria span { font-size: 12px; } .rating-review-wrapper .review-button-box .review-button-info { width: 180px; } .review-title span, .review-title h1 { width: 180px; } #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, #main-content, #main-wrap-content { width: 420px; } .container { width: 420px; } .widget .widget-title, #footer div.one_third, #footer .container { width: 360px; } .footer-menu ul { width: 360px; border-top: solid 1px #121212; margin-top: 30px; } .footer-menu ul li { width: 360px; border-right: 0; border-bottom: solid 1px #121212; padding: 10px 0; } #page-title, #main-content #page-title-content, #main-content #page-title-block, #top .page-title.full { width: 360px; } #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: 360px; } .widget ul li, .widget, .widget ul li:hover { width: 360px; } .rounded-box-page, #gallery-post-slideshow { width: 360px;} .post-meta-box .post-views, .post-meta-box .post-author, .post-meta-box .post-comment, .post-meta-box .post-category, .post-meta-box .post-date { margin-bottom: 1px; float: left; } #big-map-holder-content, .rounded-box-page-full, #socket .container, .top-tagline { width: 360px; } #top .gallery .rounded-box-page-full { width: 420px; } div.one_third_rounded { width: 360px; margin-left: 30px; } #top .logo { width: 360px; text-align: center; border: none; padding: 0; margin-left: 30px; padding-bottom: 30px; border-bottom: solid 1px #000000; } #top .logo a { width: 360px; text-align: center; } #top .logo a img { max-width: 360px; height: auto; } #top .logo-style-2 { width: 360px; text-align: center; border: none; padding: 0; margin-left: 30px; padding-bottom: 0; } #top .logo-style-2 a { width: 360px; text-align: center; } #top .logo-style-2 a img { max-width: 360px; height: auto; } #header-adv-big { max-width: 360px; margin-top: 0; margin-bottom: 30px; } #header-adv-big a { max-width: 360px; } .header-quote, .header-date, .header-quote-style-2 { display: none !important; } #review_options_popup .option_item { width: 320px; height: 70px !important; } #review_options_popup #review_criteria .option_item { width: 320px; height: 160px !important; } #review_options_popup .option_item .rating_slider { margin-top: 21px; } #review_options_popup .option_item .slider_value { margin-top: 10px; } #review_options_popup .option_item span.text { width: 190px; } #review_options_popup .option_item .slider_value { width: 100px; } #review_options_popup .option_item .rating_slider { width: 182px; } #review_options_popup .option_item .criteria_name, #review_options_popup .option_item .slider_value, #review_options_popup .option_item input.criteria_color, #review_options_popup .option_item input.valid { float: right; margin-right: 0; } #review_options_popup button { margin-top: 10px; } #review_options_popup #review-name, #review_options_popup #review-button-info, #review_options_popup #review-button-link { width: 308px !important; } #review_options_popup button { width: 68px; margin-right: 0; float: right; } #review_options_popup button#submit_add_criteria { width: 130px; } #header-adv { width: 360px; margin-top: 0; margin-bottom: 30px; border: none; } #header-adv a, #header-adv img { width: 360px; height: auto; text-align: center; } .breaking-news { display: none; } .content-page-full { width: 360px; } #top .main_menu { float: left; margin-left: 0; margin-top: 0; height: auto; width: 354px; margin-left: 30px; } #top .mobileMenu { width: 346px; margin: 0; } #top .main_menu div { width: 346px; } #top_menu ul { margin-left: 30px; float: left; } #top_menu .menu ul { margin-left: 0; } #top_menu { width: 420px; } #top-search-field { width: 358px; margin-left: 30px; border: none; } .one_half_header_style, .featured-post-style-2, .one_fourth_header_style { width: 360px; height: auto; } .one_fourth_header_style { width: 360px; height: auto; margin: 0; margin-bottom: 1px; } .one_half_header_style { margin-bottom: 1px; } .one_half_header_style, .featured-post-style-2 { width: 360px; height: auto; } .one_half_header_style .post-image-box, .one_fourth_header_style .post-image-box { padding: 0; width: 360px; min-width: 360px; } .one_half_header_style, .one_fourth_header_style { padding: 0; min-width: 360px; margin: 0; margin-bottom: 1px; } #centered-menu-holder { width: 420px; } #header-search, #layerslider, .main_menu i.icon-search, .top-header-tagline, .breaking-title, .breaking-news .welcome-user, .post-meta-cat .post-comment, .post-meta-cat .post-views, .top-slider-excerpt { display: none; } .flexslider-post-title { padding: 10px 20px; } .flexslider-post-title h1 { font-size: 18px !important; line-height: 22px !important; } #gallery-container .container, .full-post-image { width: 360px; margin-left: 30px; } .caroufredsel_wrapper div.one_fourth { width: 360px !important; height: 350px !important; } #projects-carousel { height: 320px !important; } .caroufredsel_wrapper { width: 360px !important; height: 320px !important; } #next-carousel, #prev-carousel { margin-top: 260px; } #featured-posts-flex { width: 360px; } #featured-posts-flex .flexslider-post-title { width: 280px; margin: 0; padding: 0; margin: 30px 40px; bottom: 0; position: absolute; left: 0; top: auto; } #featured-posts-flex .flexslider-post-title .category-slider, #featured-posts-flex .flexslider-post-title .flexslider-post-date, #featured-posts-flex .image-rating-verlay { display: none; } .flexslider-post-title h1 { font-size: 18px !important; line-height: 22px !important; } #contact-form #contactName { margin-bottom: 10px; } .input-textarea { max-width: 338px; } .comment_input { max-width: 360px; } fieldset { width: 318px; } select, .ajax_form .select, .entry-content select, .mobileMenu{ width: 41.5%; min-width: 300px; } #main-content #page-title-content { width: 420px; margin: 0 auto; } .post-content, .post-content .post-title { width: 360px; } .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: 100%; margin-left: 0; margin-bottom: 30px; } #top .one_third.team { width: 360px; } #top #header-content .full, #top #team .one_third.team { width: 420px; } #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; } input#postTitle { width: 348px; } #postContent_toolbar1 tr { width: 344px !important; } #postContent_toolbar1 .mce_link, #postContent_toolbar1 .mce_unlink, #postContent_toolbar1 .mce_fullscreen, #postContent_toolbar1 .mce_redo, #postContent_toolbar1 .mce_undo { display: none; } #post_tags { width: 338px !important; } #author-area{ width: 348px; } .author-top-bar { width: 286px; } #author-content { width: 300px; } .author-info-with-image { width: 166px; } #author-social { float: left; margin-top: 20px; } .post-content, .post-content .full { width: 360px !important; } .rounded-box-page-full .post-content, .rounded-box-page-full .post-content .full { width: 360px !important; } .footer-menu { margin-right: 0; } .post-content-preview { width: 360px; } #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; width: 359px; } /*21*/ #top h5 { font-size: 14px; line-height: 1.4em; width: 300px; margin-bottom: 14px; } /*17*/ #top h6 { font-size: 12px; line-height: 1.3em; } #top #projects-carousel h5 { width: 320px; margin-bottom: 0; } #top .gallery-title h5 { margin-bottom: 0; } .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; } .comment-form-comment textarea, .comment-form-comment textarea:focus { max-width: 278px !important; } #respond .comment-form-comment input { background-color: #EFEFEF; width: 278px; } #comments ul.children #respond { width: 360px; float: right; } .rating-review-wrapper, .review-title, .rating-review-wrapper .criteria, .rating-review-wrapper .review-button-box, .rating-review-wrapper .review-button-box .review-button-link a { width: 360px; } .rating-review-wrapper .criteria .criteria-bar { width: 270px; } .rating-review-wrapper .criteria span { font-size: 14px; } .rating-review-wrapper .review-button-box .review-button-info { width: 300px; } .review-title span, .review-title h1 { width: 300px; } .rating-review-wrapper .criteria .score-text { padding: 20px 35px; } #top #search_field_block { width: 150px; } #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, #respond { width: 360px; } .comments { width: 300px; } .comment_here { width: 360px; } .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; } #next, #prev { margin-top: 99px; } 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: 360px; height: auto; } .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: 360px; 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: 360px; height: 300px; } #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; } /* 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; } }