OwlCyberSecurity - MANAGER
Edit File: _home_3.scss
/*****hero area*****/ .counter-list { margin-right: 15px; margin-left: 0; } /*******category-area********/ .category-list { margin-right: 30px; margin-left: 0; } .category-list_icon { margin-left: 15px; margin-right: -30px; } .category-list_content { position: relative; overflow: hidden; padding: 26px 0px 26px 26px; } .category-list .icon-btn { left: -12px; right: auto; i { margin-right: -8px; margin-left: 0; transform: rotateY(180deg); } } /********work process area*********/ .process-card-wrap .process-arrow { left: 0; right: auto; transform: translate(-50%, 0); } /********testi area*********/ .testi-slider-3 .slick-arrow { left: 265px; right: auto; } .testi-slider-3 .slick-arrow.slick-next { left: calc(265px + 80px); right: auto; } .testi-slider-3 { margin-right: 140px; margin-left: 0; } .testi-slider-3 .slick-list { margin-right: 100px; margin-left: 0; } .testi-box.style2 .testi-box-author-details { margin-left: auto; margin-right: 20px; } @include hd { .testi-slider-3 .slick-arrow { left: 590px; } .testi-slider-3 .slick-arrow.slick-next { left: calc(590px + 80px); } } @media (max-width: 1600px) { .testi-slider-3 .slick-list { margin-right: 90px; margin-left: 0; } .testi-slider-3 { margin-right: 0; } .testi-slider-3 .slick-arrow { left: 110px; } .testi-slider-3 .slick-arrow.slick-next { left: calc(110px + 80px); } } @include xxl { .testi-slider-3 .slick-list { margin-right: 50px; } .testi-slider-3 { margin-right: -40px; } .testi-slider-3 .slick-arrow.slick-next { left: calc(30px + 80px); } .testi-slider-3 .slick-arrow { left: 30px; } } @include lg { .testi-slider-3 .slick-list { margin-right: 70px; } .testi-slider-3 { margin-right: -50px; } } @include md { .testi-slider-3 { margin-right: 10px; margin-left: 15px; } .testi-slider-3 .slick-list { margin-right: 0; } } @include xs { .testi-slider-3 { margin-left: -10px; margin-right: -10px; } } @media (max-width: 320px) { .testi-box.style2 .testi-box-author-details { margin-left: auto; margin-right: 10px; } } /*********pricing area*********/ .price-card .checklist { ul { text-align: center; } li { padding-right: 0px; } } .price-card .checklist li i { margin-left: 4px; margin-right: 0; } .newsletter-area-1 { padding: 80px 0px 80px 60px; } .newsletter-area-1 .newsletter-thumb { left: auto !important; right: 0; transform: rotateY(180deg); } @include md { .newsletter-area-1 { padding: 60px; } }