/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Media Queries #Font-Face */ /* #Media Queries ================================================== */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Portfolio */ /* 4 Columns */ .c4 { width: 747px !important; } .c4 li { width: 186px !important; height: 158px !important; } .c4 li img { width: 186px !important; height: 158px !important; } .c4 article.da-animate i.fa { margin-top: 70px !important; } .c4 article.da-animate h3 { margin-top: 20px !important; } /* 3 Columns */ .c3 { width: 747px !important; } .c3 li { width: 249px !important; height: 212px !important; } .c3 li img { width: 249px !important; height: 212px !important; } .c3 article.da-animate i.fa { margin-top: 100px !important; } .c3 article.da-animate h3 { margin-top: 45px !important; } /* 2 Columns */ .c2 { width: 747px !important; } .c2 li { width: 373px !important; height: 317px !important; } .c2 li img { width: 373px !important; height: 317px !important; } .c2 article.da-animate i.fa { margin-top: 150px !important; } .c2 article.da-animate h3 { margin-top: 90px !important; } /* Portfolio Single Page */ .project-item-holder { height: auto !important; } /* Related Project */ .related-projects { width:747px !important; } .related-projects li { width: 186px !important; height: 158px !important; } .related-projects li img { width: 186px !important; height: 158px !important; } .related-projects.da-thumbs li article.da-animate i.fa { margin-top: 70px !important; } .related-projects.da-thumbs li article.da-animate h3 { margin-top:22px !important; } /* Pricing Table v1 */ .pricing-v1-item { width: 187px !important; } /* Pricing Table v2 */ .pricing-v2-item { width: 149px !important; } /* Blog */ .view, .view .mask, .blog-article iframe { width: 555px !important; height: 229px !important; } .zicer-effect:hover .mask { border:120px solid rgba(0,0,0,0.7) !important; } .blog-article .post-content .post-data-details, .blog-article .post-content .post-excerpt { width: 490px !important; } .post-navigation { width: 555px !important; } .blog-article .slides { width: 555px !important; } .searcw { width:133px !important; } /* Sponsor Widget */ .sponsors-holder img { width: 70px !important; height: 70px !important; margin: 3px !important; } /* Comment Reply */ .reply-holder input[type="text"] { width: 190px !important; } .reply-holder input[type="text"].name { background: transparent url(../images/user.png) no-repeat 202px 5px !important; } .reply-holder input[type="text"].email { background: transparent url(../images/envelope.png) no-repeat 202px 5px !important;; } .reply-holder input[type="text"].website { background: transparent url(../images/link.png) no-repeat 202px 5px !important;; } .reply-holder textarea { width:280px !important; } /* Contact */ .contact-texture-content { width: 747px !important; } .contact-texture-text { margin-right: 70px !important; } .contact-form-holder textarea { width: 390px !important; } /* Client Map */ .client-map-title { left: 320px !important; } .client-map-holder { width: 747px !important; height: 401px !important; background-size: 747px !important; } /* Team Member - Social Networks */ .team-member .member-social { top:126px !important; width: 153px !important; } .team-member img { width: 170px !important; height: 155px !important; } /* Laptop Features */ .laptop-features { width: 745px !important; } .laptop-monitor { left: 224px !important; } /* Items */ .laptop-features .laptop-item-left-one { width: 120px !important; left: 5px !important; } .laptop-features .laptop-item-left-two { width: 140px !important; left: 222px !important; } .laptop-features .laptop-item-right-one { width: 120px !important; left: 400px !important; } .laptop-features .laptop-item-right-two { width: 130px !important; left: 616px !important; top:70px !important; } .laptop-features .laptop-item-right-three { width: 140px !important; left: 560px !important; top:230px !important; } /* Feature v2 */ .feature-v2 .circle.first { left:95px !important; } .feature-v2 .circle.second { left:345px !important; } .feature-v2 .circle.third { left:590px !important; } .feature-v2 .circle-text.first { left: 66px !important; } .feature-v2 .circle-text.second { left: 315px !important; } .feature-v2 .circle-text.third { left: 559px !important; } /* Feature v3 */ .feature-v3 li { width: 160px !important; } /* Feature v4 */ .feature-v4 .circle.first { left:100px !important; top:37px !important; } .feature-v4 .circle.second { left:325px !important; top:37px !important; } .feature-v4 .circle.third { left:550px !important; top:37px !important; } .feature-v4 .circle-text.first { left: 70px !important; } .feature-v4 .circle-text.second { left: 295px !important; } .feature-v4 .circle-text.third { left: 520px !important; } /* Feature v5 */ .feature-v5 .circle { width: 80px !important; height: 80px !important; } .feature-v5 .circle.first { top:63px !important; left:26px !important; } .feature-v5 .circle.second { top:63px !important; left:174px !important; } .feature-v5 .circle.third { top:63px !important; left:330px !important; } .feature-v5 .circle.fourth { top:63px !important; left:480px !important; } .feature-v5 .circle.fifth { top:63px !important; left:642px !important; } .feature-v5 .top-text-holder { margin-top: 13px !important; } .feature-v5 .top-text-holder h2 { font-size: 15px !important; } .feature-v5 .circle-text.first { top:155px !important; left: 0px !important; } .feature-v5 .circle-text.second { top:155px !important; left: 150px !important; } .feature-v5 .circle-text.third { top:155px !important; left: 300px !important; } .feature-v5 .circle-text.fourth { top:155px !important; left: 450px !important; } .feature-v5 .circle-text.fifth { top:155px !important; left: 608px !important; } /* Feature v6 */ .feature-v6 li { width: 248px !important; } /* Feature v8 */ .feature-v8 .circle { margin-left: 18px !important; } .feature-v8 .item-holder.blue { left: 84px !important; top: 5px !important; } .feature-v8 .item-holder.green { left: 234px !important; top: 5px !important; } .feature-v8 .item-holder.purple { left: 382px !important; top: 5px !important; } .feature-v8 .item-holder.orange { left: 530px !important; top: 5px !important; } .feature-v8 .item-holder { width: 130px !important; } /* Recent Posts */ .rp-item-holder { width: 172px !important; } .rp-item-holder .rp-thumb, .rp-item-holder .rp-thumb img { width: 145px !important; height: 83px !important; } /* Top Circles */ .rp-item-holder .top-circles .top-first-circle { left: 45px !important; } .rp-item-holder .top-circles .top-second-circle { left: 42px !important; } .rp-item-holder .top-circles .top-third-circle { left: 60px !important; } .rp-item-holder .top-circles .top-fourth-circle { left: 55px !important; } /* Bottom Circles */ .rp-item-holder .bottom-circles .bottom-first-circle { left: 75px !important; } .rp-item-holder .bottom-circles .bottom-second-circle { left: 92px !important; } .rp-item-holder .bottom-circles .bottom-third-circle { left: 87px !important; } /* FAQ */ .faq-links-holder{ width:685px !important; margin-left: 9px; } ol.faq-links { width:640px !important; } ol.faq-links.right { float:left !important; } .answer-content { width: 660px !important; } } @media only screen and (min-width: 480px) and (max-width: 767px) { /* Portfolio */ /* 4 Columns */ .c4 { width: 420px !important; } .c4 li { width: 210px !important; height: 179px !important; } .c4 li img { width: 210px !important; height: 179px !important; } .c4 article.da-animate i.fa { margin-top: 80px !important; } .c4 article.da-animate h3 { margin-top: 30px !important; } /* 3 Columns */ .c3 { width: 420px !important; } .c3 li { width: 420px !important; height: 357px !important; } .c3 li img { width: 420px !important; height: 357px !important; } .c3 article.da-animate i.fa { margin-top: 170px !important; } .c3 article.da-animate h3 { margin-top: 115px !important; } /* 2 Columns */ .c2 { width: 420px !important; } .c2 li { width: 420px !important; height: 357px !important; } .c2 li img { width: 420px !important; height: 357px !important; } .c2 article.da-animate i.fa { margin-top: 170px !important; } .c2 article.da-animate h3 { margin-top: 115px !important; } /* Portfolio Single Page */ .project-item-holder { height: auto !important; } /* Related Project */ .related-projects { width:420px !important; } .related-projects li { width: 418px !important; height: 356px !important; } .related-projects li img { width: 418px !important; height: 356px !important; } .related-projects.da-thumbs li article.da-animate i.fa { margin-top: 170px !important; } .related-projects.da-thumbs li article.da-animate h3 { margin-top:112px !important; } /* Slider */ .tp-caption.skin-box i.fa { width: 20px !important; height: 20px !important; font-size: 11px !important; } .tp-caption.medium_light_black { font-size: 8px !important; padding:0px 0px !important; } /* Style Swithcer */ #style_switcher { display: none; } /* Header Logo */ header .five img { float: none !important; } header .five { text-align: center; } /* Top Promo Text */ .top-promo-text p, .slogan-holder p { padding:0 3px !important; } /* Responsive Menu */ #mainNavigation ul { display: none; } #mainNavigation select { display: block !important; } /* Scroll Top */ #scrollUp { right:24px !important; } /* Footer */ #footer-copyright ul.copyright-menu { float: left !important; margin-top:10px !important; } #footer-copyright ul.copyright-menu li:first-child { padding-left: 0 !important; } footer .four { margin:15px 0 !important; } .footer-logo { padding-bottom:0px !important; } /* Pricing Table v1 */ .pricing-v1-item { width: 416px !important; } .pricing-v1-item.r-bottom { margin-top: 30px; } .pricing-v1 { border-left: solid 1px #dddddd; } /* Pricing Table v2 */ .pricing-v2 { border-left: solid 1px #dddddd; } .pricing-v2 .first-header, .pricing-v2 .first-cta-button { border-left: none !important; } .pricing-v2.first-table { margin-top: 0px !important; } .pricing-v2-item { width: 416px !important; } .pricing-v2-item.r-bottom { margin-top: 30px; } /* Blog */ .view, .view .mask, .blog-article iframe { width: 420px !important; height: 173px !important; } .zicer-effect:hover .mask { border:90px solid rgba(0,0,0,0.7) !important; } .blog-article .post-content .post-data-details, .blog-article .post-content .post-excerpt { width: 360px !important; } .post-navigation { width: 420px !important; } .blog-article .slides { width: 420px !important; } .post-navigation { margin:0 !important; padding-bottom: 40px; border-bottom:1px dotted #dfdfdf; } .post-navigation ul.p-navigation { float: left !important; } aside.sidebar { margin-top:0px !important; } .reply-holder input[type="text"] { width: 80% !important; } .reply-holder textarea { width: 90% !important; } .searcw { width:380px !important; } /* Comment Reply */ .reply-holder input[type="text"] { width:380px !important; } .reply-holder input[type="text"].name { background: transparent url(../images/user.png) no-repeat 390px 5px !important; } .reply-holder input[type="text"].email { background: transparent url(../images/envelope.png) no-repeat 390px 5px !important;; } .reply-holder input[type="text"].website { background: transparent url(../images/link.png) no-repeat 390px 5px !important;; } .reply-holder textarea { width:388px !important; } /* Breadcrumbs */ ul.breadcrumbs { float: left !important; margin-top: 8px !important; } /* Contact */ .contact-texture-content { width: 420px !important; } .contact-texture-text { margin-right: 55px !important; } .contact-form-holder input[type="text"] { width: 380px !important; } .contact-form-holder textarea { width: 388px !important; } .contact-info-list { margin:20px 0 !important; } .contact-form-holder input[type="text"]#name { background: transparent url(../images/user.png) no-repeat 390px 7px !important; } .contact-form-holder input[type="text"]#email { background: transparent url(../images/envelope.png) no-repeat 390px 7px !important; } .contact-form-holder input[type="text"]#subject { background: transparent url(../images/subject.png) no-repeat 390px 7px !important; } /* Client Map */ .client-map-title { left: 150px !important; } .client-map-holder { width: 420px !important; height: 226px !important; background-size: 420px !important; } /* Team Member - Social Networks */ .team-member .member-social { top:171px !important; left:100px !important; width: 200px !important; } .team-member img { width: 220px !important; height: 200px !important; } .team-member .member-holder { width: 220px; float: none; margin-left: 100px; } /* Laptop Features */ .laptop-features { width: 418px !important; padding:40px 0 20px 0 !important; margin-left: 0px !important; } .laptop-features img { display: none !important; } .laptop-features p { margin-bottom: 20px !important; } .laptop-monitor { display: none !important; } /* Items */ .laptop-features .laptop-item-left-one, .laptop-features .laptop-item-left-two, .laptop-features .laptop-item-right-one, .laptop-features .laptop-item-right-two, .laptop-features .laptop-item-right-three { width: 100% !important; position: relative !important; left: 0px !important; top:0px !important; } /* Recent Posts */ .rp-item-holder { width: 420px !important; } .rp-item-holder .rp-thumb, .rp-item-holder .rp-thumb img { width: 392px !important; height: 225px !important; } /* Top Circles */ .rp-item-holder .top-circles .top-first-circle { left: 167px !important; } .rp-item-holder .top-circles .top-second-circle { left: 164px !important; } .rp-item-holder .top-circles .top-third-circle { left: 182px !important; } .rp-item-holder .top-circles .top-fourth-circle { left: 178px !important; } /* Bottom Circles */ .rp-item-holder .bottom-circles .bottom-first-circle { left: 198px !important; } .rp-item-holder .bottom-circles .bottom-second-circle { left: 214px !important; } .rp-item-holder .bottom-circles .bottom-third-circle { left: 209px !important; } /* Feature v2 */ .feature-v2 { position: relative; float: left; } .feature-v2 img { display: none; } .feature-v2 .circle { position: relative !important; left:168px !important; top:0px !important; } .feature-v2 .circle-text { position: relative !important; left:140px !important; top:10px !important; } .feature-v2 .circle-item-first, .feature-v2 .circle-item-second, .feature-v2 .circle-item-third { float: left; width: 100%; padding: 30px 0; } /* Feature v3 */ .feature-v3 li { width: 355px !important; margin-left: 0px !important; } /* Feature v4 */ .feature-v4 { position: relative; float: left; } .feature-v4 img { display: none; } .feature-v4 .circle { position: relative !important; left:168px !important; top:0px !important; } .feature-v4 .circle-text { position: relative !important; left:140px !important; top:10px !important; } .feature-v4 .circle-item-first, .feature-v4 .circle-item-second, .feature-v4 .circle-item-third { float: left; width: 100%; padding: 30px 0; } /* Feature v5 */ .feature-v5 img.scale-with-grid { display: none; } .feature-v5 { position: relative !important; } .feature-v5 .circle { position: relative !important; } .feature-v5 .circle-item-holder { float: left; width: 100%; min-height: 210px; } .feature-v5 .top-text-holder { margin-bottom: 20px !important; position: relative !important; } .feature-v5 .circle { top:10px !important; left:170px !important; } .feature-v5 .circle-text { top:20px !important; left: 140px !important; position: relative !important; } /* Feature v6 */ .feature-v6 li { width: 100% !important; border-bottom: 1px dashed #dddddd !important; border-top: none !important; border-left: none !important; border-right: none !important; } .feature-v6 li.last { border-bottom: none !important; } /* Feature v7 */ .feature-v7 li { margin-bottom: 20px !important; } .feature-v7 li .circle.first { right: 90px !important; top:262px !important; } .feature-v7 li .circle.second { left: 90px !important; top:-28px !important; } .feature-v7 li .circle.second i { transform:rotate(90deg) !important; -ms-transform:rotate(90deg) !important; -webkit-transform:rotate(90deg) !important; } /* Feature v8 */ .feature-v8 img { display: none; } .feature-v8 .item-holder { width: 100% !important; margin:30px 0 !important; left: auto !important; top: auto !important; position: relative !important; } .feature-v8 .circle { margin-left: 166px !important; } /* FAQ */ .faq-links-holder{ width:355px !important; margin-left: 2px; } ol.faq-links { width:320px !important; } ol.faq-links.right { float:left !important; } .answer-content { width: 320px !important; } /* Maint Title */ .separator-holder i.fa { left: 197px !important; padding:2px 6px; } } @media only screen and (max-width: 479px) { /* Portfolio */ /* 4 Columns */ .port-filter li { float: left; } .c4 { width: 300px !important; } .c4 li { width: 300px !important; height: 255px !important; } .c4 li img { width: 300px !important; height: 255px !important; } .c4 article.da-animate i.fa { margin-top: 120px !important; } .c4 article.da-animate h3 { margin-top: 65px !important; } /* 3 Columns */ .c3 { width: 300px !important; } .c3 li { width: 300px !important; height: 255px !important; } .c3 li img { width: 300px !important; height: 255px !important; } .c3 article.da-animate i.fa { margin-top: 115px !important; } .c3 article.da-animate h3 { margin-top: 70px !important; } /* 2 Columns */ .c2 { width: 300px !important; } .c2 li { width: 300px !important; height: 255px !important; } .c2 li img { width: 300px !important; height: 255px !important; } .c2 article.da-animate i.fa { margin-top: 115px !important; } .c2 article.da-animate h3 { margin-top: 70px !important; } /* Portfolio Single Page */ .project-item-holder { height: auto !important; } /* Related Project */ .related-projects { width:298px !important; } .related-projects li { width: 298px !important; height: 254px !important; } .related-projects li img { width: 298px !important; height: 254px !important; } .related-projects.da-thumbs li article.da-animate i.fa { margin-top: 110px !important; } .related-projects.da-thumbs li article.da-animate h3 { margin-top:75px !important; } /* Style Swithcer */ #style_switcher { display: none; } /* Header Logo */ header .five img { float: none !important; } header .five { text-align: center; } /* Responsive Menu */ #mainNavigation ul { display: none; } #mainNavigation select { display: block !important; } /* Twitter Feed */ ul.footer-twitter-list li { max-width: 275px !important; } /* Scroll Top */ #scrollUp { display: none !important; } /* Footer */ #footer-copyright ul.copyright-menu { float: left !important; margin-top:10px !important; } #footer-copyright ul.copyright-menu li:first-child { padding-left: 0 !important; } footer .four { margin:15px 0 !important; } .footer-logo { padding-bottom:0px !important; } /* Team Member - Social Networks */ .team-member .member-social { top:171px !important; left:40px !important; } .team-member img { width: 220px !important; height: 200px !important; } .team-member .member-holder { width: 220px; float: none; margin-left: 40px; } /* Pricing Table v2 */ .pricing-v1-item { width: 300px !important; } .pricing-v1-item.r-bottom { margin-top: 30px; } .pricing-v1 { border-left: solid 1px #dddddd; } /* Pricing Table v2 */ .pricing-v2 { border-left: solid 1px #dddddd; } .pricing-v2 .first-header, .pricing-v2 .first-cta-button { border-left: none !important; } .pricing-v2.first-table { margin-top: 0px !important; } .pricing-v2-item { width: 300px !important; } .pricing-v2-item.r-bottom { margin-top: 30px; } /* Feature v3 */ .feature-v3 li { width: 237px !important; margin-left: 0px !important; } /* Blog */ .view, .view .mask, .blog-article iframe { width: 300px !important; height: 124px !important; } .zicer-effect:hover .mask { border:65px solid rgba(0,0,0,0.7) !important; } .blog-article .post-content .post-data-details, .blog-article .post-content .post-excerpt { width: 240px !important; } .post-navigation { width: 300px !important; } .blog-article .slides { width: 300px !important; } .post-navigation { margin:0 !important; padding-bottom: 40px; border-bottom:1px dotted #dfdfdf; } .post-navigation ul.p-navigation { float: left !important; } aside.sidebar { margin-top:0px !important; } .reply-holder input[type="text"] { width: 97% !important; } .reply-holder textarea { width: 95% !important; } .searcw { width:260px !important; } /* Comment Reply */ .reply-holder input[type="text"] { width:262px !important; } .reply-holder input[type="text"].name { background: transparent url(../images/user.png) no-repeat 273px 7px !important; } .reply-holder input[type="text"].email { background: transparent url(../images/envelope.png) no-repeat 273px 7px !important; } .reply-holder input[type="text"].website { background: transparent url(../images/link.png) no-repeat 273px 7px !important; } .reply-holder textarea { width:270px !important; } /* Breadcrumbs */ ul.breadcrumbs { float: left !important; margin-top: 8px !important; } /* Contact */ .contact-texture-content { width: 300px !important; } .contact-texture-text { margin-right: 0px !important; } .contact-form-holder input[type="text"] { width: 260px !important; } .contact-form-holder textarea { width: 268px !important; } .contact-info-list { margin:20px 0 !important; } .contact-form-holder input[type="text"]#name { background: transparent url(../images/user.png) no-repeat 390px 7px !important; } .contact-form-holder input[type="text"]#email { background: transparent url(../images/envelope.png) no-repeat 390px 7px !important; } .contact-form-holder input[type="text"]#subject { background: transparent url(../images/subject.png) no-repeat 390px 7px !important; } /* Client Map */ .client-map-title { left: 80px !important; } .client-map-holder { width: 300px !important; height: 161px !important; background-size: 300px !important; } /* Team Member - Social Networks */ .team-member .member-social { top:171px !important; left:40px !important; } .team-member img { width: 220px !important; height: 200px !important; } .team-member .member-holder { width: 220px; float: none; margin-left: 40px; } /* Laptop Features */ .laptop-features { width: 300px !important; padding:40px 0 20px 0 !important; margin-left: 0px !important; } .laptop-features img { display: none !important; } .laptop-features p { margin-bottom: 20px !important; } .laptop-monitor { display: none !important; } /* Items */ .laptop-features .laptop-item-left-one, .laptop-features .laptop-item-left-two, .laptop-features .laptop-item-right-one, .laptop-features .laptop-item-right-two, .laptop-features .laptop-item-right-three { width: 100% !important; position: relative !important; left: 0px !important; top:0px !important; } /* Slider */ .tp-caption.skin-box i.fa { width: 20px !important; height: 20px !important; font-size: 11px !important; } .tp-caption.medium_light_black { font-size: 8px !important; padding:0px 0px !important; } /* Recent Posts */ .rp-item-holder { width: 300px !important; } .rp-item-holder .rp-thumb, .rp-item-holder .rp-thumb img { width: 272px !important; height: 156px !important; } /* Top Circles */ .rp-item-holder .top-circles .top-first-circle { left: 108px !important; } .rp-item-holder .top-circles .top-second-circle { left: 105px !important; } .rp-item-holder .top-circles .top-third-circle { left: 123px !important; } .rp-item-holder .top-circles .top-fourth-circle { left: 118px !important; } /* Bottom Circles */ .rp-item-holder .bottom-circles .bottom-first-circle { left: 138px !important; } .rp-item-holder .bottom-circles .bottom-second-circle { left: 155px !important; } .rp-item-holder .bottom-circles .bottom-third-circle { left: 150px !important; } /* Feature v2 */ .feature-v2 { position: relative; float: left; } .feature-v2 img { display: none; } .feature-v2 .circle { position: relative !important; left:107px !important; top:0px !important; } .feature-v2 .circle-text { position: relative !important; left:77px !important; top:10px !important; } .feature-v2 .circle-item-first, .feature-v2 .circle-item-second, .feature-v2 .circle-item-third { float: left; width: 100%; padding: 30px 0; } /* Feature v4 */ .feature-v4 { position: relative; float: left; } .feature-v4 img { display: none; } .feature-v4 .circle { position: relative !important; left:107px !important; top:0px !important; } .feature-v4 .circle-text { position: relative !important; left:77px !important; top:10px !important; } .feature-v4 .circle-item-first, .feature-v4 .circle-item-second, .feature-v4 .circle-item-third { float: left; width: 100%; padding: 30px 0; } /* Feature v5 */ .feature-v5 img.scale-with-grid { display: none; } .feature-v5 { position: relative !important; } .feature-v5 .circle { position: relative !important; } .feature-v5 .circle-item-holder { float: left; width: 100%; min-height: 210px; } .feature-v5 .top-text-holder { margin-bottom: 20px !important; position: relative !important; } .feature-v5 .circle { top:10px !important; left:120px !important; } .feature-v5 .circle-text { top:20px !important; left: 90px !important; position: relative !important; } /* Feature v6 */ .feature-v6 li { width: 100% !important; border-bottom: 1px dashed #dddddd !important; border-top: none !important; border-left: none !important; border-right: none !important; } .feature-v6 li.last { border-bottom: none !important; } /* Feature v7 */ .feature-v7 li { margin-bottom: 20px !important; } .feature-v7 li .circle.first { right: 90px !important; top:262px !important; } .feature-v7 li .circle.second { left: 90px !important; top:-28px !important; } .feature-v7 li .circle.second i { transform:rotate(90deg) !important; -ms-transform:rotate(90deg) !important; -webkit-transform:rotate(90deg) !important; } /* Feature v8 */ .feature-v8 img { display: none; } .feature-v8 .item-holder { width: 100% !important; margin:30px 0 !important; left: auto !important; top: auto !important; position: relative !important; } .feature-v8 .circle { margin-left: 105px !important; } /* FAQ */ .faq-links-holder{ width:236px !important; margin-left: 2px; } ol.faq-links { width:200px !important; } ol.faq-links.right { float:left !important; } .answer-content { width: 205px !important; } /* Maint Title */ .separator-holder i.fa { left: 137px !important; padding:2px 6px; } } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */