| Server IP : 66.29.137.217 / Your IP : 3.145.171.144 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/./.trash/new/assets/css/ |
Upload File : |
/*
Theme Name: Shapro
Theme URI: http://themewar.com/html/shapro/
Author: themewar
Author URI: https://themeforest.net/user/themewar/portfolio
Description: Shapro - Multipurpose Landing Page HTML5 Responsive Templates
Version: 1.0
License:
License URI:
*/
/*=======================================================================
[Table of contents]
=========================================================================
1. Responsive For Extra large Device 2
2. Desktop Device
3. Responsive For Tab Device
4. Responsive For Mobile & Tab
5. Responsive For Mobile Device
*/
/*------------------------------------------------------------------------------------
/ 1. Responsive For Extra large Device 2
--------------------------------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1800px){
.menu_1 > ul > li:nth-last-child(1) > ul ul,
.menu_1 > ul > li:nth-last-child(2) > ul ul{
left: auto;
right: 100%;
}
.menu_1 > ul > li:nth-last-child(1) > ul li:hover ul,
.menu_1 > ul > li:nth-last-child(2) > ul li:hover ul{
right: 100%;
}
.banner-01{
height: auto;
padding: 180px 0 80px;
}
.banner-02{
height: auto;
background-position: bottom right;
}
.layer-thumb{
margin-right: -80px;
}
.layer-thumb img{
max-width: 100%;
}
.banner-content-2{
padding-top: 45px;
}
.banner-content-2 h2{
font-size: 55px;
line-height: 60px;
}
.banner-content-2 ul{
margin-bottom: 40px;
}
.ab-thumb-6,
.design-thumb{
margin-right: -80px;
}
.ab-thumb-6 img,
.design-thumb img{
max-width: 100%
}
.listing-number{
margin-right: 20px;
}
.ab-content-2 {
padding-left: 25px;
padding-right: 80px;
}
.banner-03{
height: auto;
padding: 180px 0 80px;
}
.banner-content-3{
padding-top: 30px;
}
.banner-content-4 h2,
.banner-content-3 h2{
font-size: 55px;
line-height: 60px;
}
.review-section:before{
top: 6px;
}
.plan-wrapper{
margin-left: -110px;
}
.plan-price-wrapper{
margin-right: -100px;
}
.banner-04{
height: auto;
padding: 180px 0 80px;
}
.banner-content-4{
padding-top: 70px;
padding-right: 90px;
}
.bs-thumb{
padding-left: 30px;
}
.bs-thumb img{
width: 100%;
}
.video-tab-title{
margin-right: 150px;
}
.video-tab-content h2{
font-size: 55px;
}
.header-05{
padding: 0 30px;
}
.folio-section .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
.folio-item-2 img{
width: auto;
}
.fi-details h5{
font-size: 25px;
}
.ser-shape-1{
left: 10%;
}
.ser-shape-2{
right: 9%;
}
.sf-detail{
padding-right: 20px;
padding-left: 30px;
}
.sf-detail p{
font-size: 16px;
line-height: 26px;
}
.sf-detail ul{
margin-left: 0;
}
.sf-detail ul li{
font-size: 22px;
margin: 20px 0;
}
}
/*------------------------------------------------------------------------------------
/ 2. Desktop Device
/--------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px){
/* Home One*/
.menu_1 ul li{
margin-right: 32px;
}
.menu_1 > ul > li:nth-last-child(1) > ul ul,
.menu_1 > ul > li:nth-last-child(2) > ul ul,
.menu_1 > ul > li:nth-last-child(3) > ul ul{
left: auto;
right: 100%;
}
.menu_1 > ul > li:nth-last-child(1) > ul li:hover ul,
.menu_1 > ul > li:nth-last-child(2) > ul li:hover ul,
.menu_1 > ul > li:nth-last-child(3) > ul li:hover ul{
right: 100%;
}
.sec-title-2,
.sec-title{
font-size: 42px;
line-height: 50px;
}
.single-info h5{
margin-right: 35px;
}
.single-info h5:after{
right: -16px;
}
.banner-01{
height: auto;
padding: 180px 0 80px;
}
.banner-content-1 h2{
font-size: 50px;
line-height: 56px;
}
.skill-thumb-2 img{
width: 100%;
height: auto;
}
.skill-wrapper{
display: block;
margin-bottom: 31px;
}
.skill-wrapper .circle-skill{
margin-bottom: 20px;
}
.billing-ads,
.skill-thumb{
margin-left: 0;
}
.skill-content{
padding-left: 0;
}
.video-slide,
.feature-content-2{
margin-right: 0;
}
.ab-feaure h5{
line-height: 30px;
}
.skill-section-1 .sec-title,
.micro-service-section .sec-title,
.delivery-section .sec-title,
.design-content .sec-title-2,
.skill-section-3 .sec-title,
.work-software .sec-title,
.track-customers .sec-title,
.ab-content-2 .sec-title,
.order-booking-sec .sec-title,
.ads-section .sec-title{
font-size: 42px;
line-height: 50px;
}
.feature-box{
padding-right: 0;
}
.no-padd{
padding: 0;
}
.mt-278 {
margin-top: 100px;
}
.p-title{
font-size: 26px;
}
.team-section-1 .sub-title{
margin-top: 0;
}
.bi-details h3{
font-size: 30px;
line-height: 36px;
}
.b-pd-right {
padding-right: 15px;
}
.b-pd-left {
padding-left: 15px;
}
.contact-form-1{
padding: 0;
}
footer .widget .widget-title{
font-size: 25px;
}
.twitter-widget{
margin-left: 0;
}
.banner-02{
height: auto;
}
.layer-thumb{
margin-right: -25px;
margin-top: 80px;
}
.layer-thumb img{
max-width: 100%;
}
.design-thumb{
margin-top: 100px;
}
.design-thumb img{
max-width: 100%;
}
.feaure-item-4{
padding-right: 20px;
}
.professional-section-1{
background-position: top center;
}
.profesion-content .sec-desc{
margin-right: 0;
}
.header-02{
padding: 0;
}
.banner-content-2{
margin-left: 0;
padding-right: 0;
padding-top: 60px;
}
.banner-content-2 h2{
font-size: 58px;
line-height: 70px;
}
.micro-service-section{
overflow: hidden;
}
.suppor-form,
.service-item-1,
.pricing-item-2{
padding-right: 25px;
padding-left: 25px;
}
.profesion-content {
padding: 0 0 0 40px;
}
.feaure-item-4 h4{
font-size: 26px;
}
.about-section-2{
margin: 0;
}
.ab-content-2{
padding-right: 0;
padding-left: 20px;
}
.ab-thumb{
margin: 150px 0 0;
}
.listing-number {
margin: 0 0 0 -35px;
}
.quote{
padding: 50px 30px 55px;
}
.header-03 .access_btns{
padding-left: 0;
}
.banner-03{
height: auto;
}
.banner-content-3{
padding-top: 100px;
}
.banner-content-3 h2{
font-size: 55px;
line-height: 65px;
}
.ab-thumb-3 {
margin-right: 0;
margin-left: -20px;
}
.ab-thumb-4,
.about-section-3 .sub-title{
padding-top: 50px;
}
.delivery-section .sec-title{
margin-top: 20px;
}
.work-software .sec-desc{
margin-right: 0;
}
.video-banner{
min-height: 500px;
}
.pricing-item-3{
padding-left: 30px;
padding-right: 30px;
}
.pricing-item-3 .price-thumb {
width: calc(100% + 60px);
left: -30px;
}
.pricing-item-3 h3{
font-size: 32px;
}
.skill-area,
.service-item-2{
margin-right: 0;
margin-left: 0;
}
.ai-details h3{
font-size: 30px;
}
.ai-details{
padding-left: 35px;
padding-right: 30px;
}
.review-section:before{
background-position: right bottom;
}
.mailchimp-form input[type="email"]{
width: 295px;
}
.rss-content{
padding-left: 0;
}
.header-04{
padding: 0 15px;
}
.pricing-item-4{
padding-left: 50px;
padding-right: 30px;
}
.plan-price-wrapper{
margin-right: 0;
}
.plan-wrapper{
margin-left: 0;
margin: 0 0 30px;
display: flex;
justify-content: space-around;
}
.plan-wrapper .plan-item {
position: relative;
padding-left: 150px;
}
.plan-price-wrapper .col-lg-7{
padding-top: 100px;
}
.ab-list-feature ul{
right: 50px;
}
.ab-list-feature ul li{
color: #fff;
}
.banner-04{
height: auto;
}
.banner-content-4{
padding-right: 0;
margin-left: -50px;
padding-top: 90px;
}
.banner-content-4 h2{
font-size: 54px;
line-height: 65px;
}
.ts-author-thumb{
margin: 70px 0 0;
}
.ts-author{
padding-right: 30px;
}
.testimonial-slider-two .slick-list.draggable{
margin-left: -45px;
}
.quote-icon{
left: -25px;
}
.ts-author p{
font-size: 20px;
line-height: 40px;
}
.team-content{
padding-left: 30px;
padding-bottom: 0;
}
.team-content .sec-title{
font-size: 36px;
}
.story-content{
width: 40%;
}
.singleFaq-2 .card-header .btn{
padding-left: 70px;
font-size: 20px;
}
.singleFaq-2 .card-header .btn:after,
.singleFaq-2 .card-header .btn.collapsed:after{
left: 18px;
}
.singleFaq-2 .card-body{
padding: 11px 20px 25px;
font-size: 16px;
line-height: 26px;
}
.mailchimp-form-two input[type="submit"]{
padding: 0 20px;
}
.header-05{
padding: 0;
}
.bs-thumb img,
.ab-thumb-6 img{
width: 100%;
}
.ab-thumb-6,
.bs-thumb{
padding: 100px 0 0;
margin-top: 0;
}
.blog-section .sec-title{
font-size: 35px;
line-height: 45px;
}
.order-booking-sec .sec-title,
.order-booking-sec .sec-desc,
.blog-wrapper{
margin-right: 0;
}
.blog-item-3 .bi-thumb{
width: 150px;
}
.blog-item-3 .bi-details{
padding: 0 0 0 174px;
}
.header-05 .head-nav h5{
display: none;
}
.banner-content-5 h2{
font-size: 110px;
}
.banner-content-5 p{
font-size: 36px;
}
.b5-layer-thumb .layer-left{
left: 0;
}
.b5-layer-thumb .layer-right{
right: 0;
}
.gallery-snaps{
margin: -5px 0px 0;
}
.footer-5 .about-widget{
margin: 0 5px;
}
.footer-5 .about-widget-two h2{
font-size: 21px;
}
.pricing-item-5{
padding-right: 20px;
padding-left: 25px;
}
.pricing-item-5 h3{
font-size: 32px;
}
.pricing-item-5 .p-price{
font-size: 60px;
}
.pricing-item-5 .shapro-btn-5{
padding: 31px 28px;
}
.team-section-3{
padding-bottom: 50px;
}
.video-section-4{
padding-left: 30px;
}
.video-tab-content h2 {
font-size: 45px;
line-height: 55px;
margin-bottom: 42px;
}
.video-tab-title{
margin-right: 50px;
}
.folio-details h3{
font-size: 24px;
}
.funfact-item-1 h2{
font-size: 50px;
}
.video-content .sec-title{
font-size: 40px;
line-height: 48px;
}
.folio-section .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
.shaf-filter li{
margin-right: 50px;
}
.detils-folio{
padding-left: 0;
}
.detils-folio h3{
font-size: 32px;
}
.full-width-2 .detils-folio{
padding: 0 0px;
}
.service-feature-section{
display: block;
}
.ser-f-item{
display: inline-block;
width: 50%;
letter-spacing: 0;
margin: 0 -2px -8px;
}
.sf-detail{
padding-right: 20px;
padding-left: 30px;
}
.sf-detail p{
font-size: 16px;
line-height: 26px;
}
.productSlide{
margin-right: 0;
padding-left: 120px;
}
.s-ab-1{
margin-left: -20px;
margin-top: 100px;
}
.s-ab-2 img{
width: 100%;
height: auto;
margin-top: 100px;
}
.product-meta{
margin-top: 24px;
}
.blog-item-4 .bi-details h3{
font-size: 30px;
line-height: 38px;
}
.blog-sidebar .widget{
padding-right: 20px;
padding-left: 20px;
}
.delivery-feature .listing-item{
right: 50px;
}
.work-software .sec-desc, .work-software .shapro-btn-3, .work-software .sec-title{
margin-left: 0;
margin-right: 0;
}
.work-thumb{
margin-top: 0;
}
.work-thumb img{
max-width: 100%;
}
.work-software{
padding-top: 90px;
}
}
/*------------------------------------------------------------------------------------
/ 3. Responsive For Tab Device
/--------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px){
/*-- Home One ---*/
.menuButton a{
margin-right: 15px;
}
.layer-thumb-1{
display: none;
}
.banner-01{
height: auto;
padding: 120px 0 150px;
}
.banner-content-1 h2{
font-size: 55px;
line-height: 65px;
}
.about-section-1{
background-position: left top;
}
.ads-section .sec-title,
.micro-service-section .sec-title,
.video-section-2 .sec-title,
.ab-content-2 .sec-title,
.contact-section-1 .sec-title,
.skill-section-1 .sec-title,
.sec-title-2,
.sec-title{
font-size: 40px;
line-height: 48px;
}
.list-area{
width: 320px;
padding: 23px 25px 22px;
margin-right: 30px;
margin-top: -100px;
}
.skill-thumb{
margin: 0 0 40px;
}
.skill-thumb-2,
.mt-278 {
margin-top: 40px;
}
.ab-content-2{
padding: 0 20px;
}
.banner-02{
background-position: bottom right;
}
.hide-tab{
display: none;
}
.ab-thumb-3{
margin-top: 150px;
}
.delivery-feature .listing-item{
right: 55px;
}
}
/*------------------------------------------------------------------------------------
/ 4. Responsive For Mobile & Tab
/--------------------------------------------------------------------------------------*/
@media (max-width: 991px){
/*--- Menu ---*/
.menuButton{
display: block;
z-index: 2;
position: relative;
padding: 0 0;
}
.header-01 .col-lg-9{
position: static;
}
.menu_1 {
position: static;
margin: -65px 0 0;
z-index: 3;
}
.menu_1 > ul{
display: none;
}
.menu_1 > ul{
position: absolute;
left: 0;
top: 100%;
height: auto;
background: #051133;
width: 100vw;
z-index: 9;
padding: 15px;
border-bottom: 3px solid #364aeb;
}
.menu_1 > ul > li{
margin: 0;
padding: 15px 15px;
border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.menu_1 > ul > li:last-child{
border-bottom: none;
}
.menu_1 > ul > li > a:after, .menu_1 > ul > li > a:before{
display: none;
}
.menu_1 > ul > li > a{
color: #FFF;
}
.menu_1 > ul > li ul, .menu_1 > ul > li ul li ul{
position: relative;
width: 100%;
left: auto;
top: auto;
opacity: 1;
visibility: visible;
padding: 15px 0 0;
border-bottom: none;
background: transparent;
display: none;
transform: none;
-moz-transform: none;
-webkit-transform: none;
transition: none;
-moz-transition: none;
-webkit-transition: none;
}
.menu_1 > ul > li:hover > ul {
opacity: 1;
visibility: visible;
transform: none;
-moz-transform: none;
-webkit-transform: none;
transition: none;
-moz-transition: none;
-webkit-transition: none;
}
.menu_1 > ul > li ul li ul{
padding-top: 10px;
}
.menu_1 > ul > li ul li{
border: none;
padding: 0 20px;
}
.menu_1 > ul > li ul li a{
color: #fff;
font-weight: 400;
}
.menu_1 > ul > li ul li a:hover{
color: #364aeb;
}
.menu_1 > ul > li ul li.menu-item-has-children:before,
.menu_1 > ul > li ul li:after{
display: none;
}
.submenu_toggler{
display: block;
position: absolute;
right: 0;
top: 4px;
width: 32px;
height: 32px;
background: rgba(255, 255, 255, 1);
font-size: 13px;
line-height: 32px;
color: #364aeb;
text-align: center;
cursor: pointer;
z-index: 9;
padding: 2px 0;
transition: all ease 300ms;
-moz-transition: all ease 300ms;
-webkit-transition: all ease 300ms;
}
.menu_1 > ul > li > ul > li .submenu_toggler{
right: -15px;
}
.submenu_toggler.active-span, .submenu_toggler:hover{
background: #364aeb;
color: #FFF;
}
.menu_1 > ul > li ul li.menu-item-has-children:after{
display: none;
}
.logo-1{
padding: 20px 0;
width: 50%;
z-index: 3;
}
.menu_popup > ul {
overflow-y: scroll;
}
.billing-ads{
margin: 0;
}
.divider2{
margin: 120px 0 60px;
}
.skill-thumb-2 img{
width: 100%;
height: auto;
}
.feature-content-2{
margin: 0;
padding-top: 100px;
}
.video-slide{
margin-right: 0;
}
.feature-box{
padding-right: 0;
}
.contact-form-1{
padding: 0;
}
.twitter-widget{
margin-left: 0;
}
.single-info h5:nth-child(2){
display: none;
}
.single-info h5:after{
display: none;
}
.single-info h5{
display: block;
margin: 0;
}
.work-thumb img{
max-width: 100%;
}
.work-software .sec-desc, .work-software .shapro-btn-3, .work-software .sec-title{
margin-left: 0;
margin-right: 0;
}
.access_btns{
padding: 0;
}
.access_btns a.src_btn, .access_btns a.cart{
height: 45px;
width: 45px;
line-height: 45px;
}
.team-section-1 .shapro-btn-1{
margin-bottom: 50px;
}
.bi-details h3{
font-size: 30px;
line-height: 36px;
}
.b-pd-right {
padding-right: 15px;
}
.b-pd-left {
padding-left: 15px;
}
.layer-thumb img{
max-width: 100%;
}
.design-thumb img{
max-width: 100%;
}
.professional-slide.owl-carousel{
margin: 0;
}
.header-02{
padding: 0 15px;
}
.header-02 .access_btns{
padding: 0;
margin-top: -5px;
}
.banner-content-2{
padding-right: 0;
margin: 0;
}
.banner-content-2 h2{
font-size: 40px;
line-height: 50px;
margin-bottom: 10px;
}
.profesion-content .sec-desc{
margin-right: 0;
}
.video-btn-4{
padding: 0 65px;
}
.micro-service{
margin-bottom: 50px;
}
.micro-service-section .shapro-btn-2{
padding: 0 75px;
}
.about-widget-two h2{
font-size: 32px;
line-height: 40px;
}
.suppor-form h2{
font-size: 28px;
}
.suppor-form{
padding-right: 20px;
padding-left: 20px;
}
.profesion-content{
padding-left: 0;
}
.skill-section-2{
background-size: cover;
}
.skill-item-2{
margin-bottom: 40px;
}
.about-section-2{
margin: 0;
}
.ab-thumb{
margin: 0;
text-align: center;
}
.ab-content-2{
margin: 0 0 40px;
}
.listing-number li{
width: 33%;
}
.singleFaq .card-header .btn{
font-size: 19px;
line-height: 24px;
}
.about-section-2 .listing-number{
padding-top: 50px;
}
.design-content{
padding: 0 0 40px;
}
.layer-thumb{
display: none;
}
.banner-02{
height: auto;
padding: 90px 0 120px;
}
.header-02 .logo-1{
padding: 20px 0;
}
.feaure-item-3 h4{
font-size: 24px;
}
.header-02 .menu_1 > ul > li{
margin: 0;
}
.header-02 .col-lg-9{
position: static;
}
.header-02 .menu_1 ul li a{
color: #fff;
}
.header-02 .menu_1 > ul > li ul li a:hover{
color: #2c9c4c;
}
.header-02 .menu_1 > ul{
border-color: #2c9c4c;
}
.header-02 .submenu_toggler{
color: #2c9c4c;
}
.header-02 .submenu_toggler.active-span, .header-02 .submenu_toggler:hover {
background: #2c9c4c;
color: #FFF;
}
.header-02 .menuButton a:hover{
color: #2c9c4c;
}
.micro-service-section{
overflow: hidden;
}
.support-section{
background-size: cover;
}
.banner-03{
height: auto;
}
.banner-content-3 h2{
font-size: 60px;
line-height: 70px;
}
.ab-thumb-3 {
margin-right: 0;
margin-left: 0;
}
.video-banner{
min-height: 500px;
}
.rss-content .playstore-btn{
display: block;
}
.mailchimp-form input[type="email"]{
width: 100%;
display: block;
}
.mailchimp-form input[type="submit"]{
display: block;
float: none;
margin: 10px 0 0;
}
.rss-content{
padding-left: 0;
}
.rss-content .sec-title,
.mailchimp-form h4{
line-height: 36px;
}
.review-tab-content{
position: relative;
margin: 0;
left: 0;
padding: 40px 25px 30px;
}
.review-section:before{
top: 16px;
left: -5px;
}
.testimonial-details p{
font-size: 22px;
line-height: 34px;
}
.review-section{
padding-bottom: 120px;
}
.pricing-item-3{
padding-left: 30px;
padding-right: 30px;
margin: 0 0 30px;
}
.pricing-item-3 .price-thumb {
width: calc(100% + 60px);
left: -30px;
}
.pricing-item-3 h3{
font-size: 32px;
}
.service-item-2{
margin: 0 0 50px;
display: block;
}
.ai-details h3{
font-size: 30px;
}
.ai-details{
padding-left: 25px;
padding-right: 20px;
}
.work-software .sec-title,
.plan-price-wrapper .col-lg-7 .sec-title,
.delivery-section .sec-title,
.story-section-1 .sec-title,
.skill-section-4 .sec-title,
.about-section-4 .sec-title,
.pricing-section-4 .sec-title,
.skill-section-3 .sec-title{
font-size: 36px;
line-height: 42px;
}
.ab-thumb-4,
.delivery-feature,
.skill-area{
margin: 50px 0 0;
}
.si-details {
padding: 35px 0 0 0px;
}
.work-software{
padding: 100px 0;
}
.banner-content-3{
padding-top: 70px;
}
.header-04 .logo-1,
.header-05 .logo-1,
.header-03 .logo-1 {
padding: 20px 0;
}
.header-03 .access_btns{
padding: 0;
margin-top: -5px;
}
.header-03 .menu_1 > ul > li{
margin: 0;
}
.header-03 .col-lg-9{
position: static;
}
.header-03 .menu_1 ul li a{
color: #fff;
}
.header-03 .menu_1 > ul > li ul li a:hover{
color: #f22f3a;
}
.header-03 .menu_1 > ul{
border-color: #f22f3a;
}
.header-03 .submenu_toggler{
color: #f22f3a;
}
.header-03 .submenu_toggler.active-span, .header-03 .submenu_toggler:hover {
background: #f22f3a;
color: #FFF;
}
.header-03 .menuButton a:hover{
color: #f22f3a;
}
.anim-right .active .video-tab-content,
.anim-right .active .review-tab-content {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.header-04{
padding: 0 15px;
}
.banner-04{
height: auto;
}
.banner-content-4{
padding-right: 0;
padding-left: 0;
padding-top: 70px;
}
.banner-content-4 h2{
font-size: 52px;
line-height: 62px;
}
.plan-price-wrapper{
margin-right: 0;
}
.testimonial-slider-two .slick-track{
padding-left: 0;
}
.testimonial-slider-two .slick-list.draggable {
margin-left: 0;
}
.team-content{
margin-right: 0;
}
.faq-area{
margin-left: 0;
}
.ab-list-feature ul{
right: 0;
}
.ab-list-feature ul li{
width: 100%;
}
.head-nav{
padding-top: 25px;
}
.si-shape{
right: auto;
left: 105px;
}
.sn-2 .si-shape{
display: none;
}
.about-section-5 .sub-title{
padding-top: 30px;
}
.services-form{
margin-right: 60px;
margin-top: -15px;
margin-left: -20px;
}
.online-service-section .sub-title{
margin-top: 30px;
}
.pricing-item-4{
padding-left: 25px;
padding-right: 20px;
}
.plan-price-wrapper .col-lg-7 {
padding: 80px 30px 30px 40px;
}
.plan-wrapper{
margin: 0 0 30px;
}
.plan-wrapper .plan-item{
width: 49%;
display: inline-block;
}
.ts-author-thumb{
margin: 0 50px;
}
.team-slider.owl-carousel{
margin-top: 0;
}
.sec-desc br{
display: none;
}
.story-content{
left: 25px;
width: 60%;
}
.story-content h3{
font-size: 28px;
line-height: 36px;
}
.story-content p{
font-size: 17px;
margin-bottom: 20px;
}
.righ-align .story-content{
width: 50%;
right: 20px;
}
.mailchimp-form-two input[type="submit"]{
position: relative;
margin: 10px 0 0;
}
.cf-thumb{
margin: 150px 0 0;
}
.bs-thumb{
padding-left: 0;
}
.ab-thumb-6 img,
.bs-thumb img{
max-width: 100%;
}
.blog-wrapper{
margin-right: 0;
}
.video-section-4{
padding-left: 0;
}
.video-tab-title{
margin-right: 50px;
}
.video-tab-content h2{
font-size: 50px;
line-height: 60px;
margin-bottom: 35px;
}
.ts-three-item{
padding: 0 80px;
}
.booking-tab-content h2{
font-size: 36px;
line-height: 46px;
}
.order-booking-sec .sec-title,
.order-booking-sec .sec-desc{
margin-right: 0;
}
.header-05{
padding: 0 15px 0 30px;
}
.header-05 .head-nav{
padding: 0;
}
.header-05 .menu_1 > ul > li{
margin: 0;
}
.header-05 .col-lg-9{
position: static;
}
.header-05 .menu_1 ul li a{
color: #fff;
}
.header-05 .menu_1 > ul > li ul li a:hover{
color: #9250ee;
}
.header-05 .menu_1 > ul{
border-color: #9250ee;
}
.header-05 .submenu_toggler{
color: #9250ee;
}
.header-05 .submenu_toggler.active-span, .header-05 .submenu_toggler:hover {
background: #9250ee;
color: #FFF;
}
.header-05 .menuButton a:hover{
color: #9250ee;
}
.banner-content-5 h2{
font-size: 85px;
}
.banner-content-5 p{
font-size: 30px;
line-height: 38px;
}
.banner-05{
padding-top: 250px;
min-height: auto;
background-position: bottom center;
}
.b5-layer-thumb .layer-right,
.b5-layer-thumb .layer-left{
display: none;
}
.team-section-3 .sec-title,
.order-booking-sec .sec-title,
.portfolio-section-1 .sec-title,
.track-customers .sec-title{
font-size: 40px;
line-height: 48px;
}
.funfact-item-1 h2{
font-size: 32px;
}
.funfact-item-1 h5{
font-size: 16px;
line-height: 24px;
}
.booking-tab-title li a{
font-size: 20px;
}
.folio-details h3{
font-size: 24px;
}
.folio-details .f-cate{
font-size: 17px;
}
.ab-thumb-6{
padding-top: 200px;
}
.team-section-3{
padding-bottom: 50px;
}
.pricing-item-5{
padding-left: 25px;
padding-right: 20px;
margin-bottom: 80px;
}
.pricing-item-5 h3{
font-size: 32px;
}
.borders{
border-right: none;
}
.footer-5 .gallery-widget{
margin-top: 50px;
}
.col-lg-8 .folio-item-1 img {
min-height: 420px;
}
.video-content{
padding: 0;
}
.video-content .sec-title{
font-size: 30px;
line-height: 40px;
}
.funfact-item-2{
padding-left: 80px;
}
.funfact-item-2 h2{
font-size: 45px;
}
.funfact-item-2 p{
font-size: 20px;
}
.page-banner{
min-height: 560px;
padding-top: 320px;
}
.contact-form-2 input[type="text"],
.contact-form-2 input[type="email"],
.contact-form-2 input[type="url"],
.contact-form-2 input[type="number"],
.contact-form-2 textarea{
padding-left: 20px;
padding-right: 20px;
}
.folio-section .sec-title{
font-size: 40px;
}
.folio-section .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
.shaf-filter li{
margin-right: 40px;
}
.fi-details h5{
font-size: 24px;
}
.detils-folio{
padding: 10px 0 0;
}
.full-width .meta-item{
margin: 40px 0 -15px;
}
.full-width .detils-folio{
margin-bottom: 40px;
}
.full-width .col-lg-3,
.full-width .col-lg-4 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.full-width-2 .detils-folio h3{
font-size: 40px;
line-height: 46px;
}
.full-width-2 .detils-folio{
padding: 0 0px;
}
.folio-video{
min-height: 500px;
}
.ser-shape-1,
.ser-shape-2{
display: none;
}
.service-feature-section{
display: block;
}
.ser-title{
margin-bottom: 20px;
}
.client-section p{
margin-top: 50px;
}
.products-details{
left: 30px;
bottom: 30px;
}
.products-details h3{
font-size: 25px;
line-height: 30px;
}
.product-item .product_price{
left: 30px;
top: 30px;
}
.col-md-4 .product-item .product_price {
left: 20px;
top: 30px;
}
.productSlide{
margin-right: 0;
}
.s-ab-1{
margin-left: 0;
}
.s-ab-2 img{
width: 100%;
height: auto;
margin-top: 50px;
}
.product-meta{
margin-top: 24px;
}
.product-desc{
margin-top: 50px;
}
.blog-sidebar{
margin-top: 50px;
}
}
/*------------------------------------------------------------------------------------
/ 5. Responsive For Mobile Device
--------------------------------------------------------------------------------------*/
@media (max-width: 767px){
.bi-thumb-4 p{
left: 15px;
}
.blog-item-4 .bi-details h3{
font-size: 30px;
line-height: 38px;
}
.product-item img{
min-height: 300px;
}
.pd-price{
padding-left: 15px;
padding-right: 15px;
}
.shop-ab-1 .sec-desc{
font-size: 20px;
line-height: 30px;
}
.shop-ab-1 .sec-title, .shop-ab-2 .sec-title{
font-size: 36px;
line-height: 46px;
}
.productSlide .carousel-indicators{
position: relative;
}
.productSlide .carousel-indicators li{
float: left;
width: 90px;
height: 90px;
margin: 30px 6px 0 0;
}
.productSlide .carousel-indicators li:last-child{
margin-right: 0;
}
.productSlide{
padding-left: 0;
}
.sf-detail ul li i{
font-size: 30px;
line-height: 30px;
margin-right: 12px;
}
.sf-detail ul li{
font-size: 17px;
margin: 15px 0;
}
.ser-f-item img{
min-height: 320px;
width: auto;
}
.graph-date{
width: 250px;
}
.sf-detail h3{
font-size: 24px;
}
.sf-detail{
padding-right: 20px;
padding-left: 30px;
}
.sf-detail p{
font-size: 16px;
line-height: 26px;
}
.full-width-2 .detils-folio h3{
font-size: 30px;
line-height: 38px;
}
.foliodetails-section .noPadding{
padding: 0;
}
.detils-folio h3{
font-size: 30px;
}
.fi-details h5{
font-size: 20px;
}
.shaf-sizer{
display: none;
}
.shaf-filter li {
margin-right: 23px;
margin-bottom: 8px;
}
.icon-box-1 i{
left: -12px;
}
.banner-title{
font-size: 40px;
line-height: 45px;
}
.video-content,
.funfact-item-2{
margin-bottom: 40px;
}
.footer-5 .about-widget,
.gallery-snaps{
margin-right: 0;
margin-left: 0;
}
.footer-5 .widget{
margin-top: 0;
margin-bottom: 50px;
}
.footer-5 .copyright{
padding-top: 50px;
}
.blog-item-3 .bi-thumb{
position: relative;
}
.blog-item-3 .bi-details{
padding: 20px 0 0;
}
.blog-section .sec-title{
font-size: 36px;
line-height: 46px;
}
.pricing-item-5 .shapro-btn-5{
padding: 31px 29px;
}
.pricing-item-5 .p-price{
font-size: 60px;
}
.ab-thumb-6 {
padding-top: 40px;
}
.video-tab-title li a:after{
width: 0;
right: 0;
left: 0;
height: 3px;
bottom: -45px;
}
.video-tab-title li a.active:after, .video-tab-title li a:hover:after{
height: 3px;
width: 100%;
}
.video-tab-wrapper{
display: block;
}
.video-tab-title{
margin: 0 0 50px;
min-width: 100%;
text-align: left;
}
.video-tab-content h2 {
font-size: 36px;
line-height: 46px;
}
.ts-three-item .ts-author-thumb{
margin-bottom: 50px;
}
.tsi-three-author p:after{
left: 0;
top: -75px;
}
.tsi-three-author span{
padding-left: 25px;
}
.tsi-three-author span:after{
left: -10px;
}
.tsi-three-author h5{
font-size: 15px;
margin-bottom: 15px;
}
.ts-three-item{
padding: 0;
}
.tsi-three-author p{
font-size: 20px;
line-height: 32px;
}
.booking-feature-item{
margin-right: 0;
padding: 40px 30px;
}
.bfi-2{
margin-left: 0;
}
.booking-feature-item i{
position: relative;
left: 0;
margin-bottom: 20px;
}
.header-05 .head-nav{
display: none;
}
.col-lg-8 .folio-item-1 img {
min-height: 320px;
}
.header-05{
padding: 0 0 0 15px;
}
.banner-content-5{
display: block;
text-align: center;
}
.banner-05{
padding-top: 180px;
}
.b5-layer-thumb{
margin-top: 60px;
}
.banner-content-5 h2{
font-size: 50px;
letter-spacing: 0;
margin-bottom: 50px;
}
.funfact-section-1 .col-lg-3{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.funfact-item-1{
margin-bottom: 50px;
}
.track-customers{
background-position: left top;
}
.booking-tab-wrapper{
padding-right: 0;
}
.booking-tab-title{
position: relative;
top: 0;
margin-bottom: 50px;
}
.booking-tab-content h2 br{
display: none;
}
.borders{
border: none;
}
.cf-thumb {
margin: 0;
}
.singleFaq-2 .card-header .btn{
padding-left: 70px;
font-size: 18px;
line-height: 24px;
}
.singleFaq-2 .card-header .btn:after,
.singleFaq-2 .card-header .btn.collapsed:after{
left: 18px;
}
.singleFaq-2 .card-body{
padding: 11px 20px 25px;
font-size: 16px;
line-height: 26px;
}
.faq-area{
padding-left: 20px;
padding-right: 20px;
}
.help-content h4 {
font-size: 25px;
line-height: 34px;
margin-bottom: 20px;
}
.help-content{
padding: 0 20px 25px;
}
.story-content .shapro-btn-4{
height: 40px;
font-size: 12px;
font-weight: 700;
padding: 16px 16px;
}
.story-content{
width: 100%;
padding-right: 20px;
}
.righ-align .story-content{
right: -10px;
left: auto;
}
.story-content h3,
.story-content > span,
.story-content p{
display: none;
}
.team-content .sec-title{
font-size: 32px;
}
.team-content{
padding: 80px 20px 0 20px;
}
.testimonial-slider-two .slick-arrow{
bottom: 0;
}
.ts-author p{
line-height: 36px;
}
.ts-author h3 {
font-size: 34px;
line-height: 44px;
margin-bottom: 30px;
}
.ts-author-thumb{
margin-right: 0;
}
.pi-icon {
padding: 16px 0;
width: 110px;
height: 110px;
}
.plan-wrapper .plan-item{
width: 100%;
}
.plan-item{
padding-left: 125px;
padding-top: 25px;
}
.form-bg-img{
display: none;
}
.services-form {
margin: 0 0 20px;
}
.ab-list-feature ul li br{
display: none;
}
.ab-list-feature ul {
right: 0;
position: relative;
top: 50px;
max-width: 100%;
}
.about-section-5 .sub-title {
padding-top: 50px;
}
.si-shape{
display: none;
}
.banner-content-4 > span{
letter-spacing: 2px;
}
.banner-content-4 h2 {
font-size: 36px;
line-height: 45px;
margin-bottom: 15px;
}
.head-nav {
padding-top: 0;
margin: -65px 0 0;
}
.menu_pop_logo img,
.header-04 .logo-1 img{
height: 40px;
}
.head-nav .shapro-btn-4,
.head-nav h5{
display: none;
}
.header-04{
padding: 0;
}
.header-03 .logo-1 img {
height: 40px;
}
.ab-info-wrapper .ab-info{
width: 100%;
float: none;
}
.testimonial-details p{
font-size: 20px;
}
.review-section:before{
display: none;
}
.tab-title li{
margin-bottom: 15px;
}
.testimonial-slider-2,
.skill-item-3{
margin-bottom: 30px;
}
.work-software .sec-title,
.work-software .sec-desc{
margin-right: 0;
}
.rss-content,
.work-thumb{
margin: 40px 0 0;
}
.work-thumb img{
height: auto;
}
.delivery-feature .listing-item li{
margin-right: 0;
float: none;
font-size: 19px;
padding-right: 20px;
padding-left: 65px;
}
.delivery-feature .listing-item li i{
left: 20px;
}
.delivery-feature .listing-item li.mid {
margin-right: -15px;
}
.delivery-feature .listing-item{
position: relative;
bottom: 0;
right: 0;
}
.delivery-feature{
padding-right: 0;
}
.header-03 .access_btns{
display: none;
}
.botom-align{
position: relative;
left: 0;
}
.about-section-3 .sub-title,
.banner-content-2{
padding-top: 60px;
}
.btn-banner{
display: block;
}
.btn-banner .popup-video{
margin: 15px 0 0;
}
.banner-content-3 ul{
margin-bottom: 45px;
}
.banner-content-3 h2{
font-size: 34px;
line-height: 46px;
}
.banner-content-2 h2{
font-size: 36px;
}
.feaure-item-4{
padding-right: 20px;
}
.pricing-item-2{
padding-left: 25px;
padding-right: 25px;
}
.quote{
padding: 49px 20px 43px;
}
.q-author{
margin: 60px 0 0;
}
.quote:after{
left: 15px;
}
.suppor-form{
margin-top: 50px;
}
.micro-service-section .sec-desc {
margin-bottom: 30px;
}
.micro-service-section .shapro-btn-2.bi-btn{
margin-bottom: 50px;
}
.playstore-btn{
display: inline-block;
}
.feature-project-section .col-lg-3,
.feature-project-section .col-lg-9 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.listing-number li{
width: 100%;
}
.ab-content-2{
padding: 0;
}
.service-section-3 .sec-title,
.app-section .sec-title,
.pricing-section-3 .sec-title,
.feature-section-3 .sec-title,
.video-section-2 .sec-title{
font-size: 30px;
line-height: 40px;
}
.header-02{
padding: 0;
}
.access_btns .shapro-btn-2{
display: none;
}
.menu_1{
margin-top: -60px;
}
.single-info h5{
text-align: center;
}
.contact-form-1{
margin-top: 50px;
}
.skill-wrapper .circle-skill{
margin: 0 0 20px;
display: block
}
.skill-thumb{
margin: 0 0 50px;
}
.skill-content{
padding-left: 0;
margin: 0 0 50px;
text-align: center;
}
.noPaddingLeft,
.team-section-1 .noPaddingLeft,
.case-section-1 .noPaddingLeft {
padding-left: 15px;
}
.noPaddingRight,
.team-section-1 .noPaddingRight,
.case-section-1 .noPaddingRight {
padding-right: 15px;
}
.noPadding,
.case-section-1 .noPadding {
padding: 0 15px;
}
.case-section-1 .text-right {
text-align: center !important;
}
.feature-content-2{
padding-top: 50px;
}
.mt-75, .mt-278{
margin-top: 0;
}
.feature-box::before{
display: none;
}
.list-area{
width: 100%;
margin: -50px 0 0;
}
.billing-ads{
margin: 40px 0 0;
}
.skill-section-1 .sec-title,
.ab-content-2 .sec-title,
.micro-service-section .sec-title,
.design-content .sec-title-2,
.contact-section-1 .sec-title,
.feature-section-1 .sec-title,
.ads-section .sec-title{
font-size: 36px;
line-height: 42px;
}
.ab-feaure h5{
line-height: 28px;
}
.ab-v-img-1{
margin-left: 30px;
}
.ab-v-img-2 {
margin: -90px 0 0;
}
.ab-v-img-2 h4{
bottom: 18%;
}
.sec-title-2,
.sec-title{
font-size: 36px;
line-height: 42px;
}
.sec-title-2 br,
.sec-title br,
.sec-desc br{
display: none;
}
.layer-thumb-1 .popup-video{
width: 100px;
height: 100px;
line-height: 100px;
font-size: 40px;
left: -10px;
}
.banner-content-1{
padding-top: 50px;
}
.b-sub-head{
letter-spacing: 1px;
font-size: 12px;
padding: 7px 15px 5px;
}
.banner-content-1 h2{
font-size: 36px;
line-height: 42px;
}
.banner-content-1 p{
font-size: 16px;
line-height: 26px;
margin-bottom: 20px;
}
.layer-thumb-1 img{
width: 100%;
}
.layer-thumb-1{
margin-top: 40px;
margin-left: 0 !important;
margin-right: -15px !important;
}
.access_btns a.src_btn{
display: none;
}
.logo-1 img{
height: 40px;
}
.banner-01{
height: auto;
}
.access_btns{
padding: 0;
}
.header-01{
top: 74px;
}
.topbar-right li a:hover:after{
display: none;
}
.topbar-right li a:hover{
color: #364aeb;
}
.topbar-right{
text-align: center;
}
.topbar-right ul li a{
line-height: 36px;
border: none;
}
.topbar-right .shapro-btn-1{
display: none;
}
.skill-wrapper{
display: block;
float: none;
margin-bottom: 30px;
}
.menu_popup ul li {
margin: 15px 0;
}
.menu_pop_logo{
left: 15px;
}
.bottom_menu {
bottom: 5px;
}
.f_copy, .foo_social {
text-align: center !important;
padding: 6px 15px;
}
.meta-content h3{
font-size: 30px;
}
blockquote{
padding-right: 0px;
padding-left: 20px;
}
blockquote:after{
left: 0px;
}
.tags{
display: block;
margin-bottom: 20px;
}
.social-share h6{
margin-right: 20px;
}
.blog-sidebar .widget{
padding-right: 20px;
padding-left: 20px;
}
.post-author{
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.post-author img{
position: relative;
left: 0;
right: 0;
top: 0;
margin: 0 auto 20px;
}
}