@charset "utf-8"; /*------------------------------------------------------------------ [Responsive Stylesheet] Project:Stig Version:1.0 Last change:Initial RELEASED Primary use:MultiPurpose Template -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of contents] 1. Small desktop 2. Tablet landskape 3. Tablet Portrait 4. Phone 5. Small Phone 6. Max Height 768 -------------------------------------------------------------------*/ /* ============================== Small desktop ============================== */ @media only screen and (max-width:1366px){ .inner-nav ul li{ margin-left:25px; }
 }
 @media only screen and (max-width:1200px){ .hs-wrap{ max-width:540px; }
 .hs-line-2{ font-size:68px; }
 .hs-line-12{ font-size:70px; letter-spacing:0.3em; }
 .hs-line-13{ font-size:78px; letter-spacing:0.195em; }
 .alt-service-grid{ margin-top:-40px; }
 .alt-service-item{ margin-top:40px; padding-left:48px; }
 .alt-services-title{ font-size:14px; margin-bottom:5px; }
 .alt-services-image{ margin-top:10px; }
 .work-grid-5 .work-item{ width:25%; }
 .post-prev-title{ font-size:16px; font-weight:400; }
 }
 @media only screen and (max-width:1199px){ .tpl-alt-tabs{ font-size:13px; letter-spacing:0.2em; }
 .tpl-alt-tabs > li{ width:170px; }
 .split-section-wrapper{ padding:0 50px; }
 }
 /* ============================== Tablet landskape ============================== */ @media only screen and (max-width:1024px){ .hs-wrap{ max-width:480px; padding-top:37px; padding-bottom:43px; }
 .hs-line-2{ font-size:60px; }
 .hs-line-9{ font-size:71px; }
 .benefit-item{ width:300px; padding:15px 32px; }
 .page-section{ padding:120px 0; }
 .page-section,.home-section,.small-section{ background-attachment:scroll; }
 .owl-pagination{ bottom:25px; }
 .section-bot-image{ margin:120px 0 -120px; }
 .lp-item{ width:50%; }
 .lp-item:nth-child(4n + 5){ clear:none; }
 .lp-item:nth-child(2n + 3){ clear:left; }
 .lp-title,.lp-author{ font-size:13px; }
 }
 @media only screen and (max-width:992px){ .hs-line-13{ letter-spacing:0.17em; }
 .mod-breadcrumbs{ text-align:left !important; }
 .tpl-alt-tabs > li{ width:200px; }
 .split-section-headings, .split-section-headings.left, .split-section-headings.right, .split-section-content, .split-section-content.left, .split-section-content.right{ float:none !important; width:auto; }
 .banner-text{ text-align:center; }
 .banner-image{ margin:40px 0; }
 .team-item-name{ font-size:13px; }
 .features-icon{ font-size:64px; }
 .features-title{ font-size:20px; }
 .features-descr{ font-size:14px; }
 .work-item, .work-grid-3 .work-item, .container .work-grid-3 .work-item, .work-grid-5 .work-item{ width:50%; }
 .blog-item-date{ border:none; }
 }
 /* ============================== Tablet Portrait ============================== */ @media only screen and (max-width:768px){ .hs-wrap{ max-width:400px; }
 .hs-line-2{ font-size:48px; }
 .hs-line-7{ font-size:50px; }
 .page-section{ padding:80px 0; }
 .small-section{ padding:50px 0; }
 .small-title{ font-size:18px; }
 .owl-pagination{ bottom:17px; }
 .item-carousel .owl-pagination{ bottom:-53px; }
 .section-bot-image{ margin:80px 0 -80px; }
 .tpl-minimal-tabs > li{ padding:0 5px; }
 .benefit-item{ width:264px; }
 .count-descr{ margin-bottom:30px; }
 .alt-service-grid{ margin-top:-30px; }
 .alt-service-item{ margin-top:30px; }
 .works-filter a{ padding-left:10px; padding-right:10px; margin:4px; }
 .blog-item{ margin-bottom:50px; }
 .blog-item-date{ top:0; left:-100px; }
 .blog-item-title{ font-size:20px; }
 .blog-item-title .small{ font-size:15px; }
 .blog-item-body{ font-size:14px; }
 .blog-media{ margin-bottom:15px; }
 .blog-item-body .small{ font-size:13px; }
 #map-canvas{ height:300px; }
 .ssh-table{ min-height:300px !important; }
 }
 @media only screen and (max-width:767px){ .hs-wrap{ max-width:320px; padding-top:27px; padding-bottom:33px; }
 .hs-line-1{ font-size:24px; }
 .hs-line-2{ font-size:36px; }
 .hs-line-3{ font-size:13px; }
 .hs-image{ display:none; }
 .hs-wrap-1{ max-width:240px; }
 .hs-line-5{ font-size:44px; }
 .hs-line-6{ font-size:16px; }
 .hs-line-7{ font-size:32px; }
 .hs-line-9{ font-size:48px; }
 .hs-line-10{ padding:5px 8px; font-size:12px; letter-spacing:1px; }
 .hs-line-10 > span{ margin:0; }
 .hs-line-11{ font-size:24px; }
 .hs-line-12{ font-size:44px; }
 .hs-line-13{ font-size:60px; letter-spacing:0.1em; }
 .team-item{ max-width:370px; margin-left:auto; margin-right:auto; }
 .alt-features-grid{ margin-top:-30px; }
 .alt-features-item{ margin-top:30px; }
 .benefit-item{ width:230px; padding:0; }
 .benefit-item:hover:after{ display:none; }
 .wide-heading{ font-size:32px; letter-spacing:2px; }
 .works-filter a{ padding-left:10px; padding-right:10px; margin:4px; width:46%; font-size:12px; }
 .blog-item-date{ width:auto; position:relative; top:auto; left:auto; padding:0; text-align:left; }
 .date-num{ display:inline !important; margin:0 5px 10px 0; }
 .sidebar{ margin-top:50px; }
 blockquote p{ font-size:20px; }
 blockquote footer{ margin-top:0; font-size:12px; }
 .banner-content{ text-align:center; }
 .banner-image{ text-align:center; }
 .cf-left-col, .cf-right-col{ width:auto; margin-right:0; float:none; }
 .section-more, .section-more.left, .section-more.right{ float:none !important; display:block; }
 .big-icon{ width:60px; height:60px; line-height:56px; font-size:24px; margin-bottom:0; }
 }
 /* ============================== Phone ============================== */ @media only screen and (max-width:480px){ .btn-mod.btn-large{ padding:8px 15px; font-size:13px; }
 .form input[type="text"].input-lg, .form input[type="email"].input-lg, .form input[type="number"].input-lg, .form input[type="url"].input-lg, .form input[type="search"].input-lg, .form input[type="tel"].input-lg, .form input[type="password"].input-lg, .form input[type="date"].input-lg, .form input[type="color"].input-lg, .form select.input-lg{ height:38px; }
 .hs-line-1{ font-size:18px; }
 .hs-line-2{ font-size:28px; }
 .hs-line-5{ font-size:30px; }
 .hs-line-6{ font-size:15px; }
 .hs-line-7{ font-size:28px; }
 .hs-line-8{ font-size:12px; }
 .hs-line-9{ font-size:42px; }
 .hs-line-11{ font-size:20px; letter-spacing:0.2em; }
 .hs-line-12{ font-size:32px; }
 .hs-line-13{ font-size:30px; letter-spacing:0.1em; }
 .hs-line-14{ font-size:24px; letter-spacing:0.3em; }
 .scroll-down{ bottom:10px; height:34px; line-height:34px; }
 .scroll-down-icon{ width:22px; margin-left:-11px; }
 .scroll-down span{ display:none; }
 .nav-bar-compact{ top:0; left:0; }
 .page-section{ padding:60px 0; }
 .small-section{ padding:30px 0; }
 .owl-pagination{ bottom:10px; }
 .owl-page{ padding-left:1px; padding-right:1px; }
 .item-carousel .owl-pagination{ bottom:-40px; }
 .owl-prev,.owl-next{ display:none; }
 .section-bot-image{ margin:60px 0 -60px; }
 .section-title, .section-title.large, .wide-heading{ font-size:18px; }
 .section-heading, .sub-heading{ font-size:24px; }
 .section-text{ font-size:15px; line-height:1.7; }
 .tpl-minimal-tabs > li{ padding:0; }
 .tpl-minimal-tabs > li > a{ padding:6px 10px 5px; }
 .tpl-alt-tabs{ font-size:12px; letter-spacing:0.1em; }
 .tpl-alt-tabs > li{ width:120px; }
 .alt-tabs-icon{ font-size:32px; }
 .work-container{ padding:30px 0; }
 .margin-bot{ margin-bottom:30px; }
 .section-text, .text{ line-height:1.7; }
 .count-number{ font-size:32px; }
 .count-title{ font-size:12px; }
 .works-filter a{ width:100%; margin-left:0; margin-right:0; }
 .work-item, .work-grid-2 .work-item, .work-grid-3 .work-item, .container .work-grid-3 .work-item, .work-grid-5 .work-item{ width:100%; }
 .work-full-text{ margin-top:30px; }
 .work-full-title{ font-size:20px; }
 .blog-container{ margin-top:30px; margin-bottom:30px; }
 .blog-item-title{ font-size:16px; }
 .blog-item-q p{ font-size:16px; }
 .comment-avatar{ width:30px; margin-top:7px; }
 .comment-item{ font-size:13px; }
 .separ-space{ display:block; height:10px; }
 .bot-menu-item{ font-size:16px; }
 #map-canvas{ height:300px; }
 .fixed-height-small{ min-height:300px; }
 .fixed-height-medium{ min-height:350px; }
 .fixed-height-large{ min-height:400px; }
 .tpl-tabs > li{ display:block; float:none; width:100%; }
 .tpl-tabs > li.active a{ background:#f5f5f5 !important; }
 }
 /* ============================== Small Phone ============================== */ @media only screen and (max-width:319px){ .nav-social-links{ display:none; }
 }
 /* ============================== Max Height 768 ============================== */ @media only screen and (max-height:768px){ }