/*Layout 1170px*/ /*(1236px+2x40px+20px)*/ @media only screen and (max-width: 3000px) { .boxed, #contact-wrap .qcontact, .top-line div, .sg-nojs .ef-wrapper .head .social-bar, .ef-footer-wrap,#footer { width:1250px } #main-slider { width:715px; height: 427px; float:left } #main-slider2 { width:75.2%; float:left } .sidemenu { width:220px; float:left } .sidemenuitem { font-size: 16px; padding-top:23px; padding-bottom:23px; } .greybox { font-size: 17px; line-height:20px; width: 265px; height: 389px; float: right; } .otherimpact { font-size: 24px; } .titlerimpact { font-size: 36px; } .titlerimpactblk { font-size: 30px; } .statement { font-size: 24px; } #main-slider ul.slides li .flex-caption { max-width: 675px; } .inner-960 { width:1200px } /*Font size*/ h1 { font-size:28px } h2 { font-size:22px } h3 { font-size:18px; line-height: 24px; height: 24px } h4 { font-size:14px } h5 { font-size:12px } h6 { font-size:11px } .description p.main-title { font-size:28px } .description p { font-size:16px } #main-slider ul.slides li .flex-caption p.cap-title { font-size:22px } .acc-head span { font-size:16px } .col1-2 { width:570px } .col1-3 { width:30% } .col1-4 { width:270px } .col-380 { width:450px } .ef-posts { width:860px } #sidebar { width:270px } .post.post-img .proj-img, .post.post-img .post-slider, .no-sidebar .post.post-img .post-slider { width:270px } .ef-wrapper .head .social-bar { width:1209px } .acc-head span { padding:30px 15px } .acc-head img { width:66px; } .ef-home-tabs .tab { width:1170px } ul.ef-news-clients { width:auto } .post.post-img .ef-post, .recent-post.post-img .ef-post { padding-left:300px } .sf-menu a { padding: 10px 20px; font-size: 16px; } .enter-icn { background-position:right 4px } .enter-icn:hover { background-position:right -84px } } /*Layout 940px*/ /*(1170px+2x40px+20px)*/ @media only screen and (max-width: 1270px) { .boxed, #contact-wrap .qcontact, .top-line div, .sg-nojs .ef-wrapper .head .social-bar, .ef-footer-wrap,#footer { width:1020px } #main-slider { width:580px; height: 347px; float:left } .sidemenu { width:170px; float:left } .sidemenuitem { font-size: 14px; padding-top:19px; padding-bottom:19px; } .greybox { font-size: 15px; line-height:20px; width: 220px; height: 309px; float: right; } .otherimpact { font-size: 20px; } .titlerimpact { font-size: 34px; } .titlerimpactblk { font-size: 28px; } .newsimpact { line-height: 32px; font-size: 28px; } .statement { font-size: 22px; } .one_thirdc { margin-right: 0; width: 34%; } .one_fourthb { margin-right: 2%; width: 21%; } .spbox { height: 140px; } #main-slider ul.slides li .flex-caption { max-width: 540px; } .ef-inner { padding:30px 40px 0px } /*Font size*/ span.first,span.first-acc { font-size:14px } h1 { font-size:25px; margin-bottom:15px } h2 { font-size:19px; margin-bottom:12px } h3 { font-size:15px; margin-bottom:11px } h4 { font-size:13px; margin-bottom:10px } h5 { font-size:12px; margin-bottom:9px } h6 { font-size:10px; margin-bottom:9px } .acc-head span { font-size:13px } .sf-menu a { font-size:13px } #main-slider ul.slides li .flex-caption p.cap-title { font-size:20px } .ef-home-tabs ul.tabs-nav { font-size:13px } .description p { font-size:14px } .description p.main-title { font-size:24px } a.ef-button span { font-size:10px } a.ef-button.ef-big { padding:6px } a.ef-button.ef-big span { font-size: 12px; padding: 12px 19px } ul.ef-news-clients li .recent-post-date { font-size:13px } ul.ef-news-clients li .recent-post-date span.date { font-size:28px } .ef-author { font-size:13px } .breadcrumbs { font-size:11px } .post-info { font-size:10px } .comments-list .post-comm div.auth { font-size:15px } .comments-list .post-comm div.auth span { font-size:11px } a.reply,#reply .send-wrap input.send,.send-wrap .button input,.ef-copyrigts { font-size:11px } table th { font-size:18px } #subscribe .field input,.widget_twitter ul li .tweet_time a { font-size:10px } .tagcloud a.ef-button span { font-size:11px!important } .widget_nav_menu .menu-main-menu-container ul { font-size:10px } .divider { margin-bottom:30px } .divider-blank { height:50px } .description { padding:0 80px 45px } .sf-menu a { padding-top:10px; padding-left: 10px; padding-bottom: 5px; padding-right: 10px; } .col1-2,.small-post,.col1-4,.wrap690,.col1-5,.col1-6,.col1-12,.item-holder1,.col2-3,.col-380,.col-960,.ef-posts { margin-right:20px } .col1-3 { margin-right:5% } .col1-2 { width:460px } .col1-3 { width:30% } .col1-4 { width:220px } .col-380 { width:380px } .inner-960 { width:960px } .sf-sub-indicator { top:21px } .proj-img.alignleft,.post .post-slider.alignleft { margin:0 20px 20px 0 } .post .post-slider { margin-right:20px } .ef-inner.left-sidebar .ef-posts { margin-left:30px } .ef-wrapper .head .social-bar { width:979px } .acc-head span { padding:25px 15px } .acc-head img { width:56px } ul.ef-news-clients { width:auto } .post.post-img .ef-post, .recent-post.post-img .ef-post { padding-left:240px } .post.post-img .proj-img, .post.post-img .post-slider, .no-sidebar .post.post-img .post-slider { width:220px } #main-slider .flex-direction-nav li a { background-image:url('../images/button-bg.png'); height:30px; width:30px } #main-slider .flex-direction-nav li a.flex-prev { left:5px; background-image:url('../images/button-bg1.png') } #main-slider .flex-direction-nav li a.flex-next { right:5px } ul.ef-news-clients li .recent-post { margin-left:92px } .testimonials .ef-t-content { padding:20px } .testimonials .ef-author { font-size:13px; background-position:20px 0 } .proj-info { padding:25px 20px } .ef-posts { width:690px; margin-right:30px } #sidebar { width:220px } .testimonials.ef-xl .ef-t-content { padding:20px } .carousel .flex-direction-nav li a.flex-next { right:-15px } .carousel .flex-direction-nav li a.flex-prev { left:-15px } .enter-icn { background-position:right 3px } .enter-icn:hover { background-position:right -85px } .bottomad1 { width: 100%; margin-right: 0px; } .bottomad2 { width: 100%; } } /*Layout 772px*/ /*(940px+2x40px+20px)*/ @media only screen and (max-width: 1040px) { .boxed,#contact-wrap .qcontact,.top-line div, .sg-nojs .ef-wrapper .head .social-bar,.ef-footer-wrap,#footer { width:832px } .twocol { width: 45%; } .twocol2 { width: 45%; } #main-slider { width:475px; height: 284px; float:left } .sidemenu { width:145px; float:left } .sidemenuitem { font-size: 13px; padding-top:15px; padding-bottom:15px; } .greybox { font-size: 13px; line-height:15px; width: 162px; height: 246px; float: right; } .otherimpact { font-size: 16px; } .titlerimpact { font-size: 30px; } .titlerimpactblk { font-size: 26px; } .newsimpact { line-height: 30px; font-size: 26px; } .statement { font-size: 18px; } .col-impact { font-size: 18px; } .donate { font-size: 24px; } .one_thirdb { width: 100%; margin-right: 0px } .one_thirdd { width: 100%; margin-right: 0px; margin-bottom: 20px; } .one_thirdc { width: 100%; border: none; padding: none; background-color: #ffffff; min-height: 100px; margin-top: 20px; margin-bottom: 20px; padding: 0px; } .one_fourthb { width: 43%; margin-right: 4%; min-height: 180px; } .two_thirdsb,.two_thirdsc,.two_thirds{ width: 100%; margin-right: 0px } #field2 { width:150px; } .spbox { height: 115px; } .sidetitle { font-size: 20px; } ul.ef-news-clients li .recent-post-date { font-size:11px } ul.ef-news-clients li .recent-post-date span.date { font-size:23px } /*--------------------*/ .sf-menu a { font-size:11px; padding: 5px; margin-bottom: 15px } .sf-menu ul { background-position:right -5px } .sf-menu a.sf-with-ul { padding-right: 20px } .sf-sub-indicator { top:18px; right:9px } #main-slider ul.slides li .flex-caption { left:20px; max-width: 435px; } #main-slider .flex-direction-nav li a.flex-prev { left:5px } #main-slider .flex-direction-nav li a.flex-next { right:5px } #main-slider ol.flex-control-nav { padding-left:30px } .flex-caption .cap-content { display:none } .description p.main-title { font-size:20px } a.ef-button { padding:4px } a.ef-button span { padding:9px 16px } a.ef-button.ef-big { padding:5px } a.ef-button.ef-big span { padding: 10px 17px; font-size:11px } ul.ef-news-clients li .recent-post-date { padding:10px 15px } ul.ef-news-clients li .recent-post { margin-left:72px } .ef-wrapper .head .social-bar { width:791px } .col1-2 { width:376px } .col1-3 { width:30% } .col1-4 { width:178px } .col-380 { width:304px } .inner-960 { width:792px } .ef-posts { width:564px } .post.post-img .proj-img, .post.post-img .post-slider, .no-sidebar .post.post-img .post-slider { width:178px } .post.post-img .ef-post, .recent-post.post-img .ef-post { padding-left:198px } .divider-blank { height:20px } #sidebar { width:178px } .ef-inner { padding:20px 30px 0px } .description { padding: 0 40px 40px } .ef-widgets { padding:60px 10px 40px 30px } #subscribe { width:178px } #subscribe .field, #subscribe .field input { width:133px } #subscribe .field input { width:103px } .widget_twitter .tweet_list .tweet_avatar { display:none } .widget_twitter .tweet_list .tweet_text { padding-left:0 } } /*Layout 765px*/ /*(940px+2x40px+20px)*/ @media only screen and (max-width: 872px) { .acc-head span { font-size:18px } .twocol { width: 100%; } .twocol2 { width: 100%; margin-left: 20px; } .justwitter { width: 100%; float: none; } .boxed, #contact-wrap .qcontact, .top-line div, .sg-nojs .ef-wrapper .head .social-bar, .ef-footer-wrap,#footer { width:97% } #main-slider { width:100%; } .sidemenu { width:100%; float: none; } .sidemenuitem { width:100%; float: none; } .mcontent { text-align: center; } .greybox { display: none; } .titlerimpact { font-size: 28px; } .titlerimpactblk { font-size: 24px; } .newsimpact { line-height: 28px; font-size: 24px; } .spbox { height: 105px; } #field2 { width:100px; } h3 { font-size:14px; margin-bottom: 0px } .alignright { margin-right: 10px; } .logo-nav { text-align:center; } .ef-logo,.ef-select-menu,.sf-menu li { overflow:hidden; display:inline; display:inline-block; float:none } .logo-nav .alignright { display:block; width:100%; max-width:100%; float:none } .contact-bar-tab,.logo-nav .sf-menu,.logo-nav2 .sf-menu { display:none } .sg-nojs .logo-nav .sf-menu { display:none } a.totop { visibility:hidden; display:none } .ef-message-container .ef-message { width:100%; } .ef-message-container { width:100%; } .ef-main-wrap { max-width: 425px; } .social-bar { max-width: 425px; } .ef-message-container a.ef-button { float: none } .ef-copyrigts{ text-align:center } .ef-wrapper{ text-align:center } .alignleft{ text-align:center; float:none } ul#footer-menu.alignleft { margin-bottom:10px } ul#footer-menu.alignleft,.ef-copyrigts .alignright,.post.post-img .proj-img, .post.post-img .post-slider, .no-sidebar .post.post-img .post-slider,#sidebar,.ef-posts { float:none; max-width:100%; margin-right:0; width:100%; } .ef-contact,.ef-contact1 { margin-bottom:40px } #reply { width:100% } #reply label,.ef-contact1 label { display:block; float:none } #reply textarea,.ef-contact1 textarea,#reply input,.ef-contact1 input { margin-left:0!important; width:97%; max-width:none } #reply div.send-wrap,.ef-contact .send-wrap,.ef-contact1 .send-wrap { width:auto; padding-left:0 } .ef-contact1 .ef-website1,#reply #website1 { margin-bottom:40px } .post.post-img .ef-post, .recent-post.post-img .ef-post { padding-left:0 } .ef-wrapper .head .social-bar { width:100%; padding-right:0 } .col1-2,.col1-3,.col1-4,.one_half,.one_third,.one_fourth,.one_fourthb,.one_fourthc,.one_fifth,.one_sixth,.three_fourth,three_fourthb,.inner-960 { margin-right:0; width:100%; float:none } .ef-widgets { padding: 60px 30px 40px 30px; } #main-slider ul.slides li .flex-caption p.cap-title { display:none } #main-slider ul.slides li .flex-caption { max-width: 435px; } .carousel .slides ul li { width:100%; } .carousel .slides ul,.slides ul li { clear:both; width:100% } .carousel .slides ul li { margin-bottom:20px } .flex-direction-nav li a { -moz-opacity:1!important; -webkit-opacity:1!important; opacity:1!important; filter:alpha(opacity=100)!important } .carousel .flex-direction-nav li a { top:0!important } .carousel .flex-direction-nav li a.flex-prev,.post-slider .flex-direction-nav li a.flex-prev { left:-15px!important } .carousel .flex-direction-nav li a.flex-next,.post-slider .flex-direction-nav li a.flex-next { right:-15px!important } .jflickr li { width:14%; margin-bottom:15px; margin-right:2.6% } .post-info li { margin:0 15px 0 0 } .ef-inner.left-sidebar .ef-posts { margin-left:0 } #contact-wrap .qcontact { display:none!important } .ef-inner { padding:20px 30px 0px } .colimage { display: none; } .col1-3 { width: 100%; } } /*additional small size*/ @media only screen and (max-width: 500px) { .price-item .price-tag { font-size:24px } .greybox { display: none; } .acc-head span { font-size:12px } .price-item.recomended .price-tag { font-size:30px } .post-info .i1, .post-info .i2 { padding-left:0; background:none } .alignright { margin-right: 10px; } .colimage { display: none; } }