/* Large Layout: 1200px. */@media only screen and (min-width: 1200px){}@media only screen and (min-width: 1200px) and (max-width: 1380px){/*** ============================================= Top Bar Style2 Style=============================================***/ .top-style2-right .top-right-menu li{padding-right: 10px;}.top-style2-right .topbar-social-links li{padding-right: 20px;} /*** ============================================= Main Header Header style2 Style=============================================***/ .header-style2 .inner-container{position: relative; padding: 0 25px;} .main-menu.style2 .navigation > li{margin-right: 35px;}.mainmenu-right.style2{margin-left: 0px;} }@media only screen and (min-width: 1200px) and (max-width: 1880px){/*** ============================================= Instagram Area Style=============================================***/.instagram-title{margin-right: -30px; padding: 190px 0;} .instagram-title .pattern-bg{position: absolute; top: 0; left: -500px; bottom: -1000px; right: 0; background-repeat: repeat; z-index: -1;} .instagram-items{margin-right: 0;} .instagram-items li{width: 254px;} }/* Medium screen */ @media only screen and (min-width: 992px) and (max-width: 1199px){/*** ============================================= Main Header Header Style1 Style=============================================***/ .header-upper-style1 .inner-container{padding: 0 20px;} .main-menu .navigation > li{margin-right: 20px;}.header-lower-style1 .inner-content{border: none;} .header-contact-info{border-left: none; padding-left: 0; float: none !important; overflow: hidden; margin-bottom: 23px;} .header-contact-info li{border-right: none; padding-right: 0; margin-right: 50px;}.header-social-links-style1{padding-right: 0; margin: 0; float: none !important; overflow: hidden; text-align: center;} .header-social-links-style1 li{float: none; margin-right: 0; margin: 0 8px;} /*** ============================================= About Area style=============================================***/ .about-area{padding-top: 60px; padding-bottom: 146px;} .about-text{padding-left: 0px;} .about-carousel-box .owl-dots{margin-top: 80px !important;} /*** ============================================= Working Area style=============================================***/ .single-working-box .text-holder .outer-box .icon{width: 50px;} .single-working-box .text-holder .outer-box .text{padding-left: 0px; padding-right: 10px;} /*** ============================================= Working Process Area style=============================================***/ .single-working-process .inner{padding: 82px 10px 50px;} /*** ============================================= Footer Area style=============================================***/ .single-footer-widget.marbtm50{margin-bottom: 50px;} /*** ============================================= Top Bar Style2 style=============================================***/ .top-bar-style2{padding: 20px 20px;} .top-style2-left{overflow: hidden; text-align: center;} .top-style2-left p{display: block; float: none;} .top-style2-left ul{display: block; overflow: hidden; float: none; padding-left: 0;} .top-style2-left ul li{display: inline-block; float: none; padding-right: 16px; margin-right: 15px;} .top-style2-right{overflow: hidden; float: none; text-align: center; padding-top: 11px;} .top-style2-right .top-right-menu{display: block; overflow: hidden; float: none; padding-right: 0; margin-right: 0; text-align: center;} .top-style2-right .top-right-menu:before{display: none;} .top-style2-right .top-right-menu li{float: none; padding-right: 0px; margin: 0 5px;} .top-style2-right .topbar-social-links{display: block; float: none; overflow: hidden; text-align: center;} .top-style2-right .topbar-social-links li{float: none; padding-right: 0; margin: 0 13px;} /*** ============================================= Main Header Header Style2 style=============================================***/ .header-style2 .inner-container{position: relative; padding: 0 10px;} .main-menu.style2 .navigation > li{margin-right: 20px;} .main-menu.style2 .navigation > li.dropdown > a:after{display: none;} .mainmenu-right.style2{margin-left: 0px;} .outer-search-box{margin-right: 10px;} .mainmenu-right.style2 .button{margin-left: 15px;} .mainmenu-right.style2 .button a{padding: 0 15px 0;} .mainmenu-right.style2 .button a.btn-one span:before{display: none;} /*** ============================================= About Style2 Area style=============================================***/ .about-style2-image-box{margin-top: 170px;} .about-style2-image-box .pattern{top: -110px; left: 0; right: 0; bottom: -110px; width: 100%; height: auto;} /*** ============================================= Working Style2 Area style=============================================***/ .single-working-box-style2{width: 50%; margin-bottom: 60px;} .working-style-bottom{padding-top: 24px;} /*** ============================================= Why Choose Area style=============================================***/ .why-choose-content{max-width: 100%; width: 100%; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;} /*** ============================================= Contact Details Area style=============================================***/ .contact-details-form-box .title-box{padding-bottom: 25px;}.contact-details-form-box{padding: 30px 60px 0px; padding-left: 0;} /*** ============================================= Brand Area Style2 style=============================================***/ .brand-area.style2{padding-top: 110px; padding-bottom: 80px;} .single-brand-item.style2{max-width: 280px; margin-right: 30px; margin-bottom: 30px;} /*** ============================================= Instagram Area Style=============================================***/ .instagram-title{margin-right: 0; padding: 43px 0;} .instagram-title .pattern-bg{top: 0; left: -500px; bottom: -500px; right: -500px; background-repeat: repeat;} .instagram-items{margin-right: 0;} .instagram-items li{width: 154px;} /*** ============================================= Header Style3 Area style=============================================***/ .header-contact-info.style2{padding-left: 30px; margin: 30px 0 30px; float: left !important;} .header-contact-info.style2 li{margin-right: 20px;} .header-contact-info.style2 li .single-item .icon{width: 40px;} .header-contact-info.style2 li .single-item .icon span:before{top: 2px; font-size: 40px; line-height: 40px;} .header-contact-info.style2 li .single-item .text{padding-left: 10px;} .header-contact-info.style2 li .single-item .text h3{font-size: 16px;} .header-call-button{width: 210px; padding: 30px 10px 30px;} .header-call-button .inner{padding-right: 45px;} .header-call-button .inner .icon span:before{font-size: 30px;} .header-call-button .inner .title h3{font-size: 16px; margin: 3px 0 0;} /*** ============================================= Mainmenu Style3 Area style=============================================***/ .main-menu.style3 .navigation > li > a{padding: 30px 17px 26px;} /*** ============================================= Brand Style3 style=============================================***/ .single-brand-item.style3{max-width: 130px;} /*** ============================================= Footer Area Style3 Style=============================================***/.single-footer-widget .usefull-links ul{float: none !important;} .single-footer-widget .usefull-links ul.marleft30{margin-left: 0px;} /*** ============================================= Company Overview Area Style=============================================***/ .company-overview-area{padding: 105px 0 86px;} .intro-box{position: relative; display: block; margin-bottom: 42px;} .intro-box .text{max-width: 770px; width: 100%; margin-top: 24px;} .single-history-content .text-box{padding-left: 20px; min-height: auto;} .single-history-content .text-box .inner{padding-top: 40px; padding-right: 20px;} .single-history-content .text-box .inner .title{position: relative; display: block; padding: 25px 0 20px;} .single-history-content .text-box .inner .text p{margin: 0 0 10px;} .single-fact-counter{margin-bottom: 30px;} /*** ============================================= Footer Area Style4 Style=============================================***/ .single-footer-widget.s4 .usefull-links ul{float: left !important;}li .single-footer-contact-info{max-width: 310px;} li .single-footer-contact-info .inner{padding: 35px 15px 30px;} li .single-footer-contact-info .text p br{display: none;} /*** ============================================= Services Style2 Service Page Style=============================================***/ .services-style2-service-page .sec-title{padding-bottom: 13px;} .services-style2-service-page .text{margin-top: 0px; margin-bottom: 32px;} .single-service-style2 .text-holder .inner .text{padding: 0 20px 32px;} .single-service-style2 .text-holder .inner .text p{font-size: 15px; line-height: 25px;} /*** ============================================= Single Service Area Style=============================================***/ .single-advantages-box{margin-bottom: 30px;} .how-work-box{padding-top: 50px;} .how-work-box .how-works-content{padding-top: 50px;} /*** ============================================= Project Description Area style=============================================***/ .project-description-image-box img{max-width: 100%; float: none; width: 100%;} .project-description-content{position: relative; display: block; z-index: 3; padding-top: 50px; padding-left: 0px;} /*** ============================================= Project Info Area style=============================================***/.project-info-area{padding-top: 44px; padding-bottom: 110px;} .project-info-area .pattern-bg{top: auto; right: 0; bottom: 0;} .project-info-content{margin: -6px auto 30px;} .project-info-image-box img{max-width: 100%; float: none; width: 100%;} /*** ============================================= Blog Area Blog Single Area style=============================================***/ .blog-single-image-with-text-box .image-box li{margin-right: 30px; max-width: 270px; width: 100%;} .blog-prev-next-option .single{max-width: 270px; width: 100%;} /*** ============================================= Main Shop Area style=============================================***/ .shop-sidebar-wrapper{float: right;} /*** ============================================= Login Register Area style=============================================***/ .login-register-area .form a.forgot-password{margin: 70px 0 0;} .login-register-area .form.register{overflow: hidden; margin-top: 50px;} .login-register-area .form h6{margin: 28px 0 0;} /*** ============================================= Job Career Brochures Area style=============================================***/ .job-career-brochures-box .overlay-content .innner .box h1{font-size: 28px; line-height: 38px; margin: 0 0 14px;} /*** ============================================= Blog Area Blog Large Area Area style=============================================***/ .single-blog-post.style4:before{bottom: 0;} }/* Tablet Layout: 768px. */@media only screen and (min-width: 768px) and (max-width: 991px){/*** ============================================= Main Header Header Style1 Style=============================================***/ .header-upper-style1 .inner-container{position: relative; display: block; padding: 0 20px; margin-top: -45px;} .logo-box-style1{position: absolute; margin: 15px 0; top: 0; left: 20px; float: none !important; z-index: 33;}.main-menu-box{position: relative; display: block; float: none !important;} .mainmenu-right{position: absolute; float: none; margin-left: 0; top: 0; right: 60px; z-index: 33;} .mainmenu-right .outer-search-box{padding: 15px 0; margin-right: 20px;}.mainmenu-right .cart-box{margin: 15px 0;} .header-upper-style1.fixed-header .inner-container{max-width: 690px;} .header-upper-style1.fixed-header .logo-box-style1{margin: 15px 0;} .header-upper-style1.fixed-header .outer-search-box{padding: 15px 0;} .header-upper-style1.fixed-header .cart-box{margin: 15px 0;} .header-lower-style1 .inner-content{border: none;} .header-contact-info{border-left: none; padding-left: 0; float: none !important; overflow: hidden; margin-bottom: 23px; text-align: center; width: 290px; margin: 0 auto 23px;}.header-contact-info li{border-right: none; padding-right: 0; margin-right: 0; float: none; display: block; margin-bottom: 25px;}.header-contact-info li:last-child{margin-bottom: 0;} .header-social-links-style1{padding-right: 0; margin: 0; float: none !important; overflow: hidden; text-align: center;} .header-social-links-style1 li{float: none; margin-right: 0; margin: 0 8px;} /*** ============================================= About Area style=============================================***/ .about-area{padding-top: 60px; padding-bottom: 170px;} .about-text{padding-left: 0; margin-top: 60px;} .about-carousel-box .owl-dots{margin-top: 80px !important;} /*** ============================================= Slogan Area style=============================================***/ .slogan-area .flex-box-two{justify-content: center;} .slogan-area .title{margin-bottom: 22px; text-align: center;} /*** ============================================= Appointment Area style=============================================***/ .appointment-area{background: #27282c; background-position: unset; background-attachment: scroll; background-size: cover;} .appointment-box{padding: 44px 50px 50px; margin-top: 40px;} /*** ============================================= Brand Area style=============================================***/.brand-area .sec-title{padding-bottom: 130px;} .brand-items-carousel.owl-carousel .owl-nav{position: absolute; left: 0; right: auto; top: -100px;} /*** ============================================= Footer Area style=============================================***/ .single-footer-widget.marbtm50{margin-bottom: 50px;} /*** ============================================= Top Bar Style2 style=============================================***/ .top-bar-style2{padding: 20px 20px;} .top-style2-left{overflow: hidden; text-align: center;} .top-style2-left p{display: block; float: none;} .top-style2-left ul{display: block; overflow: hidden; float: none; padding-left: 0;} .top-style2-left ul li{display: inline-block; float: none; padding-right: 16px; margin-right: 15px;} .top-style2-right{overflow: hidden; float: none; text-align: center; padding-top: 11px;} .top-style2-right .top-right-menu{display: block; overflow: hidden; float: none; padding-right: 0; margin-right: 0; text-align: center;} .top-style2-right .top-right-menu:before{display: none;} .top-style2-right .top-right-menu li{float: none; padding-right: 0px; margin: 0 5px;} .top-style2-right .topbar-social-links{display: block; float: none; overflow: hidden; text-align: center;} .top-style2-right .topbar-social-links li{float: none; padding-right: 0; margin: 0 13px;} /*** ============================================= Main Header Header Style2 style=============================================***/ .header-style2 .inner-container{position: relative; padding: 0 20px;} .logo-box-style2{position: absolute; margin: 0; top: 0px; left: 20px; margin: 15px 0; z-index: 33;} .mainmenu-right.style2{position: absolute; top: 0; right: 60px; margin: 0;}.mainmenu-right.style2 .outer-search-box{padding: 15px 0; margin-right: 10px;} .mainmenu-right.style2 .cart-box{float: left; margin: 15px 0;} .mainmenu-right.style2 .button{margin-left: 15px; padding: 15px 0px;}.mainmenu-right.style2 .button a{padding: 0 15px 0;} .mainmenu-right.style2 .button a.btn-one span:before{display: none;} /*** ============================================= About Style2 Area style=============================================***/ .about-style2-image-box{margin-top: 170px;} .about-style2-image-box .pattern{top: -110px; left: 0; right: 0; bottom: -110px; width: 100%; height: auto;} /*** ============================================= Working Style2 Area style=============================================***/ .single-working-box-style2{width: 50%; margin-bottom: 60px;} .working-style-bottom{padding-top: 24px;} /*** ============================================= Why Choose Area style=============================================***/ .why-choose-content{max-width: 100%; width: 100%; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;} /*** ============================================= Contact Details Area style=============================================***/ .content-info-box{min-height: 650px; margin-right: 5px;} .contact-details-form-box{padding: 65px 60px 110px; width: 100%;} /*** ============================================= Brand Area Style2 style=============================================***/ .brand-area.style2{padding-top: 110px; padding-bottom: 80px;} .brand-area.style2 .sec-title{padding-bottom: 50px;} .single-brand-item.style2{max-width: 200px; margin-right: 30px; margin-bottom: 30px;} /*** ============================================= Instagram Area Style=============================================***/ .instagram-title{margin-right: 0; padding: 43px 0;} .instagram-title .pattern-bg{top: 0; left: -500px; bottom: -500px; right: -500px; background-repeat: repeat;} .instagram-items{margin-right: 0;} .instagram-items li{width: 115px;} /*** ============================================= Footer Area Style2 Style=============================================***/.single-footer-widget.pdtop50-s2{padding-top: 50px;} .single-footer-widget .subscribe-form{max-width: 450px; width: 100%;} /*** ============================================= Header Style3 Area style=============================================***/ .logo-box-style3{margin: 30px 0; float: none !important; text-align: center;} .header-contact-info.style2{position: relative; display: block; padding: 0; margin: 0 auto; float: none !important; width: 265px;} .header-call-button{width: 270px; padding: 30px 30px 30px; float: none !important; margin: 25px auto 0;} /*** ============================================= Mainmenu Style3 Area style=============================================***/ .mainmenu-right.style3{position: absolute; top: 0; left: 0; z-index: 33; float: none !important; display: inline-block; right: auto; margin: 5px 0;} /*** ============================================= Featured Area style=============================================***/ .about-style3-content .button a.black{margin-top: 20px;} .about-style3-bg.banner-animate{animation: none; background-size: cover; background-repeat: no-repeat; background-position: center bottom;} /*** ============================================= Brand Style3 style=============================================***/ .single-brand-item.style3{max-width: 200px;} /*** ============================================= Footer Area Style3 Style=============================================***/ .single-footer-widget.marbtm50-s3{margin-bottom: 50px;} /*** ============================================= Company Overview Area Style=============================================***/ .company-overview-area{padding: 105px 0 86px;} .intro-box{position: relative; display: block; margin-bottom: 42px;} .intro-box .text{max-width: 770px; width: 100%; margin-top: 24px;} .single-history-content .img-box{width: 100%; float: none;} .single-history-content .img-box .inner{padding-right: 0;} .single-history-content .text-box{width: 100%; float: none; padding-left: 30px; min-height: auto;} .single-history-content .text-box .inner{position: relative; display: block; padding-top: 50px; padding-right: 30px; padding-bottom: 50px;} .single-fact-counter{margin-bottom: 30px;} /*** ============================================= Footer Area Style4 Style=============================================***/ .footer-area.style4{padding: 110px 0 100px;} .single-footer-widget.pdtop50-s4{padding-top: 50px;} /*** ============================================= Footer Contact Info Area Style=============================================***/ .footer-contact-info-area{margin: 0; padding: 30px 0 20px;} li .single-footer-contact-info{display: block; float: none; max-width: 300px; width: 100%; border-right: none; overflow: hidden; margin: 0 auto;} li .single-footer-contact-info .inner{position: relative; display: block; padding: 15px 0px 15px;} /*** ============================================= Footer Bottom Area Style3 style=============================================***/ .footer-bottom-area.style3{padding: 29px 0 28px;} /*** ============================================= Timer Area style=============================================***/ .countdown-timer li{margin: 0 3px;} /*** ============================================= Services Style2 Service Page Style=============================================***/ .services-style2-service-page .sec-title{padding-bottom: 13px;} .services-style2-service-page .text{margin-top: 0px; margin-bottom: 32px;} .single-service-style2 .text-holder .inner .text{padding: 0 20px 32px;} /*** ============================================= Single Service Area Style=============================================***/ .single-service-sidebar:before{display: none;} .single-service-top{margin-top: 50px;} .single-advantages-box{margin-bottom: 30px;} .how-work-box{padding-top: 50px;} .how-work-box .how-works-content{padding-top: 50px;} /*** ============================================= Main Project Area Style5 Style=============================================***/ .single-project-style8 .overlay-content .inner-content .title-box h3{font-size: 15px;} /*** ============================================= Project Description Area style=============================================***/ .project-description-image-box img{max-width: 100%; float: none; width: 100%;} .project-description-content{position: relative; display: block; z-index: 3; padding-top: 50px; padding-left: 0px;} /*** ============================================= Project Info Area style=============================================***/.project-info-area{padding-top: 44px; padding-bottom: 110px;} .project-info-area .pattern-bg{top: auto; right: 0; bottom: 0;} .project-info-content{margin: -6px auto 30px;} .project-info-image-box img{max-width: 100%; float: none; width: 100%;} /*** ============================================= Blog Area Blog Large Area style=============================================***/#blog-area.blog-large-area{padding-bottom: 60px;} .single-blog-post.style4{padding-left: 30px; padding-right: 0px; margin-bottom: 50px;} .single-blog-post.style4:before{top: -300px; left: 0; bottom: 0;} #blog-area .sidebar-wrapper{position: relative; display: block; max-width: 300px; margin-left: 0px; z-index: 99; padding-top: 100px;} /*** ============================================= Blog Area Blog Single Area style=============================================***/ #blog-area.blog-single-area{position: relative; display: block; padding: 0 0 60px;} .blog-single-area .blog-post{margin-right: 0px;} .blog-single-image-with-text-box .image-box li{margin-right: 30px; max-width: 329px;} .blog-prev-next-option .single{max-width: 330px; width: 100%;} /*** ============================================= Main Shop Area style=============================================***/ .shop-sidebar-wrapper{padding-top: 100px;} /*** ============================================= Single Shop Area style=============================================***/.single-product-image-holder{margin-right: 0;} .single-shop-content .content-box{margin-top: 40px;} /*** ============================================= Cart Area style=============================================***/ .cart-area .cart-bottom .calculate-shipping{padding-bottom: 60px;} /*** ============================================= Checkout Area style=============================================***/ .checkout-area .form.shipping-info{padding-top: 60px;} .checkout-area .cart-total{padding-top: 60px;} /*** ============================================= Login Register Area style=============================================***/ .login-register-area .form a.forgot-password{margin: 70px 0 0;} .login-register-area .register{padding-top: 50px;} .login-register-area .form h6{color: #797979; float: left; font-size: 14px; margin-bottom: 0; margin-right: 0; margin-top: 27px;} /*** ============================================= Contact Address Area style=============================================***/.contact-address-area{padding-bottom: 27px;} .single-contact-address-box{margin-top: -115px; margin-bottom: 155px;} .contact-address-area .bottom-text{padding-top: 0; margin-top: -100px;} .contact-form-image-box{position: relative; z-index: 1; top: -110px; right: 0;} /*** ============================================= Contact Info Area style=============================================***/ .contact-info-area{padding: 110px 0 0px;} }/* Mobile Layout: 320px. */@media only screen and (max-width: 767px){/*** ============================================= Main Header Header Style1 Style=============================================***/ .header-upper-style1 .inner-container{position: relative; display: block; padding: 0 10px; margin-top: -45px;} .logo-box-style1{position: absolute; margin: 22px 0 23px; top: 0; left: 10px; float: none !important; z-index: 33;}.logo-box-style1 img{max-width: 70%;} .main-menu-box{position: relative; display: block; float: none !important;} .mainmenu-right{position: absolute; float: none; margin-left: 0; top: 0; right: 60px; z-index: 33;} .mainmenu-right .outer-search-box{padding: 15px 0; margin-right: 10px;}.mainmenu-right .cart-box{margin: 15px 0;} .header-upper-style1.fixed-header .inner-container{max-width: 350px;} .header-upper-style1.fixed-header .logo-box-style1{margin: 22px 0 23px;}.header-upper-style1.fixed-header .outer-search-box{padding: 15px 0;} .header-upper-style1.fixed-header .cart-box{margin: 15px 0;}.header-lower-style1 .inner-content{border: none;} .header-contact-info{border-left: none; padding-left: 0; float: none !important; overflow: hidden; margin-bottom: 23px; text-align: center; width: 290px; margin: 0 auto 23px;}.header-contact-info li{border-right: none; padding-right: 0; margin-right: 0; float: none; display: block; margin-bottom: 25px;}.header-contact-info li:last-child{margin-bottom: 0;} .header-social-links-style1{padding-right: 0; margin: 0; float: none !important; overflow: hidden; text-align: center;} .header-social-links-style1 li{float: none; margin-right: 0; margin: 0 8px;} /*** ============================================= About Area style=============================================***/ .about-area{padding-top: 60px; padding-bottom: 170px;} .about-image-box{padding-top: 20px; padding-left: 20px;} .about-text{padding-left: 0; margin-top: 60px;} .about-carousel-box .single-box .icon-holder, .about-carousel-box .single-box .text-holder{display: block; vertical-align: middle;} .about-carousel-box .single-box .text-holder{padding-left: 0px; margin-top: 30px;} .about-carousel-box .owl-dots{margin-top: 80px !important;} /*** ============================================= Recently Project Area style=============================================***/ .recently-project-area .sec-title{padding-bottom: 24px; float: none !important;} .more-project-button{float: none !important; margin: 0; padding-bottom: 52px;} /*** ============================================= Slogan Area style=============================================***/ .slogan-area .flex-box-two{justify-content: center;} .slogan-area .title{margin-bottom: 22px; text-align: center;} /*** ============================================= Testimonial Area style=============================================***/ .testimonial-area .sec-title{padding-bottom: 24px; float: none !important;} .more-reviews-button{float: none !important; margin: 0; padding-bottom: 52px;} /*** ============================================= Appointment Area style=============================================***/ .appointment-area{background: #27282c; background-position: unset; background-attachment: scroll; background-size: cover;} .appointment-box{padding: 44px 30px 50px; margin-top: 40px;} /*** ============================================= Brand Area style=============================================***/.brand-area .sec-title{padding-bottom: 130px;} .brand-items-carousel.owl-carousel .owl-nav{position: absolute; left: 0; right: auto; top: -100px;} /*** ============================================= Footer Area style=============================================***/ .single-footer-widget.marbtm50{margin-bottom: 50px;} .single-footer-widget.pdbtm50{padding-bottom: 50px;} /*** ============================================= Footer Bottom Area style=============================================***/ .footer-bottom-content.flex-box-two{justify-content: center;} /*** ============================================= Top Bar Style2 style=============================================***/ .top-bar-style2{padding: 20px 20px;} .top-style2-left{overflow: hidden; text-align: center;} .top-style2-left p{display: block; float: none;} .top-style2-left ul{display: block; overflow: hidden; float: none; padding-left: 0;} .top-style2-left ul li{display: inline-block; float: none; padding-right: 0; margin-right: 0; margin: 0 10px;}.top-style2-left ul li:before{display: none;} .top-style2-right{overflow: hidden; float: none; text-align: center; padding-top: 11px;} .top-style2-right .top-right-menu{display: block; overflow: hidden; float: none; padding-right: 0; margin-right: 0; text-align: center;} .top-style2-right .top-right-menu:before{display: none;} .top-style2-right .top-right-menu li{float: none; padding-right: 0px; margin: 0 5px;} .top-style2-right .topbar-social-links{display: block; float: none; overflow: hidden; text-align: center;} .top-style2-right .topbar-social-links li{float: none; padding-right: 0; margin: 0 13px;} /*** ============================================= Main Header Header Style2 style=============================================***/ .header-style2 .inner-container{position: relative; padding: 0 10px;} .logo-box-style2{position: absolute; margin: 0; top: 0px; left: 10px; margin: 22px 0 23px; z-index: 33;}.logo-box-style2 a img{width: 70%;} .mainmenu-right.style2{position: absolute; top: 0; right: 60px; margin: 0;}.mainmenu-right.style2 .outer-search-box{padding: 15px 0; margin-right: 10px;} .mainmenu-right.style2 .cart-box{float: left; margin: 15px 0;} .mainmenu-right.style2 .button{display: none;}/*** ============================================= About Style2 Area style=============================================***/ .about-style2-image-box{margin-top: 170px;} .about-style2-image-box .pattern{top: -110px; left: 0; right: 0; bottom: -110px; width: 100%; height: auto;} .about-style2-text .authorised-info .signature, .about-style2-text .authorised-info .name{display: block;} .about-style2-text .authorised-info .name{border-left: none; padding-left: 0; margin-top: 20px;} .about-style2-image-box .overlay-box{left: 40px; bottom: 30px; right: 40px; max-width: 300px; margin: 0 auto;} .about-style2-image-box .overlay-box .title{float: none; padding: 23px 0 20px; padding-left: 20px;} .about-style2-image-box .overlay-box .button{float: none;}.about-style2-image-box .overlay-box .button a span:before{margin: 0 auto;} /*** ============================================= Working Style2 Area style=============================================***/ .single-working-box-style2{width: 100%; margin-bottom: 60px;} .working-style-bottom{padding-top: 24px;} /*** ============================================= Slogan Style2 Area style=============================================***/ .slogan-style2-area .inner-content .button a.call-us{margin-bottom: 20px;} .slogan-style2-area .inner-content .title.float-bob{animation: none;} /*** ============================================= Why Choose Area style=============================================***/.why-choose-title{padding-bottom: 60px; max-width: 100%; width: 100%;} .why-choose-content{max-width: 100%; width: 100%; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;} .why-choose-content .single-box{padding: 50px 40px 42px; padding-right: 30px; width: 100%;} /*** ============================================= Working Process Style2 Area style=============================================***/ .working-process-style2-area .sec-title{padding-bottom: 125px;} .working-process-carousel.owl-carousel .owl-nav{position: absolute; left: 0; right: auto; top: -95px;} .single-working-process-style2{max-width: 330px; min-width: 330px;} .single-working-process-style2 .top-box:after{width: 330px;} /*** ============================================= Contact Details Area style=============================================***/ .content-info-box{min-height: 650px; margin-right: 5px;} .contact-details-form-box{padding: 65px 20px 110px; width: 100%;} /*** ============================================= Brand Area Style2 style=============================================***/ .brand-area.style2{padding-top: 110px; padding-bottom: 80px;} .brand-area.style2 .sec-title{padding-bottom: 50px;} .single-brand-item.style2{max-width: 290px; float: none; margin: 0 auto 30px;}.single-brand-item.style2:last-child{margin-right: auto;} /*** ============================================= Instagram Area Style=============================================***/ .instagram-title{margin-right: 0; padding: 43px 0; text-align: center;} .instagram-title .pattern-bg{display: none;} .instagram-items{margin-right: 0;} .instagram-items li{width: 270px; display: block; float: none; margin: 0 auto;} /*** ============================================= Footer Area Style2 Style=============================================***/.single-footer-widget.pdtop50-s2{padding-top: 50px;} .single-footer-widget.marbtm50-s2{margin-bottom: 50px;}.single-footer-widget .usefull-links ul{float: none !important; display: block;} .single-footer-widget .usefull-links ul.borders-left{margin-left: 0; padding-left: 0; float: none !important; display: block;} .single-footer-widget .usefull-links ul.borders-left:before{display: none;} .single-footer-widget .subscribe-form{max-width: 450px; width: 100%;} /*** ============================================= Topbar Style3 Area style=============================================***/ .topbar-style3-content{justify-content: center; flex-direction: row; align-items: center; flex-wrap: wrap;} /*** ============================================= Header Style3 Area style=============================================***/ .logo-box-style3{margin: 30px 0; float: none !important; text-align: center;} .header-contact-info.style2{position: relative; display: block; padding: 0; margin: 0 auto; float: none !important; width: 265px;} .header-call-button{width: 270px; padding: 30px 30px 30px; float: none !important; margin: 25px auto 0;} /*** ============================================= Mainmenu Style3 Area style=============================================***/ .mainmenu-right.style3{position: absolute; top: 0; left: 0; z-index: 33; float: none !important; display: inline-block; right: auto; margin: 5px 0;} .mainmenu-right.style3 .button a{width: 230px;} /*** ============================================= Featured Area style=============================================***/ .about-style3-content .button a.black{margin-top: 20px;} .about-style3-bg.banner-animate{animation: none; background-size: cover; background-repeat: no-repeat; background-position: center bottom;} /*** ============================================= Latest Projects Area style=============================================***/ .latest-projects-area .sec-title{padding-bottom: 115px;} .project-carousel-v3.owl-carousel .owl-nav{position: absolute; top: -90px; left: 0; right: 0; max-width: 120px; margin: 0 auto;} /*** ============================================= Team Area style=============================================***/ .team-area .sec-title{display: block; float: none !important; padding-bottom: 24px;} .view-all-member{margin-top: 0px; float: none !important; padding-bottom: 42px;} /*** ============================================= Brand Style3 style=============================================***/ .single-brand-item.style3{max-width: 170px; width: 100%; float: none; margin-right: 0; margin: 0 auto;}.single-brand-item.style3:last-child{margin-right: auto;} /*** ============================================= Brand Style3 style=============================================***/ .latest-blog-area.style3 .sec-title{display: block; float: none !important; padding-bottom: 24px;} .more-blog-button{margin-top: 0px; float: none !important; padding-bottom: 42px;} /*** ============================================= Footer Area Style3 Style=============================================***/ .single-footer-widget.marbtm50-s3{margin-bottom: 50px;} .single-footer-widget .usefull-links ul{float: none !important; display: block;} .single-footer-widget .usefull-links ul.marleft30{margin-left: 0px;} .single-footer-widget.pdtop50-s3{padding-top: 50px;} .footer-bottom-area .copyright-text{text-align: center; margin: 0;} /*** ============================================= Company Overview Area Style=============================================***/ .company-overview-area{padding: 105px 0 86px;} .intro-box{position: relative; display: block; margin-bottom: 42px;} .intro-box .text{max-width: 770px; width: 100%; margin-top: 24px;} .single-history-content{box-shadow: none;} .single-history-content .img-box{width: 100%; float: none;} .single-history-content .img-box .inner{padding-right: 0;} .single-history-content .text-box{width: 100%; float: none; padding-left: 0px; min-height: auto;} .single-history-content .text-box .inner{position: relative; display: block; padding-top: 50px; padding-right: 0px; padding-bottom: 50px;} .single-history-content .text-box .inner .title h3 br{display: none;} .single-fact-counter{max-width: 270px; margin: 0 auto 30px;} /*** ============================================= Footer Area Style4 Style=============================================***/ .footer-area.style4{padding: 110px 0 100px;} .single-footer-widget.marbtm50-s4{margin-bottom: 50px;} .single-footer-widget.pdtop50-s4{padding-top: 50px;} /*** ============================================= Footer Contact Info Area Style=============================================***/ .footer-contact-info-area{margin: 0; padding: 30px 0 20px;} li .single-footer-contact-info{display: block; float: none; max-width: 300px; width: 100%; border-right: none; overflow: hidden; margin: 0 auto;} li .single-footer-contact-info .inner{position: relative; display: block; padding: 15px 0px 15px;} /*** ============================================= Footer Bottom Area Style3 style=============================================***/ .footer-bottom-area.style3{padding: 29px 0 28px;} /*** ============================================= Faq Area style=============================================***/ .faq-content-box{padding: 60px 20px 40px;} .accordion-box .accordion .accord-btn h4{font-size: 16px; line-height: 22px;} .accordion-box .accordion .accord-btn{padding-left: 20px; padding-right: 40px; padding-top: 22px; padding-bottom: 22px;} .accordion-box .accordion .accord-btn::after{right: 20px;} /*** ============================================= Coming Soon Content Area style=============================================***/ .coming-soon-content .title{font-size: 50px; line-height: 60px;} /*** ============================================= Timer Area style=============================================***/ .timer-box{padding: 74px 15px 72px; margin-top: -320px;} .countdown-timer li{margin: 0 3px;} .timer-box .subscribe-box .subscribe-form button{width: 130px;} .timer-box .subscribe-box .subscribe-form input[type="email"]{padding: 0 10px; padding-right: 135px;} /*** ============================================= Error Page Area style=============================================***/ .error-content .title{font-size: 110px; line-height: 100px; margin: 13px 0 14px;} /*** ============================================= Services Style2 Service Page Style=============================================***/ .services-style2-service-page .sec-title{padding-bottom: 13px;} .services-style2-service-page .text{margin-top: 0px; margin-bottom: 32px;} .single-service-style2 .text-holder .inner .text{padding: 0 20px 32px;} /*** ============================================= Testimonial Style3 Service Page Style=============================================***/ .testimonial-style3-service-page .sec-title{padding-bottom: 115px;} .testimonial-style3-service-page .owl-carousel .owl-nav{top: -95px; left: 0; right: auto;} .testimonial-style3-service-page .owl-carousel .owl-nav .owl-prev{left: 0px; right: 0;} .testimonial-style3-service-page .owl-carousel .owl-nav .owl-next{margin-left: 10px; right: auto; left: 60px;} /*** ============================================= Single Service Area Style=============================================***/ .single-service-sidebar:before{display: none;} .single-service-top{margin-top: 50px;} .single-advantages-box{margin-bottom: 30px;} .how-work-box{padding-top: 50px;} .how-work-box .how-works-content{padding-top: 50px;} .sidebar-contact-box .inner-content{padding: 48px 15px 50px;} .additional-information-box .additional-info-content-box{padding: 40px 15px 20px;} /*** ============================================= Main Project Area Style5 Style=============================================***/.main-project-area.style5:before{display: none;} .single-project-style8 .overlay-content .inner-content .title-box h3{font-size: 16px;} /*** ============================================= Main Project Area Style6 Style=============================================***/ .main-project-area.style6:before{display: none;} /*** ============================================= Project Description Area style=============================================***/ .project-description-image-box img{max-width: 100%; float: none; width: 100%;} .project-description-content{position: relative; display: block; z-index: 3; padding-top: 50px; padding-left: 0px;} /*** ============================================= Project Info Area style=============================================***/.project-info-area{padding-top: 44px; padding-bottom: 110px;} .project-info-area .pattern-bg{top: auto; right: 0; bottom: 0;} .project-info-content{margin: -6px auto 30px;} .project-info-image-box img{max-width: 100%; float: none; width: 100%;} /*** ============================================= Blog Area Blog Large Area style=============================================***/#blog-area.blog-large-area{padding-bottom: 60px;} .single-blog-post.style4{padding-left: 30px; padding-right: 0px; margin-bottom: 50px;} .single-blog-post.style4:before{top: -300px; left: 0; bottom: 0;} .single-blog-post.style4 .text-holder .blog-title{font-size: 24px; line-height: 32px;} #blog-area .sidebar-wrapper{position: relative; display: block; max-width: 300px; margin-left: 0px; z-index: 99; padding-top: 100px;} /*** ============================================= Breadcrumb area style=============================================***/ .breadcrumb-area .inner-content-box .title-s2 h1{font-size: 40px; line-height: 52px;} /*** ============================================= Blog Area Blog Single Area style=============================================***/ #blog-area.blog-single-area{position: relative; display: block; padding: 0 0 60px;} .blog-single-area .blog-post{margin-right: 0px;} .blog-single-image-with-text-box .image-box li{margin-right: 30px; max-width: 329px;} .blog-prev-next-option .single{max-width: 330px; width: 100%;} /*** ============================================= Single Post Info Area style=============================================***/ .single-post-info-area{padding: 104px 0 99px;} .single-post-info-content .blog-title{font-size: 36px; line-height: 46px; margin: 22px 0 0;} .blog-single-image-with-text-box .image-box li{margin-right: 0; max-width: 100%; float: none; display: block; margin-bottom: 10px;} .blog-single-image-with-text-box .image-box li:last-child{margin-bottom: 0;} .tag-with-social-links-box .tag-box{float: none !important; overflow: hidden;}.tag-with-social-links-box .social-links-box{float: none !important; overflow: hidden; margin-top: 5px;} .blog-prev-next-option .single{max-width: 300px; width: 100%; float: none !important; margin: 0 auto;} .blog-prev-next-option .single.prev{margin-bottom: 30px;} .author-box-holder{padding: 45px 30px 40px;} .author-box-holder .inner-box .img-box, .author-box-holder .inner-box .text{display: block;} .author-box-holder .inner-box .text{padding-left: 0px; margin-top: 20px;} .blog-single-area .inner-comment-box .single-comment-outer-box{padding: 35px 30px 32px;} .blog-single-area .inner-comment-box .single-comment-box{padding-left: 0px;} .blog-single-area .inner-comment-box .single-comment-box .img-box{position: static; width: 80px; height: 80px;} .blog-single-area .inner-comment-box .single-comment-box .text-box{margin-top: 20px; margin-left: 0px;} .blog-single-area .inner-comment-box .single-comment-outer-box.mar-left{margin-left: 30px;} .author-quote-box{padding: 33px 25px 33px;} /*** ============================================= Main Shop Area style=============================================***/ .shop-sidebar-wrapper{padding-top: 100px;} .showing-result-shorting{display: flex; justify-content: space-between; flex-direction: column; flex-wrap: wrap; align-items: center; padding-bottom: 30px; border-bottom: 1px solid #ededed; margin-bottom: 50px;} .showing-result-shorting .showing{margin: 14px 0 0;} /*** ============================================= Single Shop Area style=============================================***/.single-product-image-holder{margin-right: 0;} .single-shop-content .content-box{margin-top: 40px;} /*** ============================================= Cart Area style=============================================***/.cart-middle .apply-coupon{padding-left: 0;} .cart-middle .apply-coupon input[type="text"]{margin: 0 0 20px; position: static; width: 225px;} .cart-area .cart-bottom .calculate-shipping{padding-bottom: 60px;} .cart-middle .update-cart{float: left !important; margin: 20px 0 0;} .cart-bottom .calculate-shipping input[type="text"]{margin-bottom: 25px;} /*** ============================================= Checkout Area style=============================================***/ .checkout-area .form.shipping-info{padding-top: 60px;} .checkout-area .cart-total{padding-top: 60px;} .checkout-area .exisitng-customer h5 a{display: block; width: 100%; padding: 0; margin-top: 7px;}.checkout-area .coupon h5 a{display: block; width: 100%; padding: 0; margin-top: 7px;} /*** ============================================= Login Register Area style=============================================***/ .login-register-area .form a.forgot-password{float: left; margin: 35px 0 0;} .login-register-area .form.register{padding-top: 60px;} .login-register-area .form .social-icon{float: left; margin-right: 0; margin-top: 30px;} .login-register-area .form .social-icon span{left: 0; position: relative;} .login-register-area .form .social-icon .login-with{position: static;} .login-register-area .form h6{margin: 20px 0 0;}.login-register-area .form .right{display: block; overflow: hidden; margin-left: 0px;} /*** ============================================= Contact Address Area style=============================================***/.contact-address-area{padding-bottom: 27px;} .single-contact-address-box{margin-top: -115px; margin-bottom: 155px;} .contact-address-area .bottom-text{padding-top: 0; margin-top: -100px;} .contact-form-image-box{position: relative; z-index: 1; top: -110px; right: 0;} /*** ============================================= Contact Info Area style=============================================***/ .contact-info-area{padding: 110px 0 0px;} /*** ============================================= Job Career Brochures Area style=============================================***/ .job-career-brochures-box .overlay-content .innner .box h1{font-size: 18px; line-height: 28px; margin: 0 0 11px;} .job-career-brochures-box .overlay-content .innner .box p{margin: 0 0 12px;}.job-career-brochures-box .overlay-content .innner .box a{padding: 0 30px 0; line-height: 50px;} }/* Wide Mobile Layout: 480px. */@media (min-width: 992px){.navbar-collapse.collapse{display: block !important; height: auto; padding-bottom: 0; overflow: visible !important;}.navbar-toggle{display: none !important;} }@media only screen and (max-width: 991px){.mainmenu-area .inner-content{position: relative; display: block;} .main-menu{display: block; float: none; padding-top: 17px; padding-bottom: 0px; z-index: 5; width: 100%;}.main-menu .navigation li{margin-left: 0; margin-right: 0; padding: 0; float: none;} .main-menu .collapse{border: none; border-radius: 0px !important; float: none; margin: 0; height: auto; overflow: auto; padding: 0; width: 100%;} .main-menu .collapse.in, .main-menu .collapsing{border: none; border-radius: 0px; margin: 0; padding: 0; border-top: none;} .main-menu .navbar-header{position: relative; float: none; display: block; text-align: right; width: 100%; padding: 63px 0 0; right: 0px; z-index: 12;} .main-menu .navbar-header .navbar-toggle{/*background: #000100; border: 1px dashed #000100;*/ display: inline-block; border-radius: 3px; float: none; margin: 0; z-index: 7; width: 50px; height: 47px; cursor: pointer; padding: 0 9px; position: absolute; top: 0; right: 0;}.main-menu .navbar-header .navbar-toggle .icon-bar{display: block; background: #000000; width: 30px; height: 2px; border-radius: 1px;}.main-menu .navbar-header .navbar-toggle .icon-bar+.icon-bar{margin-top: 6px;} .main-menu .navbar-collapse > .navigation{float: none !important; width: 100% !important; margin-top: 0px; margin-bottom: 0px;} .main-menu .navbar-collapse .navigation > li{display: block; margin: 0px !important; padding: 0; float: none !important; width:100%;} .main-menu .navbar-collapse > .navigation > li > ul,.main-menu .navbar-collapse > .navigation > li > ul > li > ul{position: relative; float: none; visibility: visible; opacity: 1; display: none; margin: 0px; padding: 0; left: auto !important; right: auto !important; top: auto !important; width: 100%; background: none; border-radius: 0px; box-shadow: none; transition: none !important;} .main-menu .navbar-collapse .navigation li,.main-menu .navbar-collapse .navigation li ul li,.main-menu .navbar-collapse .navigation li ul li ul li{background: #ffffff; border-top: 1px solid #d4aa68; opacity:1 !important; top:0px !important; left:0px !important; visibility: visible !important;} .main-menu .navbar-collapse .navigation li:last-child,.main-menu .navbar-collapse .navigation li ul li:last-child,.main-menu .navbar-collapse .navigation li ul li ul li:last-child{border-bottom: 1px solid #d4aa68;} .main-menu .navbar-collapse .navigation li ul li{border-bottom: 0px solid #151618 !important;} .main-menu .navbar-collapse .navigation li ul li ul li{border-bottom: 0px solid #151618 !important;} .main-menu .navbar-collapse .navigation li a{padding: 10px 10px !important; line-height: 22px; color: #d4aa68; text-align: left;}.main-menu .navbar-collapse .navigation li ul li a{padding: 10px 10px !important; line-height: 22px; color: #545050; text-align: left; font-size: 14px; font-weight: 400; border: none !important; text-transform: capitalize; font-family: 'Rubik', sans-serif;} .main-menu .navbar-collapse .navigation li a:hover,.main-menu .navbar-collapse .navigation li a:active,.main-menu .navbar-collapse .navigation li a:focus{} .main-menu .navbar-collapse > .navigation > li:hover > a,.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,.main-menu .navbar-collapse > .navigation > li.current > a{color: #ffffff !important; background: #26272b;} .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{display:block;} .main-menu .navbar-collapse .navigation > li > ul{border: none; padding: 0; margin: 0;} .main-menu .navigation > li > ul > li > a:after{display: none;} .main-menu.style2 .navigation > li.dropdown > a:after{display: none;} }@media only screen and (min-width: 1200px) and (max-width: 1500px){.main-slider.style2 .tparrows{left: 30% !important;} .main-slider.style2 .tp-rightarrow{left: 38% !important;} }@media only screen and (min-width: 800px) and (max-width: 1199px){.main-slider.style2 .tparrows{left: 25% !important;} .main-slider.style2 .tp-rightarrow{left: 35% !important;} }@media only screen and (max-width: 799px){.main-slider.style2 .tparrows{display: none !important;} #link-phone, #link-email{display:none;} }@media only screen and (min-width: 1200px) and (max-width: 1300px){.main-slider .slide-content.left-slide{margin-left: 50px;} .main-slider.style2 .slide-content.left-slide{margin-left: 0px;} }@media only screen and (max-width: 1199px){.main-slider .slide-content.left-slide{margin-left: 50px;} .main-slider.style2 .slide-content .big-title{font-size: 40px;line-height: 1.2em;}.main-slider.style2 .slide-content .text{font-size: 16px;line-height: 1.6em;} }@media only screen and (max-width: 1039px){/*** ============================================= Highlights Area style=============================================***/ .highlights-area{margin-top: 0; padding-top: 110px;}/*** ============================================= Featured Area style=============================================***/ .featured-area{margin-top: 0px; padding-top: 60px; background: #ffffff;} .main-slider .tparrows{top: 50% !important;} .main-slider .slide-content.left-slide{margin-left: 50px;} .main-slider .slide-content .big-title{font-size: 50px;line-height: 1.1em;} .main-slider.style3 .slide-content .big-title{font-size: 50px;line-height: 1.2em;}.main-slider.style3 .slide-content .text{font-size: 16px;line-height: 1.6em;} }@media only screen and (max-width: 777px){.main-slider .slide-content .big-title{font-size: 40px;line-height: 1.1em;} .main-slider .slide-content .text{font-size: 16px;line-height: 1.6em;font-weight: 400;} .main-slider .slide-content .text br{display: none;} .main-slider .slide-content .btn-box a.project-view-button{display: block; margin-left: 0; padding: 0; line-height: 50px;} .main-slider .slide-content .btn-box a.project-view-button:before{display: none;} .main-slider.style2 .slide-content .big-title{font-size: 30px;line-height: 1.2em;} .main-slider.style2 .slide-content .text{font-size: 15px;line-height: 1.6em;} .main-slider.style3 .slide-content .big-title{font-size: 30px;line-height: 1.2em;}.main-slider.style3 .slide-content .text{font-size: 14px;line-height: 1.6em;} }@media only screen and (max-width: 599px){/*** ============================================= Rev slider wrapper style=============================================***/.main-slider .slide-content.left-slide{margin-left: 0px;} .main-slider .slide-content .big-title{font-size: 30px;line-height: 1.0em;} .main-slider .slide-content .text{font-size: 24px;line-height: 1.4em;}.main-slider .slide-content .btn-box a{line-height: 50px;} .main-slider.style2 .slide-content.left-slide{margin-left: 0px;} .main-slider.style2 .slide-content .big-title{font-size: 20px;line-height: 1.3em;} .main-slider.style2 .slide-content .text{font-size: 14px;line-height: 1.6em;} .main-slider.style3 .slide-content .big-title{font-size: 20px;line-height: 1.2em; font-weight: 600;}.main-slider.style3 .slide-content .text{font-size: 14px;line-height: 1.6em;} }@media only screen and (max-width: 479px){.main-slider .slide-content.left-slide{margin-left: 0px; padding-right:30px;} .main-slider .slide-content .big-title{font-size: 36px;line-height: 1.3em; font-weight: 500;} .main-slider .slide-content .btn-box a{line-height: 50px; padding: 0 20px 0;} .main-slider.style2 .slide-content .big-title{font-size: 20px;line-height: 1.3em;} .main-slider.style2 .slide-content .text{font-size: 14px;line-height: 1.4em;} .main-slider.style2 .slide-content .btn-box a.slide-style2-button{margin-left: 5px; line-height: 70px;} .main-slider.style2 .slide-content .btn-box a.slide-style2-button:before{display: none;} .main-slider.style3 .slide-content .big-title{font-size: 20px;line-height: 1.2em; font-weight: 500;}.main-slider.style3 .slide-content .text{font-size: 14px;line-height: 1.6em;} }@media only screen and (max-width: 400px){.main-slider .slide-content .big-title{font-size: 20px;line-height: 1.3em; font-weight: 500;} }