[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
Backup
/
05122024
/
htdocs
/
cilfi
/
web
/
css
/
[
Home
]
File: responsive.css
/* Sola - SEO HTML Template */ @media only screen and (max-width: 1800px){ .projects-carousel .owl-nav{ right: 12%; } } @media only screen and (max-width: 1700px){ .banner-section.style-two .image-column .image-box img.image-vector{ right: 12%; } } @media only screen and (max-width: 1600px){ .banner-section .content-column .content-inner{ margin-left: 25%; } .banner-section.style-two .image-column .image-box img.image-vector{ right: 0; } .get-started-sec.alternate { margin-top: -13px; } .projects-carousel .owl-nav{ right: 8%; } .progress-sec .image-box{ margin-right: -200px; } .progress-sec .progress-bg{ background-size: 46%; } .project-block .text-box h3{ font-size: var(--font-24); } } @media only screen and (max-width: 1440px){ .banner-section{ background-size: 106%; } .projects-carousel .owl-nav{ right: 3%; } .banner-section.banner-slider{ padding-bottom: 257px; } .banner-section.banner-slider .content-column .inner-column { padding-left: 17px; } .project-block .text-box:after, .project-block .text-box:before{ width: 80px; height: 80px; } .project-block .text-box:after{ top: -5px; } .project-block .text-box:before{ bottom: -5px; } .banner-section .image-column .image-box{ margin-top: 265px; } .project-block .text-box h3 { font-size: var(--font-20); } .counter-box .count-box .count{ font-size: var(--font-55); } .banner-section.style-three .banner-image-3{ right: -1% !important; bottom: 7% !important; } .banner-section.style-three .banner-image-2{ right: 0% !important; } .services-section .owl-nav{ left: -73px; width: 112%; } .box-layout .services-section .owl-nav { left: -49px; width: 108.4%; } .box-layout .banner-section.style-two .image-column .image-box img.image-vector { right: 27px; } .box-layout .faq-section .image-column .image { margin-left: -24px; } .box-layout .header-style-three .main-menu .navigation > li { margin-left: 30px; } .box-layout .experince-sec .image-column .image-box { margin-left: -43px; } .banner-section.style-two .image-column .image-box{ margin-top: 170px; } .about-section.style-two .image-column .inner-column .image-box { text-align: right; margin-right: -47px; } .about-section.style-two{ background-size: 48%; margin-bottom: 0; } .faq-section:before{ background-size: 79%; background-repeat: no-repeat; } .pricing-section:before{ top: -60px; background-size: 82%; background-position: top right; } .faq-section .image-column .image{ margin-left: -60px; } .get-started-sec{ margin-top: -150px; } .experince-sec .image-column .image-box { position: relative; margin-left: -118px; } .banner-section .content-column .content-inner { margin-left: 14%; } .banner-section.style-two .content-column .content-inner{ margin-top: 247px; } .banner-section.style-three .image-column .image-box:before{ background-size: 86%; } .banner-section.style-three .image-column .image-box:after{ background-size: 92%; } .pattern-layer-four{ left: 3%; } .experince-sec .image-column .image-box .review-box{ bottom: -101px; right: 34px; } .fun-fact-and-image:before{ background-size: 54%; } .banner-section:after{ display: none; } .service-block-two:nth-child(1) { margin: 0 80px 40px 0; } .service-block-two:nth-child(2) { margin: 0 37px 40px 33px; } .service-block-two { margin: 0 -17px 40px 80px; } .service-block-three:nth-child(1) { margin: 0 0px 40px 80px; } .service-block-three:nth-child(2) { margin: 0 33px 40px 30px; } .service-block-three { margin: 0 80px 40px -32px; } .project-block-two .overlay-box .category{ top: 20px; left: 20px; } .project-block-two .overlay-box .detail-box{ right: 20px; bottom: 20px; } .contact-section:before{ background-size: 56%; } .clients-section.style-three .slide-item{ padding: 0 50px; } .clients-section.style-three{ padding: 197px 0 70px; } .contact-section.altrenate, .team-section.alternate, .news-section-three.alternate, .error-section{ padding: 77px 0 250px; } .sidebar-page-container, .login-section{ padding: 44px 0 250px; } .projects-section.gallery-proj, .cart-section, .checkout-page{ padding: 50px 0 250px; } .project-details-section{ padding: 0px 0 250px; } .contact-section:before{ top: 0; } .error-section{ padding: 100px 0 150px; } .banner-section.style-three .content-column .content-inner { margin-top: 125px; } .contact-page-section{ padding-bottom: 250px; } .progress-sec .progress-bg { background-size: 46%; top: 42px; } .progress-sec .image-box { margin-right: -78px; margin-top: 73px; } } @media only screen and (max-width: 1366px){ .experince-sec .image-column .image-box { margin-left: -85px; } .experince-sec .pattern-layer-tweleve { right: -28px; } .header-style-three .main-menu .navigation > li { margin-left: 43px; } .box-layout .header-style-three .main-menu .navigation > li { margin-left: 30px; } .projects-carousel .owl-nav { right: 0; } } @media only screen and (max-width: 1280px){ .box-layout .page-wrapper{ border: 0; } .box-layout .banner-section{ background-size: cover; } .progress-sec .progress-bg { background-size: 48%; top: 53px; } .banner-section{ background-size: cover; } .project-block-two .overlay-box .category{ top: 15px; left: 15px; } .project-block-two .overlay-box .detail-box{ right: 15px; bottom: 15px; } .banner-section .content-column .content-inner { margin-left: 6%; } .project-block .text-box:before, .project-block .text-box:after{ width: 80px; height: 80px; } .top-header .left-header-area{ width: calc(70% - 0px); } .top-header .right-header-area{ width: calc(30% - 0px); } .projects-carousel .owl-nav{ right: 0; } .banner-section.style-two .social-links{ display: none; } .banner-section.style-two .content-column .content-inner { margin-top: 246px; } .about-section.style-two { background-size: 45%; margin-bottom: 0; } .about-section.style-two .image-column .inner-column .image-box { text-align: right; margin-right: -12px; } .faq-section .image-column .image{ margin-left: 0; } .banner-section.style-three .content-column .content-inner { margin-top: 100px; } .banner-section.style-three .image-column .image-box:before, .banner-section.style-three .image-column .image-box:after{ background-size: 77%; } .experince-sec .image-column .image-box { margin-left: -38px; } .experince-sec .pattern-layer-tweleve { display: none; } .header-style-three .outer-box .theme-btn { margin: -11px 15px 0; display: none; } .experince-sec .image-column .image-box { margin-left: 0; } .progress-sec .image-box { margin-right: 0; margin-top: 60px; } } @media only screen and (max-width: 1199px){ .main-header .main-menu .navigation > li{ margin-left: 41px; } .progress-sec .image-box { margin-right: -132px; margin-left: 0; } .projects-carousel .owl-nav{ padding: 0; } .main-footer .widgets-section { padding: 225px 0 41px; } .contact-info-section .inner-container{ background-size: cover; } .main-footer.style-two:after{ top: -261px; } .project-block-two .overlay-box .detail-box { right: 40px; bottom: 40px; } .project-block-two .overlay-box .category{ top: 30px; left: 30px; } .service-block-two:nth-child(1), .service-block-two:nth-child(2), .service-block-two:nth-child(3) { margin: 0 64px 40px 0; } .services-section .center-column .inner-column .image-box{ text-align: center; } .service-block-three:nth-child(1), .service-block-three:nth-child(2), .service-block-three:nth-child(3){ margin: 0 0px 40px 68px; } .services-section.altrenate{ padding: 169px 0 237px; } .get-started-sec { margin-top: -184px; } } @media only screen and (max-width: 1139px){ .main-header .main-menu .navigation > li { margin-left: 38px; } .header-style-two .header-lower .main-box .nav-outer .navigation > li { margin-left: 32px; } .about-section .content-column .content-box{ padding-left: 0px; padding-right: 0px; } .team-block .inner-box .image:before { background-size: 91%; background-repeat: no-repeat; } .main-footer .gallery-widget .outer .image{ width: 20%; } .news-block .caption-box, .service-block .lower-content{ padding-left: 15px; padding-right: 15px; } .carousel-outer .thumbs-carousel .owl-nav{ display: none; } .header-style-three .top-header .left-header-area { width: calc(78% - 0px); } .header-style-three .top-header .right-header-area { width: calc(22% - 0px); } .counter-box .count-box{ width: calc(87% / 2); } } @media only screen and (max-width: 1099px){ .main-header .main-menu .navigation > li { margin-left: 27px; } .banner-section.style-two .content-column .content-inner { margin-top: 193px; } .top-header .left-header-area { width: calc(74% - 0px); } .top-header .right-header-area { width: calc(26% - 0px); } .service-block{ height: 630px; } .header-style-two .outer-box .btn-style-one{ display: none; } .main-footer.style-two:after{ top: -222px; } .main-footer.style-two:after { top: -159px; } .contact-page-section { position: relative; padding-bottom: 85px; } .contact-page-section { position: relative; padding-bottom: 0; } .contact-page-section .contact-info { position: relative; padding: 100px 0 0; } .main-footer.style-three .footer-bottom .inner-container .copyright-text{ width: 100%; } .progress-sec .image-box { margin-right: -40px; margin-left: -13px; margin-top: 114px; } .progress-sec .progress-bg { background-size: 52%; top: 94px; } .testimonial-block .inner-box .text:before{ background-repeat: no-repeat; background-size: cover; } .testimonial-block{ padding-left: 0; } .fixed-header .sticky-header .main-box .logo-box { margin-top: 7px; } .header-style-two.fixed-header .sticky-header .main-box .logo-box { margin-top: 22px; } .header-style-three.fixed-header .sticky-header .main-box .logo-box { margin-top: 22px; } } @media only screen and (min-width: 768px){ .main-menu .navigation > li > ul, .main-menu .navigation > li > .mega-menu, .main-menu .navigation > li > ul > li > ul{ display:block !important; visibility:hidden; opacity:0; } } @media only screen and (max-width: 1023px){ .get-started-sec{ margin-top: -205px; } .main-header .main-menu .navigation > li { margin-left: 49px; } .main-header .main-box{ padding-top: 12px; } .header-style-one.fixed-header .sticky-header .main-box .logo-box { margin-top: 5px; } .main-header .outer-box, .header-style-one .outer-box, .about-section .image-column .image img, .about-section .image-column .title-box h2 br, .header-style-five .outer-box, .header-style-five .main-menu .navigation > li:before, .header-style-one .main-menu .navigation > li:before{ display: none; } .header-style-five .main-menu .navigation > li > a{ padding: 20px 0; } .header-style-one .main-menu .navigation > li > a{ padding: 20px 0; } .banner-carousel h2{ font-size: 36px; line-height: 1.2em; } .about-section .content-column .inner-column, .about-section .image-column .inner-column{ margin: 0; } .about-section .content-column .content-box{ text-align: left; } .about-section .image-column .image-box .alphabet-img{ position: relative; display: inline-block; } .about-section .content-column .inner-column, .about-section .image-column .image-box{ padding-top: 50px; text-align: center; } .about-section .image-column .title-box{ position: relative; display: inline-block; left: 0; top: 0; text-align: center; } .testimonial-block .inner-box .text:before{ background-size: 87%; background-repeat: no-repeat; } .testimonial-block .icon-quote{ bottom: 43px; } .testimonial-block .text{ padding: 27px 25px 0; } .contact-info-section .inner-container{ padding: 30px 60px 55px; } .main-menu .navigation > li > .mega-menu{ padding:20px 20px; } .about-section .content-column .content-box{ padding-left: 15px; padding-right: 15px; } .banner-section-two .content-box h2{ font-size: 40px; line-height: 1.2em; } .banner-section-two .content-box .video-link{ position: relative; left: 0; top: 0; margin-top: 30px; } .header-style-four .main-menu .navigation > li{ margin-left: 20px; } .header-style-four .main-menu .navigation > li > a{ font-size: 14px; text-transform: capitalize; } .header-style-five .main-menu .navigation > li{ margin-left: 20px; margin-right: 0; } .header-style-five .main-menu .navigation > li > a{ font-size: 14px; text-transform: capitalize; } .feature-block{ margin-bottom: 50px; } .project-block-two{ padding-left: 0; } .projects-carousel-two .owl-next, .projects-carousel-two .owl-prev{ bottom: -30px; } .projects-carousel-two .owl-dots{ position: relative; bottom: -30px; } .offer-section .image-column .inner-column{ padding: 0px; margin: 0; } .header-style-seven .main-menu .navigation > li{ margin-left: 20px; } .app-section .title-column h1 br, .banner-section-three .bottom-box, .banner-section-three .slide-item:before, .header-style-seven .outer-box{ display: none; } .banner-section-three{ padding-bottom: 70px; } .banner-section-three .slide-item{ padding:100px 0; } .banner-carousel-two .content-box .inner-box{ padding-left: 30px; } .app-section .content-column .inner-column{ padding: 0 0 70px; } .offer-section .form-column .inner-column{ margin-left: 0; } .app-section .title-column h1{ font-size: 54px; } .app-section{ text-align: center; } .specialize-section-two.alternate .title-column{ margin-bottom: 50px; } .specialize-section-two .carousel-column{ order: 12; } .contact-page-section .map-column .inner-column{ height: 500px; position: relative; padding: 0; } .banner-carousel-two .owl-nav{ left: auto; right: 50%; max-width: none; width: 208px; transform: translateX(95px); } .banner-section-five .content-box h2{ font-size: 40px; line-height: 1.2em; } .banner-section-five .content-box .video-link{ position: relative; left: 0; top: 0; margin-top: 30px; } .banner-section-five .content-box .video-link a{ transform: translate(0); } .header-style-seven .main-menu .navigation > li{ margin-left: 20px; } .header-style-seven .main-menu .navigation > li > a{ font-size: 14px; } .banner-section-six .slide-item{ padding-top: 250px; } .banner-section-six .content-box { padding: 40px 30px; } .banner-section-six .slide-item:before{ display: none; } .banner-section-six{ padding-bottom: 70px; } .banner-section-six .banner-carousel-two .owl-nav{ right: auto !important; left: 50%; bottom: -70px; transform: translateX(-50%); } .banner-section-six .content-box{ padding: 40px 30px; } .banner-section-six .content-box .inner-box{ padding-left: 30px; } .header-style-two .header-lower .main-box .nav-outer .navbar-collapse { padding-right: 28px; } .header-style-two .header-lower .main-box .logo-box{ width: calc(15% - 0px); } .header-style-two .header-lower .main-box .nav-outer{ width: calc(85% - 0px); } .header-style-two .header-lower .main-box .nav-outer .navigation > li { margin-left: 50px; } .banner-section.style-three .pattern-layer-four { display: none; } .header-style-three .top-header .left-header-area { width: calc(80% - 0px); } .header-style-three .top-header .right-header-area { width: calc(20% - 0px); } } @media only screen and (max-width: 991px){ .banner-section .content-column .content-inner { text-align: center; margin: 308px auto 0; } .main-header .main-menu .navigation > li { margin-left: 39px; } .main-header .main-box { padding-top: 16px; } .progress-sec .progress-bg{ display: none; } .header-style-two .header-lower .main-box .nav-outer .navigation > li { margin-left: 46px; } .banner-section.banner-slider .content-column .inner-column{ padding-bottom: 0; } .banner-section.banner-slider .image-column .inner-column { padding-top: 50px; padding-bottom: 237px; } .banner-section .content-column h1 br, .banner-section .content-column p br { display: none; } .experince-sec .content-column .inner-box { margin-top: 50px; } .invested-sec .invseted-cloumn .invested-box .icon-box { width: calc(20% - 0px); position: relative; padding: 34px 0; text-align: center; background-repeat: no-repeat; } .testimonial-section.style-two .title-column .sec-title { margin-top: 0; } .banner-section.style-three .image-column .image-box:before, .banner-section.style-three .image-column .image-box:after { background-size: 100%; } .about-section .content-column .inner-column, .about-section .image-column .image-box { padding-top: 0; } .about-section.style-two { background-size: 100%; margin-bottom: 0; } .about-section.style-two .image-column .inner-column{ margin-top: 50px; } .banner-section .content-column .content-inner .video-link { position: relative; display: flex; justify-content: center; } .service-block-two:nth-child(1), .service-block-two:nth-child(2), .service-block-two:nth-child(3){ margin: 0 54px 40px 0; } .service-block-three:nth-child(1), .service-block-three:nth-child(2), .service-block-three:nth-child(3){ margin: 0 0 40px 60px; } .services-section .center-column .inner-column .image-box{ text-align: center; } .banner-section .image-column .image-box { margin-top: 40px; } .service-block { height: 557px; margin-bottom: 30px; } .progress-sec .image-box .progress-bg{ top: 0; } .testimonial-section .image-column .image-box{ margin-bottom: 50px; } .testimonial-block .inner-box .text:before { background-size: cover; background-repeat: no-repeat; width: 61%; left: 11%; } .testimonial-block .text { padding: 62px 305px 0 153px; } .testimonial-block .icon-quote { bottom: 43px; left: 154px; } .top-header .left-header-area, .top-header .right-header-area { width: calc(100% - 0px); text-align: center; justify-content: center; margin-bottom: 11px; } .team-block .inner-box .image img{ width: 100% } .banner-section.style-two .image-column .image-box { margin-top: 53px; animation-duration: 3s; animation-iteration-count: infinite; margin-bottom: 268px; } .banner-section.style-two .image-column .image-box img.image-vector { right: 20%; } .fun-fact-section .outer-box{ background-size: cover; max-width: 100%; } .about-section.style-two .image-column .inner-column .image-box { text-align: center; margin-right: 0; } .experince-sec .box-cloummn .inner-box{ margin-top: 83px; } .experince-sec .image-column .image-box { margin-left: 0; } .services-section.style-three{ padding: 250px 0; } .fun-fact-and-image .image-column .image-box .image { margin-top: 0; position: relative; margin-bottom: 121px; } .contact-section .image-column { text-align: left !important; } .testimonial-section.style-two .testimonial-column .testimonial-carousel{ padding: 110px 0 159px 176px; } .project-detail .upper-content { position: relative; padding-top: 0; } .project-detail .upper-content .image { margin-bottom: 36px; } .project-detail .upper-content .image img { width: 100%; } .experince-sec .box-cloummn { margin-top: 50px; } .header-style-three .top-header .left-header-area, .header-style-three .top-header .right-header-area{ width: calc(100% - 0px); } } @media only screen and (max-width: 920px){ .header-style-two .header-lower .main-box .nav-outer .navigation > li { margin-left: 42px; } } @media only screen and (max-width: 902px){ .main-header .main-menu .navigation > li { margin-left: 36px; } .fixed-header .main-menu .navigation > li { margin-left: 31px; } .header-style-two .header-lower .main-box .nav-outer .navigation > li { margin-left: 28px; } .banner-section.style-two .image-column .image-box img.image-vector { right: 16%; width: 74%; } .header-style-three .top-header .left-header-area{ width: calc(100% - 0px); } .top-header .left-header-area .contact-area li { margin-right: 8px; } .header-style-three .top-header .right-header-area { width: calc(100% - 0px); } .testimonial-section.style-two .testimonial-column .testimonial-carousel { padding: 67px 0 156px 107px; } .service-detail .inner-box .image { position: relative; margin-bottom: 32px; } .team-detail-block .inner-box .image-box { width: calc(100% - 0px); margin-top: 0; margin-bottom: 0; padding-left: 0; margin-bottom: 30px; } .team-detail-block{ background-image: none; } .team-detail-block .inner-box .info-name{ width: calc(100% - 0px); padding: 50px 50px 13px; } .testimonial-block .inner-box .text:before { background-size: cover; background-repeat: no-repeat; width: 77%; left: 12%; } .testimonial-block .text { padding: 55px 130px 0 153px; } .clients-section.style-two .sponsors-outer{ padding: 0; } } @media only screen and (max-width: 870px){ .main-header .main-menu .navigation > li { margin-left: 30px; } .header-style-one .header-lower{ padding: 0 20px; } } @media only screen and (max-width: 830px){ .main-header .main-menu .navigation > li { margin-left: 24px; } } @media only screen and (max-width: 790px){ .main-header .main-menu .navigation > li { margin-left: 22px; } } @media only screen and (max-width: 767px){ .header-style-one .logo-box{ float: left; width: auto; } .header-style-two.fixed-header .sticky-header .main-box .logo-box, .header-style-three.fixed-header .sticky-header .main-box .logo-box { margin-top: 0; } .fixed-header .sticky-header .main-menu { display: none; } .fixed-header .sticky-header .main-box .logo-box { margin-top: 0; } .fixed-header .sticky-header .mobile-nav-toggler { top: 110px; right: 0; color: var(--main-color); } .header-style-two.fixed-header .sticky-header .mobile-nav-toggler{ top: 107px; } .header-style-three.fixed-header .sticky-header .mobile-nav-toggler { top: 35px; } .header-style-two .header-lower .main-box .logo-box { width: 100%; } .main-header .main-box { padding-top: 0; display: block; } .main-header .logo-box .logo { padding: 23px 0; } .header-style-two .header-lower .main-box .nav-outer { margin-top: -27px; width: 100%; } .header-style-two .header-lower .main-box .nav-outer:after{ left: 0; bottom: -13px; height: 78px; width: 100%; } .header-style-two .logo-box .logo { padding: 25px 16px; } .main-header .nav-outer{ position: relative; width: 100%; margin-top: -80px; } .main-menu .collapse { max-height:300px; overflow:auto; float:none; width:100%; padding:10px 0px 0px; border:none; margin:0px 0px 15px; -ms-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; box-shadow:none; } .main-menu .collapse.in, .main-menu .collapsing{ padding:10px 0px 0px; border:none; margin:0px 0px 15px; -ms-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; box-shadow:none; } .main-menu .navbar-header{ position:relative; float:none; display:block; text-align:right; width:100%; padding:15px 0px; right:0px; z-index:12; } .main-menu .navbar-header .navbar-toggle{ display:inline-block; z-index:12; border:1px solid #ffffff; float:none; margin:0px 0px 0px 0px; border-radius:0px; background:#fbb908; } .main-menu .navbar-header .navbar-toggle .icon-bar{ background:#ffffff; } .main-menu .navbar-collapse > .navigation{ float:none !important; margin:0px !important; width:100% !important; background:#2c2c2c; border:1px solid #ffffff; border-top:none; } .main-menu .navbar-collapse > .navigation > li{ margin:0px !important; float:none !important; padding:0px !important; width:100%; } .main-menu .navigation > li > a, .main-menu .navigation > li > ul:before{ border:none; } .main-menu .navbar-collapse > .navigation > li > a{ padding:10px 10px !important; border:none !important; } .main-menu .navigation li.dropdown > a:after, .main-menu .navigation > li.dropdown > a:before, .main-menu .navigation > li > ul > li > a::before, .main-menu .navigation > li > ul > li > ul > li > a::before{ color:#ffffff !important; right:15px; font-size:16px; display:none !important; } .main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul{ position:relative; border:none; float:none; visibility:visible; opacity:1; display:none; margin:0px; left:auto !important; right:auto !important; top:auto !important; padding:0px; outline:none; width:100%; background:#2c2c2c; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; border-radius:0px; transition:none !important; -webkit-transition:none !important; -ms-transition:none !important; -o-transition:none !important; -moz-transition:none !important; } .main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul{ border-top:1px solid rgba(255,255,255,1) !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{ border-top:1px solid rgba(255,255,255,1) !important; border-bottom:none; opacity:1 !important; top:0px !important; left:0px !important; visibility:visible !important; } .main-menu .navbar-collapse > .navigation > li:first-child{ border:none; } .main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{ padding:10px 10px !important; line-height:22px; color:#ffffff; background:#2c2c2c; text-align:left; } .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 .navigation > li .mega-menu-bar .column > ul > li > a{ background:#fbb908; } .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, .main-menu .navbar-collapse > .navigation > li.current-menu-item > a, .main-menu .navigation > li .mega-menu-bar .column > ul > li > a{ background:#2c2c2c; color:#ffffff !important; } .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{ display:block; } .main-menu .navbar-collapse > .navigation li.dropdown:after, .main-menu .navigation > li > ul:before{ display:none !important; } .main-header .btn-outer{ left:0px; top:0px; right:auto; margin-top:15px; text-align:left; z-index:12; } .sidebar-page-container .comments-area .comment-box.reply-comment{ margin-left:0px; } .main-header .info-box{ padding-left:0px; text-align:center; width:100%; margin-right:0px; margin-left:0px; } .main-header .header-upper .upper-right{ width:100%; padding-bottom:20px; } .main-header .info-box .icon-box{ position:relative; top:0px; margin-bottom:15px; } .main-header .header-lower .outer-box{ position:absolute; z-index:12; } .main-menu .navigation > li.has-mega-menu, .mobile-menu .navigation > li.has-mega-menu{ position:relative !important; } .mobile-menu .navigation > li.has-mega-menu{ display:none; } .mobile-menu .navigation > li > .mega-menu{ padding:0px; border-top:none; } .main-menu .navigation > li .mega-menu-bar .column{ padding:0px; margin:0px; } .main-menu .navigation > li > .mega-menu{ position:relative; width:100%; padding:0px !important; background:none !important; margin:0px !important; left:0px !important; top:0px !important; } .main-menu .navigation > li > .mega-menu .row{ margin:0px; width:100%; } .main-menu .navigation > li > .mega-menu:before, .main-menu .navigation > li .mega-menu-bar h3{ color:#ffffff !important; right:15px; font-size:16px; display:none !important; } .main-menu .navigation > li > .mega-menu, .main-menu .navigation > li .mega-menu-bar > ul{ position:relative; border:none; float:none; visibility:visible; opacity:1; display:none; margin:0px; left:auto !important; right:auto !important; top:auto !important; padding:0px; outline:none; width:100%; background:#2c2c2c; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; border-radius:0px; transition:none !important; -webkit-transition:none !important; -ms-transition:none !important; -o-transition:none !important; -moz-transition:none !important; -webkit-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .main-menu .navigation > li .mega-menu-bar .column > ul > li{ border-top:1px solid rgba(255,255,255,1) !important; border-bottom:none; opacity:1 !important; top:0px !important; left:0px !important; visibility:visible !important; } .main-menu .navigation > li .mega-menu-bar .column > ul > li > a{ padding: 10px 10px !important; line-height:22px; color:#ffffff !important; background:#ffb200; text-align:left; font-size:14px; font-weight:600; text-transform:uppercase; } .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{ background:#ffb200; } .main-menu .navbar-header .navbar-toggler{ display: inline-block; z-index: 12; width: 50px; height: 40px; float: none; padding: 0px; text-align: center; border-radius: 0px; color: var(--white); background-color:var(--main-color) } .main-menu .navbar-header .navbar-toggler .icon-bar{ position: relative; background: #ffffff; height: 2px; width: 26px; display: block; margin:0 auto; margin:5px 11px; } .nav-outer .mobile-nav-toggler{ display: block; } .main-header .header-lower .nav-outer .main-menu { display: none; } .main-header .options-box .cart-box .cart-panel{ left:0px !important; right:auto; } .header-style-two .header-lower .main-box .nav-outer .navbar-header { right: 13px; top: -29px; } .header-style-two .header-lower .main-box .nav-outer .navbar-header .navbar-toggler { background-color: var(--white); color: var(--main-color); } .header-style-two .main-menu { top: -32px; } .header-style-three .nav-outer { position: relative; width: 100%; margin-top: -10px; } .experince-sec .image-column .image-box .review-box { bottom: -49px; right: 127px; } /*=== End Mega Menu Style ===*/ .service-block { height: 489px; margin-bottom: 30px; } .page-title{ padding: 162px 0 100px; } .page-title h1{ font-size: 36px; line-height: 1.2em; margin-bottom: 15px; } .page-title .title{ font-size: 18px; margin-bottom: 15px; } .page-title .bread-crumb{ padding-top: 0; } .page-title .bread-crumb{ width: 100%; padding-bottom: 0; } .sec-title .text br{ display: none; } .sec-title{ margin-bottom: 40px; } .banner-section-two .owl-dots{ right: 15px; } .banner-section-two .owl-dot{ margin-bottom: 20px; } .sidebar-page-container{ padding: 70px 0 20px; } .fact-counter .count-box{ text-align: center; padding: 20px 0px 0; display: block; } .fact-counter .count-box .count{ float: none; display: inline-block; margin: 0; } .fact-counter .counter-column{ margin-bottom: 30px; } .fact-counter .count-box .icon-box { width: 100%; display: block; line-height: 60px; text-align: center; margin: 0 auto; } .fact-counter .count-box:before{ left: 0; right: 0; margin: 0 auto; } .fact-counter .count-box .counter-title br, .projects-carousel .owl-nav{ display: none !important; } .testimonial-block .inner-box .text:before, .testimonial-block .icon-quote{ display: none; } .main-footer .footer-bottom .social-links, .main-footer .footer-bottom .copyright-text{ width: 100%; text-align: center; padding-right:0; } .main-footer .footer-bottom .inner-container:before{ display: none; } .main-footer .footer-bottom .copyright-text:before{ width: 120%; left: -10%; height: 100%; border:0; background-color: #ffae00; } .main-footer .footer-bottom .social-links li{ float: none; display: inline-block; } .main-footer .footer-bottom .social-links li:first-child{ margin-left: 0; } .main-footer .gallery-widget .outer .image{ width: 25%; } .service-block-two.style-two .inner-box{ padding-top: 0; } .project-block-two .info-box .text{ margin-bottom: 20px; } .login-section{ padding: 70px 0 40px; } .project-block-two .info-box h3{ font-size: 24px; margin-bottom: 15px; } .offer-section .image-column .text{ position: relative; padding: 0; margin: 50px 0 0; } .banner-carousel-two .content-box h2{ font-size: 32px; } .banner-carousel-two .content-box .title{ font-size: 20px; } .mixitup-gallery .filters li{ margin-right: 10px; } .mixitup-gallery .filters{ margin-bottom: 70px; } .list-style-one li{ width: 100%; } .error-section{ padding: 100px 0; } .main-footer .about-widget{ padding-right: 0; } .banner-section .slide-item:before{ width: 120%; left: -10%; } .rtl .banner-section .slide-item:before{ left: auto; right: -10px; } .banner-section-two .slide-item:before{ display: none; } .projects-section-two{ padding: 50px 0 100px; } .banner-section .contact-info{ display: none; } .banner-carousel .owl-nav{ left: 0; right: 0; margin: 0 auto; text-align: center; bottom: -50px; } .banner-section-two .slide-item .content-box{ padding: 150px 0; } .banner-section-two .content-box .video-link{ margin-top: 0px; } .main-header .top-left{ display: none; } .main-header .top-right{ text-align: center; width: 100%; } .services-section .owl-nav{ display: none !important; } :root{ --font-12: 12px; --font-14: 14px; --font-16: 16px; --font-18: 18px; --font-20: 18px; --font-24: 22px; --font-30: 24px; --font-36: 30px; --font-48: 40px; --font-60: 50px; } .contact-info-section .inner-container { padding: 30px 60px 29px; background-size: cover; } .top-header .left-header-area{ display: none; } .contact-info-section .inner-container .text-box { width: calc(100% - 0px); } .contact-info-section .inner-container .contect-box { width: calc(100% - 0px); text-align: left; margin-top: 15px; } .main-footer .widgets-section { padding: 391px 0 60px; margin-top: -100px; } .main-footer .footer-bottom .social-icon-two { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; } .testimonial-block .text { padding: 0; } .main-footer.style-three .widgets-section{ padding: 181px 0 60px; } .widgets-section .newslatter-form { position: relative; margin-bottom: 60px; } .main-footer.style-two:after{ display: none; } .progress-sec .image-box img { padding: 0; } .about-section.style-two .content-column .inner-column { padding: 0; } .get-started-sec h2 br { display: none; } .experince-sec .image-column { position: relative; margin-bottom: 60px; } .experince-sec .image-column .image-box:before{ background-size: 64%; } .testimonial-column .testimonial-inner { background-image: none !important; } .testimonial-column .testimonial-inner .thumb-box .thumb-1, .testimonial-column .testimonial-inner .thumb-box .thumb-2{ left: 0; } .testimonial-column .testimonial-inner .thumb-box .thumb-3, .testimonial-column .testimonial-inner .thumb-box .thumb-4{ right: 0; } .pattern-layer-nine{ display: none; } .testimonial-section.style-two .testimonial-column .testimonial-carousel { padding: 67px 0 156px 35px; } .blog-detail .tag-share{ display: block; } .blog-detail .tag-share .tags, .blog-detail .tag-share .share-option{ width: 100%; } .blog-detail .tag-share .tags, .blog-detail .tag-share .share-option { justify-content: flex-start; margin-top: 7px; } .blog-modren .news-block .inner-box .image-box { width: calc(100% - 0px); } .blog-modren .news-block .inner-box .image-box img { border-radius: 15px 15px 0 0; } .blog-modren .news-block .inner-box .caption-box { width: calc(100% - 0px); } .pricing-section.alternate{ padding: 100px 0 100px; } .main-footer.style-three .footer-bottom .inner-container .copyright-text{ width: 100%; } .team-details-section{ padding: 100px 0 100px; } .newsletter-section .inner-container { padding: 55px 60px 65px; background-size: cover; border-radius: 35px; } .banner-section.style-three .image-column .image-box:before, .banner-section.style-three .image-column .image-box:after { background-size: 70%; } .contact-info-section{ padding: 50px 0px 100px; } .emailed-form .form-group input[type="text"], .emailed-form .form-group input[type="tel"], .emailed-form .form-group input[type="email"], .emailed-form .form-group input[type="url"], .emailed-form .form-group textarea{ border-radius: 38px; background-color: var(--white); border: 1px solid rgba(var(--black-opicity),0.1); margin-bottom: 20px; } .emailed-form .form-group{ background-color: transparent; border: none; border-radius: 0; display: block; margin-bottom: 0; } .emailed-form .form-group:before{ display: none; } .emailed-form .form-group input[type="submit"], .emailed-form button { position: relative; right: 0; top: 0; letter-spacing: 1px; text-transform: capitalize; overflow: hidden; width: 100%; } .get-started-form .form-area .form-group button{ position: relative; right: auto; top: 0; margin-top: 20px; } .get-started-form{ text-align: left; } .service-block-six .inner-box:before{ border-radius: 40px; width: 100%; height: 101%; } } @media only screen and (max-width: 599px){ .service-block { height: 550px; margin-bottom: 30px; } .news-section-two{ padding: 170px 0 70px; } .fun-fact-and-image .image-column .image-box .image:after, .contact-section .image-column .image-box .image:after{ background-size: 84%; } .testimonial-column .testimonial-inner .thumb-box .thumb-1, .testimonial-column .testimonial-inner .thumb-box .thumb-2, .testimonial-column .testimonial-inner .thumb-box .thumb-3, .testimonial-column .testimonial-inner .thumb-box .thumb-4{ display: none; } .testimonial-section.style-two .testimonial-column .testimonial-carousel { padding: 0 0 0 0; } .shop-single .product-details .prod-tabs .tab-btns .tab-btn{ margin-bottom: 10px; display: block; width: 100%; text-align: center; } .banner-carousel-three .content-box h2 br, .banner-carousel .content-box h2 br, .testimonial-block:before{ display: none; } .main-footer .widgets-section{ padding-bottom: 30px; } .main-footer .gallery-widget .outer .image{ width: 33.33333%; } .scroll-to-top{ display: none !important; } .coming-soon .content .content-inner .text br{ display: none; } .coming-soon .emailed-form .form-group input[type="submit"], .coming-soon .emailed-form button{ position: relative; display: block; width: 100%; margin-top: 20px; border-radius: 50px !important; } .service-detail .prod-tabs .tab-btns .tab-btn{ display: block; width: 100%; } .comments-area .comment-box.reply-comment, .comments-area .comment-box.reply-comment.reply{ margin-left: 0; } .comments-area .comment-box .reply-btn{ position: relative; } .payment-box .upper-box{ padding: 15px 15px; } .discount-form{ padding: 50px 20px 30px; } .service-block{ height: 555px; } .sec-title h2 br{ display: none; } .testimonial-block .info-box { justify-content: flex-start; } .testimonial-block .text { padding: 0; } .news-carousel .owl-dots .owl-dot{ display: none !important; } .authors-box{ margin: 50px 0px 50px 0; } .authors-box .author-inner .thumb { position: relative; left: 0; padding: 30px; } .authors-box .author-inner .text-box{ padding: 30px; } .comments-area .comment-box.reply-comment { margin-right: 30px; } .comments-area .comment-box.reply-comment.reply { margin-right: 40px; } canvas { display: block; vertical-align: bottom; height: 137%; } .coming-soon .content{ top: 319px; } .faq-section{ z-index: 2; } .contact-box-footer .content-block { width: 100%; margin-top: 27px; } .main-footer.style-three .widgets-section{ padding: 215px 0 60px; } .clients-section.style-three{ padding: 150px 0 0; } .counter-box .count-box { width: 92%; top: 0 !important; left: 0 !important; } .team-detail-block .inner-box .info-name .inner-box .info-detail li, .team-detail-block .inner-box .info-name .inner-box .btn-style-two, .team-detail-block .inner-box .info-name .inner-box .social-links{ width: 100%; } .team-detail-block .inner-box .info-name .inner-box .social-links{ margin-top: 30px; } .contact-info-section { position: relative; padding: 0px 0px 50px; } .main-footer .widgets-section{ padding: 315px 0 30px; } .invested-sec .invseted-cloumn .invested-box .icon-box { width: calc(40% - 0px); } .invested-sec .invseted-cloumn .invested-box .text-box{ width: calc(100% - 0px); } .about-section .video-link{ justify-content: center; } .about-section .video-link .text-video{ margin-left: 36px; } .service-block-six .inner-box{ display: block; } .service-block-six .inner-box .image-box { position: relative; margin-top: 20px; text-align: center; } .service-block-six .inner-box{ border-radius: 40px; } .clients-section.style-two{ margin-top: -100px; } } @media only screen and (max-width: 479px) { .shipping-form button, .cart-section .coupon-btn, .cart-section .cart-options .cart-btn, .cart-section .totals-table .proceed-btn, .cart-section .apply-coupon .form-group input[type="text"], .sidenav-bar{ width: 100%; } .widgets-section .newslatter-form form .form-group button { position: relative; right: 0; top: 0; margin-top: 15px; } .fixed-header .logo-box .logo { padding: 25px 16px; } .fixed-header .sticky-header .mobile-nav-toggler { top: 108px; } .contact-info-section .inner-container{ padding: 30px 21px 29px; } .sidenav-bar{ left: -100%; } .cart-section .cart-options > div{ width: 100% !important; } .cart-section .apply-coupon .form-group{ margin-right: 0; width: 100%; } .offer-section .content-column .text br, .styled-pagination li.next-post, .styled-pagination li.prev-post{ display: none; } .product-details .basic-details .add-to-cart{ margin-left: 0; } .news-block-two .blockquote, .blog-classic .news-block-two .caption-box .inner, .blog-detail.style-two .news-block-two .caption-box .inner, .blog-detail .news-block-two .caption-box .inner{ padding-left: 15px; padding-right: 15px; } .login-form{ padding: 20px 15px 25px; } .login-form .form-group .pull-right{ width: 100%; margin-bottom: 10px; } .login-form .form-group{ display: block; width: 100%; text-align: left !important; } .mixitup-gallery .filters li{ display: block; width: 100%; } .blog-detail .news-block-two .caption-box blockquote .icon{ top: -20px; } .comments-area .comment-box .author-thumb{ position: relative; margin-bottom: 20px; } .error-section h4{ font-size: 28px; line-height: 1.2em; } .latest-news .post{ padding-left: 110px; } .blog-detail .news-block-two .caption-box blockquote, .comments-area .comment{ padding-right: 0; } .comments-area .comment-box .reply-btn{ position: relative; margin-top: 10px; } .error-section .error-title{ font-size: 150px; } :root{ --font-12: 12px; --font-14: 13px; --font-16: 14px; --font-18: 16px; --font-20: 17px; --font-24: 20px; --font-30: 22px; --font-36: 26px; --font-48: 30px; --font-60: 40px; } .testimonial-block .info-box .thumb, .testimonial-block .info-box .text-box{ width: 100%; margin-left: 0; text-align: center; } .banner-section .content-column .content-inner h1 br{ display: none; } .service-block .service-box-front, .service-block .service-box-back{ padding: 30px; } .banner-section.style-two { overflow: hidden; background-size: cover; padding-bottom: 112px; } .clients-section.style-two{ padding: 0 0 120px; } .invested-sec .invseted-cloumn .invested-box { display: block; padding-left: 0; } .invested-sec .invseted-cloumn .invested-box .icon-box { width: calc(50% - 0px); margin-left: 43px; } .invested-sec .invseted-cloumn .invested-box .text-box{ width: calc(100% - 0px); } .get-started-sec{ margin-top: -233px; } .banner-section.style-three .content-column .content-inner .analysis-form .form-group button { position: relative; right: 0; top: 0; margin-top: 10px; } .banner-section.style-three .banner-image, .banner-section.style-three .banner-image-1, .banner-section.style-three .banner-image-2, .banner-section.style-three .banner-image-4, .banner-section.style-three .banner-image-3{ display: none !important; } .banner-section.style-three .image-column .image-box:before, .banner-section.style-three .image-column .image-box:after { background-size: 36%; } .fun-fact-and-image .image-column .image-box .image:after{ background-size: 58%; } .project-block-two .overlay-box .category { top: 15px; left: 15px; } .project-block-two .overlay-box .detail-box { right: 15px; bottom: 15px; } .header-style-two .header-lower .main-box .logo-box { width: 36%; margin-right: 6px; } .header-style-two .header-lower .main-box { position: absolute; left: 0; top: 8px; width: 100%; } .newsletter-section .inner-container { padding: 24px 14px 35px; background-size: cover; border-radius: 35px; } .emailed-form .form-group{ padding: 1px 0; } } @media only screen and (max-width: 390px){ .header-style-two .header-lower .main-box .logo-box { width: 41%; } } @media only screen and (max-width: 330px){ .header-style-two .header-lower .main-box .logo-box { width: 45%; } } /*** ================================================================== Right To Left Responsive ================================================================== ***/ @media only screen and (max-width: 1440px){ .rtl .progress-sec .progress-bg { s } @media only screen and (max-width: 1439px){ .rtl .service-block-three:nth-child(2) { margin: 0 1px 40px 64px; } .rtl .progress-sec .image-box { margin-right: 43px; margin-left: -197px; margin-top: 138px; } .rtl .service-block-three { margin: 0 -47px 40px 53px; } .rtl .service-block-two:nth-child(2) { margin: 0 68px 40px 0; } .rtl .service-block-two { margin: 0 62px 40px -39px; } .rtl .banner-section .content-column .content-inner{ margin-right: 29%; } .box-layout .rtl .banner-section.style-two .image-column .image-box img.image-vector { right: -3px; } .box-layout .rtl .main-header .cart-box{ margin-right: 25px; } .box-layout .rtl .header-style-three .outer-box .theme-btn{ margin: -11px 15px 0; } .box-layout .rtl .main-menu .navigation > li { margin-right: 30px; } .box-layout .rtl .experince-sec .image-column .image-box { margin-right: -15px; margin-left: -5px; } .rtl .banner-section.style-three .content-column .content-inner{ margin-right: 18%; } .rtl .experince-sec .image-column .image-box { margin-right: -57px; } .rtl .project-block-two .overlay-box .category{ right: 20px; } .rtl .project-block-two .overlay-box .category a { padding: 6px 19px; font-size: var(--font-14); } .rtl .project-block-two .overlay-box .detail-box{ right: auto; left: 20px; } .rtl header-style-seven .main-menu .navigation > li{ margin-left: 0px; margin-right: 30px; } .rtl .project-block-two .overlay-box .detail-box h5 { font-size: var(--font-16); } .rtl .about-section.style-two .image-column .inner-column .image-box{ margin-left: -58px; } .rtl .progress-sec .image-box .progress-bg{ top: -279px; } .rtl .banner-section-two .owl-dots{ left: 45px; } .rtl .banner-section-five .owl-dots{ left: 45px; } .rtl .header-style-seven .main-menu .navigation > li{ margin-left: 0; margin-right: 30px; } .rtl .banner-section-six .owl-nav{ left: auto; } .rtl .main-menu .navigation > li { margin-right: 36px; } .rtl .header-style-three .outer-box{ margin-right: 29px; } .rtl .header-style-three .outer-box .search-box-outer { margin-right: 0; } } @media only screen and (max-width: 1280px){ .rtl .banner-section .content-column .content-inner { margin-right: 10%; margin-left: 0; margin-top: 311px; } .rtl .banner-section.style-two .image-column .image-box{ margin-top: 140px; } .rtl .progress-sec .image-box .progress-bg { top: -54px; } .rtl .projects-carousel .owl-nav { right: auto; left: 0; padding: 0; } .rtl .about-section.style-two .image-column .inner-column .image-box{ margin-left: 0px; margin-right: 0; } .rtl .service-block-three:nth-child(1) { margin: 0 9px 40px 60px; } .rtl .service-block-three:nth-child(2) { margin: 0 -11px 40px 59px; } .rtl .service-block-three { margin: 0 -45px 40px 61px; } .rtl .service-block-two:nth-child(2) { margin: 0px 58px 40px -27px; } .rtl .service-block-two { margin: 0 80px 40px -83px; } .rtl .experince-sec .image-column .image-box { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 1200px){ .rtl .service-block-two { margin: 0 80px 40px -20px; } .rtl .service-block-two:nth-child(3) { margin: 0 80px 40px -100px; } .rtl .progress-sec .image-box { margin-left: -96px; } .rtl .progress-sec .progress-bg { background-size: 62%; top: -71px; } } @media only screen and (max-width: 1199px){ .rtl .service-block-two:nth-child(1), .rtl .service-block-two:nth-child(2), .rtl .service-block-two:nth-child(3) { margin: 0 61px 40px 0; } .rtl .service-block-three:nth-child(1), .rtl .service-block-three:nth-child(2), .rtl .service-block-three:nth-child(3) { margin: 0 0 40px 60px; } .rtl .progress-sec .image-box { margin-left: -169px; } .rtl .services-section .center-column .inner-column .image-box{ text-align:center; } } @media only screen and (max-width: 1139px){ .rtl .team-block .inner-box { padding-right: 0; padding-left: 0; } .rtl .progress-sec .image-box .progress-bg { top: -439px; } .rtl .progress-sec .image-box img { padding: 75px 8px 0; } .rtl .banner-carousel-three .slide-item:before { transform: skew(0deg); left: auto; right: -10%; } .rtl .banner-section.style-three .image-column .image-box:before, .rtl .banner-section.style-three .image-column .image-box:after { background-size: 65%; } .rtl .banner-section.style-three .content-column .content-inner { margin-right: 10%; margin-left: 0; margin-top: 83px; } .rtl .testimonial-section.style-two .testimonial-column .testimonial-carousel { padding: 32px 239px 159px 142px; max-width: 100%; } .rtl .testimonial-column .testimonial-inner .thumb-box .thumb-1{ left: 34px; } .rtl .testimonial-column .testimonial-inner .thumb-box .thumb-4{ right: 103px; } .rtl .banner-section.style-three .banner-image{ right: -6% !important; } .rtl .banner-section.style-three .banner-image-2{ left: -8% !important; } .rtl .banner-section.style-three .banner-image-3{ left: -3% !important; } .rtl .banner-section.style-three .banner-image-4 { right: -6% !important; } .rtl .header-style-two .header-lower .main-box .nav-outer .navigation > li { margin-right: 30px; } .banner-carousel-three .slide-item:before { width: 60%; transform: skew(0deg); left: -10%; } .rtl .header-style-four .main-menu .navigation > li{ margin-right: 25px; margin-left: 0; } .rtl .header-style-one .main-menu .navigation > li{ margin-right: 0; margin-left: 30px !important; } .rtl .about-section .content-column .content-box{ padding-left: 45px; padding-right: 15px; text-align: right; } .rtl .testimonial-carousel-two .owl-nav{ left: 0; right: 0; margin: 50px auto 0; transform: translateX(-30px); } .rtl .header-style-five .main-menu .navigation > li{ margin-right: 0; margin-left: 30px !important; } .rtl .news-block .caption-box{ margin-right: 0; } .rtl .news-block .image-box{ margin-left: 0; } .rtl .products-carousel .owl-nav{ right: 0px; } .rtl .specialize-section-two .carousel-column .carousel-outer{ padding-right: 0; } .rtl .specialize-section-two .carousel-column .inner-column{ padding-right: 0; } .rtl .specialize-section-two .thumbs-carousel{ right: 0; left: auto; } .rtl .faq-section .accordion-column .inner-column{ padding-right: 0; } .rtl .video-section .content-column .inner-column, .rtl .video-section .video-column .inner-column, .rtl .testimonial-carousel-two{ padding-right: 0; } .rtl .video-section .content-column .inner-column, .rtl .news-section-two .column .inner-column{ padding-right: 0; } .rtl .specialize-section-two.alternate .carousel-column .inner-column{ padding-left: 0; padding-top: 0; } .rtl .project-detail .project-tabs .tab-btn{ width: 33.33333%; } .rtl .header-style-three .main-menu .navigation > li{ margin-left: 0; margin-right: 25px; } .rtl .header-style-three .outer-box{ margin-left: 0px; margin-right: 30px; } .rtl .header-style-one .outer-box { margin-right: 11px; } .rtl .header-style-one .main-menu .navigation > li { margin-right: 0; margin-left: 25px !important; } } @media only screen and (max-width: 1023px){ .rtl .project-block-two{ padding-right: 0; } .testimonial-section .testimonial-column{ border-radius: 0; } .rtl header-style-seven .main-menu .navigation > li{ margin-right: 20px; } .rtl .banner-carousel-two .owl-nav{ left: auto; right: 50%; transform: translateX(50%); } .rtl .header-style-seven .main-menu .navigation > li{ margin-left: 0; margin-right: 20px; } .rtl .banner-section-five .slide-item .content-box:before, .rtl .testimonial-carousel .active .testimonial-block:before{ display: none; } .rtl .header-style-five .nav-outer{ float: right; } .banner-section-five .content-box h2 { font-size: 40px; line-height: 1.2em; } .rtl .banner-section-five .content-box .video-link{ left: auto; right: 15px; } .rtl .header-style-one .main-menu .navigation > li{ margin-left: 41px !important; } .rtl .progress-sec .progress-bg { background-size: 82%; top: -64px; } } @media only screen and (max-width: 991px){ .rtl .progress-sec .content-column.offset-lg-2 { margin-right: 0; margin-left: 0; } .rtl .progress-sec .image-box .progress-bg { top: -1px; } .rtl .team-details-section .offset-lg-1 { margin-right: 0; margin-left: 0; } .rtl .progress-sec .content-column .content-box { margin-bottom: 120px; } .rtl .invested-sec .invseted-cloumn .invested-box .icon-box{ width: calc(20% - 0px); background-size: contain; } .rtl .invested-sec .invseted-cloumn .invested-box .text-box { width: calc(80% - 0px); padding: 14px 32px 0 13px; position: relative; } .rtl .invested-sec .invseted-cloumn .invested-box .icon-box .count { left: auto; right: -9px; } .rtl .about-section.style-two .image-column .inner-column .image-box{ text-align: center; } .rtl .faq-section .image-column .image { margin-left: 0; margin-right: 0; } .rtl .testimonial-section.style-two .testimonial-column .testimonial-carousel { padding: 127px 269px 159px 122px; max-width: 100%; } .rtl .header-style-two .header-lower .main-box .nav-outer .navigation > li { margin-right: 24px; } .rtl .progress-sec .image-box { margin-left: 0; margin-right: 0; margin-top: 0; } .rtl .header-style-one .main-menu .navigation > li { margin-left: 36px !important; } } @media only screen and (max-width: 910px){ .rtl .header-style-one .main-menu .navigation > li { margin-left: 28px !important; } } @media only screen and (max-width: 820px){ .rtl .header-style-one .main-menu .navigation > li { margin-left: 25px !important; } .main-menu .navigation > li > a{ font-size: var(--font-14); } } @media only screen and (max-width: 768px){ .rtl .header-style-one .main-menu .navigation > li { margin-left: 15px !important; } .rtl .header-style-two .header-lower .main-box .nav-outer .navigation > li { margin-right: 21px; } .rtl .header-style-three .main-menu .navigation > li { margin-left: 0; margin-right: 17px; } .rtl .testimonial-section.style-two .testimonial-column .testimonial-carousel { padding: 42px 215px 159px 122px; max-width: 100%; } .rtl .banner-section.style-two .image-column .image-box { margin-top: 59px; } } @media only screen and (max-width: 767px){ .rtl .nav-outer .mobile-nav-toggler { right: auto; left: 0; top: 9px; } .rtl .header-style-two .nav-outer .mobile-nav-toggler { top: -53px; left: 24px; } .rtl .header-style-three .nav-outer .mobile-nav-toggler { top: -67px; } .rtl .header-style-three.fixed-header .sticky-header .mobile-nav-toggler { top: -64px; left: 53px; } .rtl .banner-carousel-three .slide-item:before { width: 120%; left: -10%; } .rtl .fixed-header .sticky-header .mobile-nav-toggler { right: auto; left: 39px; top: 4px; } .rtl .fixed-header .sticky-header .main-box .nav-outer{ width: 100%; } .rtl .mobile-menu .navigation li.dropdown .dropdown-btn{ right: auto; left: 0; padding-left: 23px; } .mobile-menu .navigation li.dropdown .dropdown-btn:after { content: ""; width: 0; height: 0; border-top: 49px solid var(--white); border-right: 0; border-left: 50px solid transparent; left: 0; position: absolute; z-index: 9; } .rtl .mobile-menu .navigation li.dropdown .dropdown-btn span { left: -21px; position: relative; } .rtl .banner-section .content-column .content-inner { margin-right: 0; margin-left: 0; margin-top: 224px; } .rtl .main-header .main-menu { top: 47px; } .rtl .header-style-three .main-menu{ top: -21px; } .rtl .testimonial-section.style-two .testimonial-column .testimonial-carousel { padding: 42px 150px 159px 143px; max-width: 100%; } .rtl .header-style-two .header-lower .main-box .nav-outer .navbar-header { left: 6px; right:auto; text-align: left; } .rtl .header-style-five .logo-box{ float: right; width: auto; z-index: 9; } .rtl .header-style-five .main-menu .navbar-header{ text-align: left; } .rtl .header-style-five .main-menu .navigation > li > a{ text-align: right; } .rtl .banner-section-five .owl-dots{ left: 15px; } .rtl .header-style-seven .main-menu .navbar-header{ text-align: left; } .rtl .header-style-one .logo-box{ float: right; width: auto; z-index: 9; } .rtl .header-style-four .main-menu .navbar-header, .rtl header-style-seven .main-menu .navbar-header{ text-align: left; } .rtl .header-style-one .main-menu .navbar-header { text-align: left; left: -16px; right: auto; } .rtl .main-menu .navbar-collapse > .navigation > li > a, .rtl .header-style-one .main-menu .navigation > li > a{ text-align: right; } .rtl .banner-section-two .owl-dots{ left: 15px; } .rtl .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{ right: auto; left: 10px; } .rtl .main-footer .footer-bottom .social-links, .rtl .main-footer .footer-bottom .copyright-text{ padding-left:0; } .rtl .main-footer .footer-bottom .copyright-text:before{ left: auto; right: -10%; } .rtl .main-footer .footer-bottom .social-links li:first-child{ margin-right: 0; } .rtl .mixitup-gallery .filters li{ margin-left: 10px; } .rtl .fact-counter .count-box{ text-align: center; } .rtl .fact-counter .count-box .count{ float: none; display: inline-block; } .rtl .fact-counter .count-box:before{ left: 0; right: 0; margin: 0 auto; } .rtl .page-title .bread-crumb li:before{ display: none; } .rtl .page-title .bread-crumb li:last-child:before{ display: block; } .rtl .page-title .bread-crumb li:first-child{ padding-right: 0; margin-right: 0; } .rtl .page-title .bread-crumb li{ float: right; } .main-footer .footer-bottom .copyright-text:before{ display: none; } .main-footer .footer-bottom .copyright-text p{ line-height: 20px; padding: 0 10px; } .rtl .banner-section-six .banner-carousel-two .owl-nav{ right: 50% !important; } .rtl .testimonial-column .testimonial-inner .thumb-box .thumb-4 { right: -24px; } .testimonial-column .testimonial-inner .thumb-box .thumb-3, .testimonial-column .testimonial-inner .thumb-box .thumb-4 { right: -28px; } .rtl .main-menu .navbar-header{ left: -16px; right: auto; text-align: left; } .rtl .header-style-two .main-menu { top: -19px; } .rtl .header-style-two .header-lower .main-box .nav-outer .navbar-header { left: 15px; right: auto; text-align: left; top: -40px; } } @media only screen and (max-width: 700px){ .rtl .progress-sec .image-box .progress-bg { top: -324px; } } @media only screen and (max-width: 599px) { .rtl .testimonial-block, .rtl .testimonial-block .inner-box{ padding-left: 0; } .rtl .banner-section.style-three .image-column .image-box:before, .rtl .banner-section.style-three .image-column .image-box:after { background-size: 49%; } .rtl .banner-section-six .content-box .inner-box{ text-align: right; padding-right: 30px; } .rtl .team-block .inner-box .image-box .social-links li{ left: -50px; right: auto; } .rtl .offer-section .form-column .upper-box{ padding-left: 0; } .rtl .offer-section .form-column .upper-box .discount{ right: 0; } .rtl .news-block-four .inner-box{ padding-right: 0; } .rtl .header-style-four .header-top .top-right, .rtl .main-header .contact-info li{ margin-right: 0; } .rtl .comments-area .comment-box.reply-comment, .rtl .comments-area .comment-box.reply-comment.reply{ margin-right: 0; } .rtl .blog-detail.style-two .comments-area .comment{ padding-right: 0; } .rtl .invested-sec .invseted-cloumn .invested-box .icon-box i { font-size: 46px; color: var(--white); } } @media only screen and (max-width: 479px) { .rtl .testimonial-block-two .info-box{ padding-left: 110px; padding-left: 0; } .rtl .header-style-two .header-lower .main-box .logo-box { margin-right: 6px; width: 41%; } .rtl .invested-sec .invseted-cloumn .invested-box .icon-box { width: calc(50% - 0px); margin-left: 0; padding: 60px; } .rtl .invested-sec .invseted-cloumn .invested-box .icon-box i{ font-size: 60px; } .rtl .progress-sec .image-box .progress-bg { top: -439px; } .rtl .banner-section-six .content-box .inner-box{ padding-right: 0; } .rtl .login-form .form-group{ text-align: right !important; } .rtl .latest-news .post{ padding-right: 110px; padding-left: 0; } .rtl .banner-section.style-three .image-column .image-box:before, .rtl .banner-section.style-three .image-column .image-box:after { background-size: 37%; } .rtl .pattern-layer-tweleve{ display: none; } .rtl .blog-detail .news-block-two .caption-box blockquote, .rtl .comments-area .comment{ padding-right: 0; } .rtl .product-details .basic-details .add-to-cart{ margin-right: 0; } .rtl .testimonial-section.style-two .testimonial-column .testimonial-carousel{ padding: 42px 50px 159px 15px; } } @media only screen and (max-width: 400px){ .rtl .header-style-two .header-lower .main-box .logo-box { width: 48%; } } @media only screen and (max-width: 355px){ .rtl .header-style-two .header-lower .main-box .logo-box { width: 55%; } }