Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/edutextlearning/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
@charset "UTF-8"; /****************************** |--- Helpers | |___ Media Query | |___ Variables | |___ Mixins | |--- Base | |___ Fonts | |___ Reset | |___ Common | |--- Components | |___ Color | |___ countdown | |___ Modal | |___ Buttons | |___ Images | |___ Typography | |___ Sliders | |___ Card | |___ products | |___ Tabs | |--- Sections Styles | | | |___ Header | |___ Hero Area | |___ Welcome | |___ Testimonial | |___ Best Seller Block | |___ Home Features | |___ Footer | |___ Layout | |___ Breadcrumb | |___ Sidebar | |___ Comment | |___ Comment | |--- Pages Styles | | | |___ Home | |___ Shop | |___ Product-details | |___ Blog | |___ Blog-details | |___ Cart | |___ Checkout | |___ Contact | |___ Compare | |___ My-account | |___ Login-register | |___ About | |___ Faq | |___ 404 | |___ Portfolio | |___ Service | |___ order-complete | |___ faq ******************************/ /*=== Media Query ===*/ /*=== MEDIA QUERY with max width===*/ /* Media Queries in Variable */ /*=== Variables ===*/ /*=== Mixins ===*/ @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i"); @import url("https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i"); /*>>>>>>>> Fonts <<<<<<<<<*/ /*>>>>>>>> Reset <<<<<<<<<*/ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: "Open Sans", sans-serif; font-weight: 400; color: #333; font-size: 14px; line-height: 1.75; width: 100%; background: #fff; } .site-wrapper { position: relative; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; padding: 0; line-height: 1.25; } a, span { display: inline-block; } a { -webkit-transition: 0.4s; transition: 0.4s; color: inherit; text-decoration: none; } a:focus { outline: none !important; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } a:hover { text-decoration: none; } a:visited { text-decoration: none; } ul { list-style: none; margin: 0; } img { max-width: 100%; } p { line-height: 1.75; } ol, ul { padding-left: 0; } .btn:focus, .btn:active { -webkit-box-shadow: none; box-shadow: none; border-color: transparent; } button { cursor: pointer; background: transparent; border: none; } button:focus { outline: none; } .icon i { font-size: inherit; } h1, h2, h3, h4, h5, h6 { font-weight: 500; } .card { border: none; border-radius: 0; } /* Slick Slider Resets */ .slick-slide:focus { outline: none; } .slick-slide:focus a:focus { outline: none; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } /* No gutters */ @media (min-width: 992px) { .g-0-lg > .col, .g-0-lg > [class*=col-] { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .g-0-lg > .col, .g-0-lg > [class*=col-] { padding-right: 0; padding-left: 0; } } @media (min-width: 1600px) { .g-0-lg > .col, .g-0-lg > [class*=col-] { padding-right: 0; padding-left: 0; } } .nice-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: none; } #scrollUp { bottom: 80px; right: 10px; padding: 10px 15px; text-align: center; cursor: pointer; border: 2px solid #ebebeb; color: #292929; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-weight: 600; text-transform: uppercase; background: rgba(255, 255, 255, 0.9); z-index: 9; font-size: 12px; -webkit-transition: 0.4s; transition: 0.4s; } #scrollUp:hover { color: #fff; background: #62ab00; border-color: #62ab00; } .form-control { display: inline-block; padding: 10px 15px; line-height: 30px; height: 52px; color: #7b7b7b; font-size: 15px; width: 100%; border: 2px solid #eeeeee; background: #fff; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; } .form-control:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; border: 2px solid #eeeeee; } /*>>>>>>>> Common <<<<<<<<<*/ /************************* Bootstrap Custom Container ************************/ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px; } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1140px; } } .row { --bs-gutter-x: 30px; } .g-0, .gx-0 { --bs-gutter-x: 0; } /*=====================================*/ /*-- :::: Space Decrease :::: --*/ /*=====================================*/ .space-db--0 { margin-bottom: 0px; } .space-db--5 { margin-bottom: -5px; } .space-db--10 { margin-bottom: -10px; } .space-db--15 { margin-bottom: -15px; } .space-db--20 { margin-bottom: -20px; } .space-db--25 { margin-bottom: -25px; } .space-db--30 { margin-bottom: -30px; } .space-db--35 { margin-bottom: -35px; } .space-db--40 { margin-bottom: -40px; } .space-db--45 { margin-bottom: -45px; } .space-db--50 { margin-bottom: -50px; } .space-db--55 { margin-bottom: -55px; } .space-db--60 { margin-bottom: -60px; } .space-db--65 { margin-bottom: -65px; } .space-db--70 { margin-bottom: -70px; } .space-db--75 { margin-bottom: -75px; } .space-db--80 { margin-bottom: -80px; } .space-db--85 { margin-bottom: -85px; } .space-db--90 { margin-bottom: -90px; } .space-db--95 { margin-bottom: -95px; } .space-db--100 { margin-bottom: -100px; } .space-db--105 { margin-bottom: -105px; } .space-db--110 { margin-bottom: -110px; } .space-db--115 { margin-bottom: -115px; } .space-db--120 { margin-bottom: -120px; } .space-db--125 { margin-bottom: -125px; } .space-db--130 { margin-bottom: -130px; } .space-db--135 { margin-bottom: -135px; } .space-db--140 { margin-bottom: -140px; } .space-db--145 { margin-bottom: -145px; } .space-db--150 { margin-bottom: -150px; } .space-dt--0 { margin-top: 0px; } .space-dt--5 { margin-top: -5px; } .space-dt--10 { margin-top: -10px; } .space-dt--15 { margin-top: -15px; } .space-dt--20 { margin-top: -20px; } .space-dt--25 { margin-top: -25px; } .space-dt--30 { margin-top: -30px; } .space-dt--35 { margin-top: -35px; } .space-dt--40 { margin-top: -40px; } .space-dt--45 { margin-top: -45px; } .space-dt--50 { margin-top: -50px; } .space-dt--55 { margin-top: -55px; } .space-dt--60 { margin-top: -60px; } .space-dt--65 { margin-top: -65px; } .space-dt--70 { margin-top: -70px; } .space-dt--75 { margin-top: -75px; } .space-dt--80 { margin-top: -80px; } .space-dt--85 { margin-top: -85px; } .space-dt--90 { margin-top: -90px; } .space-dt--95 { margin-top: -95px; } .space-dt--100 { margin-top: -100px; } .space-dt--105 { margin-top: -105px; } .space-dt--110 { margin-top: -110px; } .space-dt--115 { margin-top: -115px; } .space-dt--120 { margin-top: -120px; } .space-dt--125 { margin-top: -125px; } .space-dt--130 { margin-top: -130px; } .space-dt--135 { margin-top: -135px; } .space-dt--140 { margin-top: -140px; } .space-dt--145 { margin-top: -145px; } .space-dt--150 { margin-top: -150px; } /*-- Responsive Space Decrease top --*/ @media (min-width: 576px) { .space-dt-sm-0 { margin-top: 0px !important; } } @media (min-width: 768px) { .space-dt-sm-0 { margin-top: 0px; } } @media (min-width: 576px) { .space-dt-sm-5 { margin-top: -5px !important; } } @media (min-width: 768px) { .space-dt-sm-5 { margin-top: -5px; } } @media (min-width: 576px) { .space-dt-sm-10 { margin-top: -10px !important; } } @media (min-width: 768px) { .space-dt-sm-10 { margin-top: -10px; } } @media (min-width: 576px) { .space-dt-sm-15 { margin-top: -15px !important; } } @media (min-width: 768px) { .space-dt-sm-15 { margin-top: -15px; } } @media (min-width: 576px) { .space-dt-sm-20 { margin-top: -20px !important; } } @media (min-width: 768px) { .space-dt-sm-20 { margin-top: -20px; } } @media (min-width: 576px) { .space-dt-sm-25 { margin-top: -25px !important; } } @media (min-width: 768px) { .space-dt-sm-25 { margin-top: -25px; } } @media (min-width: 576px) { .space-dt-sm-30 { margin-top: -30px !important; } } @media (min-width: 768px) { .space-dt-sm-30 { margin-top: -30px; } } @media (min-width: 576px) { .space-dt-sm-35 { margin-top: -35px !important; } } @media (min-width: 768px) { .space-dt-sm-35 { margin-top: -35px; } } @media (min-width: 576px) { .space-dt-sm-40 { margin-top: -40px !important; } } @media (min-width: 768px) { .space-dt-sm-40 { margin-top: -40px; } } @media (min-width: 576px) { .space-dt-sm-45 { margin-top: -45px !important; } } @media (min-width: 768px) { .space-dt-sm-45 { margin-top: -45px; } } @media (min-width: 576px) { .space-dt-sm-50 { margin-top: -50px !important; } } @media (min-width: 768px) { .space-dt-sm-50 { margin-top: -50px; } } @media (min-width: 576px) { .space-dt-sm-55 { margin-top: -55px !important; } } @media (min-width: 768px) { .space-dt-sm-55 { margin-top: -55px; } } @media (min-width: 576px) { .space-dt-sm-60 { margin-top: -60px !important; } } @media (min-width: 768px) { .space-dt-sm-60 { margin-top: -60px; } } @media (min-width: 576px) { .space-dt-sm-65 { margin-top: -65px !important; } } @media (min-width: 768px) { .space-dt-sm-65 { margin-top: -65px; } } @media (min-width: 576px) { .space-dt-sm-70 { margin-top: -70px !important; } } @media (min-width: 768px) { .space-dt-sm-70 { margin-top: -70px; } } @media (min-width: 576px) { .space-dt-sm-75 { margin-top: -75px !important; } } @media (min-width: 768px) { .space-dt-sm-75 { margin-top: -75px; } } @media (min-width: 576px) { .space-dt-sm-80 { margin-top: -80px !important; } } @media (min-width: 768px) { .space-dt-sm-80 { margin-top: -80px; } } @media (min-width: 576px) { .space-dt-sm-85 { margin-top: -85px !important; } } @media (min-width: 768px) { .space-dt-sm-85 { margin-top: -85px; } } @media (min-width: 576px) { .space-dt-sm-90 { margin-top: -90px !important; } } @media (min-width: 768px) { .space-dt-sm-90 { margin-top: -90px; } } @media (min-width: 576px) { .space-dt-sm-95 { margin-top: -95px !important; } } @media (min-width: 768px) { .space-dt-sm-95 { margin-top: -95px; } } @media (min-width: 576px) { .space-dt-sm-100 { margin-top: -100px !important; } } @media (min-width: 768px) { .space-dt-sm-100 { margin-top: -100px; } } @media (min-width: 576px) { .space-dt-sm-105 { margin-top: -105px !important; } } @media (min-width: 768px) { .space-dt-sm-105 { margin-top: -105px; } } @media (min-width: 576px) { .space-dt-sm-110 { margin-top: -110px !important; } } @media (min-width: 768px) { .space-dt-sm-110 { margin-top: -110px; } } @media (min-width: 576px) { .space-dt-sm-115 { margin-top: -115px !important; } } @media (min-width: 768px) { .space-dt-sm-115 { margin-top: -115px; } } @media (min-width: 576px) { .space-dt-sm-120 { margin-top: -120px !important; } } @media (min-width: 768px) { .space-dt-sm-120 { margin-top: -120px; } } @media (min-width: 576px) { .space-dt-sm-125 { margin-top: -125px !important; } } @media (min-width: 768px) { .space-dt-sm-125 { margin-top: -125px; } } @media (min-width: 576px) { .space-dt-sm-130 { margin-top: -130px !important; } } @media (min-width: 768px) { .space-dt-sm-130 { margin-top: -130px; } } @media (min-width: 576px) { .space-dt-sm-135 { margin-top: -135px !important; } } @media (min-width: 768px) { .space-dt-sm-135 { margin-top: -135px; } } @media (min-width: 576px) { .space-dt-sm-140 { margin-top: -140px !important; } } @media (min-width: 768px) { .space-dt-sm-140 { margin-top: -140px; } } @media (min-width: 576px) { .space-dt-sm-145 { margin-top: -145px !important; } } @media (min-width: 768px) { .space-dt-sm-145 { margin-top: -145px; } } @media (min-width: 576px) { .space-dt-sm-150 { margin-top: -150px !important; } } @media (min-width: 768px) { .space-dt-sm-150 { margin-top: -150px; } } @media (min-width: 576px) { .space-dt-sm-155 { margin-top: -155px !important; } } @media (min-width: 768px) { .space-dt-sm-155 { margin-top: -155px; } } @media (min-width: 576px) { .space-dt-sm-160 { margin-top: -160px !important; } } @media (min-width: 768px) { .space-dt-sm-160 { margin-top: -160px; } } @media (min-width: 576px) { .space-dt-sm-165 { margin-top: -165px !important; } } @media (min-width: 768px) { .space-dt-sm-165 { margin-top: -165px; } } @media (min-width: 576px) { .space-dt-sm-170 { margin-top: -170px !important; } } @media (min-width: 768px) { .space-dt-sm-170 { margin-top: -170px; } } @media (min-width: 576px) { .space-dt-sm-175 { margin-top: -175px !important; } } @media (min-width: 768px) { .space-dt-sm-175 { margin-top: -175px; } } @media (min-width: 576px) { .space-dt-sm-180 { margin-top: -180px !important; } } @media (min-width: 768px) { .space-dt-sm-180 { margin-top: -180px; } } @media (min-width: 576px) { .space-dt-sm-185 { margin-top: -185px !important; } } @media (min-width: 768px) { .space-dt-sm-185 { margin-top: -185px; } } @media (min-width: 576px) { .space-dt-sm-190 { margin-top: -190px !important; } } @media (min-width: 768px) { .space-dt-sm-190 { margin-top: -190px; } } @media (min-width: 576px) { .space-dt-sm-195 { margin-top: -195px !important; } } @media (min-width: 768px) { .space-dt-sm-195 { margin-top: -195px; } } @media (min-width: 576px) { .space-dt-sm-200 { margin-top: -200px !important; } } @media (min-width: 768px) { .space-dt-sm-200 { margin-top: -200px; } } @media (min-width: 768px) { .space-dt-md-0 { margin-top: 0px !important; } } @media (min-width: 992px) { .space-dt-md-0 { margin-top: 0px; } } @media (min-width: 768px) { .space-dt-md-5 { margin-top: -5px !important; } } @media (min-width: 992px) { .space-dt-md-5 { margin-top: -5px; } } @media (min-width: 768px) { .space-dt-md-10 { margin-top: -10px !important; } } @media (min-width: 992px) { .space-dt-md-10 { margin-top: -10px; } } @media (min-width: 768px) { .space-dt-md-15 { margin-top: -15px !important; } } @media (min-width: 992px) { .space-dt-md-15 { margin-top: -15px; } } @media (min-width: 768px) { .space-dt-md-20 { margin-top: -20px !important; } } @media (min-width: 992px) { .space-dt-md-20 { margin-top: -20px; } } @media (min-width: 768px) { .space-dt-md-25 { margin-top: -25px !important; } } @media (min-width: 992px) { .space-dt-md-25 { margin-top: -25px; } } @media (min-width: 768px) { .space-dt-md-30 { margin-top: -30px !important; } } @media (min-width: 992px) { .space-dt-md-30 { margin-top: -30px; } } @media (min-width: 768px) { .space-dt-md-35 { margin-top: -35px !important; } } @media (min-width: 992px) { .space-dt-md-35 { margin-top: -35px; } } @media (min-width: 768px) { .space-dt-md-40 { margin-top: -40px !important; } } @media (min-width: 992px) { .space-dt-md-40 { margin-top: -40px; } } @media (min-width: 768px) { .space-dt-md-45 { margin-top: -45px !important; } } @media (min-width: 992px) { .space-dt-md-45 { margin-top: -45px; } } @media (min-width: 768px) { .space-dt-md-50 { margin-top: -50px !important; } } @media (min-width: 992px) { .space-dt-md-50 { margin-top: -50px; } } @media (min-width: 768px) { .space-dt-md-55 { margin-top: -55px !important; } } @media (min-width: 992px) { .space-dt-md-55 { margin-top: -55px; } } @media (min-width: 768px) { .space-dt-md-60 { margin-top: -60px !important; } } @media (min-width: 992px) { .space-dt-md-60 { margin-top: -60px; } } @media (min-width: 768px) { .space-dt-md-65 { margin-top: -65px !important; } } @media (min-width: 992px) { .space-dt-md-65 { margin-top: -65px; } } @media (min-width: 768px) { .space-dt-md-70 { margin-top: -70px !important; } } @media (min-width: 992px) { .space-dt-md-70 { margin-top: -70px; } } @media (min-width: 768px) { .space-dt-md-75 { margin-top: -75px !important; } } @media (min-width: 992px) { .space-dt-md-75 { margin-top: -75px; } } @media (min-width: 768px) { .space-dt-md-80 { margin-top: -80px !important; } } @media (min-width: 992px) { .space-dt-md-80 { margin-top: -80px; } } @media (min-width: 768px) { .space-dt-md-85 { margin-top: -85px !important; } } @media (min-width: 992px) { .space-dt-md-85 { margin-top: -85px; } } @media (min-width: 768px) { .space-dt-md-90 { margin-top: -90px !important; } } @media (min-width: 992px) { .space-dt-md-90 { margin-top: -90px; } } @media (min-width: 768px) { .space-dt-md-95 { margin-top: -95px !important; } } @media (min-width: 992px) { .space-dt-md-95 { margin-top: -95px; } } @media (min-width: 768px) { .space-dt-md-100 { margin-top: -100px !important; } } @media (min-width: 992px) { .space-dt-md-100 { margin-top: -100px; } } @media (min-width: 768px) { .space-dt-md-105 { margin-top: -105px !important; } } @media (min-width: 992px) { .space-dt-md-105 { margin-top: -105px; } } @media (min-width: 768px) { .space-dt-md-110 { margin-top: -110px !important; } } @media (min-width: 992px) { .space-dt-md-110 { margin-top: -110px; } } @media (min-width: 768px) { .space-dt-md-115 { margin-top: -115px !important; } } @media (min-width: 992px) { .space-dt-md-115 { margin-top: -115px; } } @media (min-width: 768px) { .space-dt-md-120 { margin-top: -120px !important; } } @media (min-width: 992px) { .space-dt-md-120 { margin-top: -120px; } } @media (min-width: 768px) { .space-dt-md-125 { margin-top: -125px !important; } } @media (min-width: 992px) { .space-dt-md-125 { margin-top: -125px; } } @media (min-width: 768px) { .space-dt-md-130 { margin-top: -130px !important; } } @media (min-width: 992px) { .space-dt-md-130 { margin-top: -130px; } } @media (min-width: 768px) { .space-dt-md-135 { margin-top: -135px !important; } } @media (min-width: 992px) { .space-dt-md-135 { margin-top: -135px; } } @media (min-width: 768px) { .space-dt-md-140 { margin-top: -140px !important; } } @media (min-width: 992px) { .space-dt-md-140 { margin-top: -140px; } } @media (min-width: 768px) { .space-dt-md-145 { margin-top: -145px !important; } } @media (min-width: 992px) { .space-dt-md-145 { margin-top: -145px; } } @media (min-width: 768px) { .space-dt-md-150 { margin-top: -150px !important; } } @media (min-width: 992px) { .space-dt-md-150 { margin-top: -150px; } } @media (min-width: 768px) { .space-dt-md-155 { margin-top: -155px !important; } } @media (min-width: 992px) { .space-dt-md-155 { margin-top: -155px; } } @media (min-width: 768px) { .space-dt-md-160 { margin-top: -160px !important; } } @media (min-width: 992px) { .space-dt-md-160 { margin-top: -160px; } } @media (min-width: 768px) { .space-dt-md-165 { margin-top: -165px !important; } } @media (min-width: 992px) { .space-dt-md-165 { margin-top: -165px; } } @media (min-width: 768px) { .space-dt-md-170 { margin-top: -170px !important; } } @media (min-width: 992px) { .space-dt-md-170 { margin-top: -170px; } } @media (min-width: 768px) { .space-dt-md-175 { margin-top: -175px !important; } } @media (min-width: 992px) { .space-dt-md-175 { margin-top: -175px; } } @media (min-width: 768px) { .space-dt-md-180 { margin-top: -180px !important; } } @media (min-width: 992px) { .space-dt-md-180 { margin-top: -180px; } } @media (min-width: 768px) { .space-dt-md-185 { margin-top: -185px !important; } } @media (min-width: 992px) { .space-dt-md-185 { margin-top: -185px; } } @media (min-width: 768px) { .space-dt-md-190 { margin-top: -190px !important; } } @media (min-width: 992px) { .space-dt-md-190 { margin-top: -190px; } } @media (min-width: 768px) { .space-dt-md-195 { margin-top: -195px !important; } } @media (min-width: 992px) { .space-dt-md-195 { margin-top: -195px; } } @media (min-width: 768px) { .space-dt-md-200 { margin-top: -200px !important; } } @media (min-width: 992px) { .space-dt-md-200 { margin-top: -200px; } } @media (min-width: 992px) { .space-dt-lg-0 { margin-top: 0px !important; } } @media (min-width: 1200px) { .space-dt-lg-0 { margin-top: 0px; } } @media (min-width: 992px) { .space-dt-lg-5 { margin-top: -5px !important; } } @media (min-width: 1200px) { .space-dt-lg-5 { margin-top: -5px; } } @media (min-width: 992px) { .space-dt-lg-10 { margin-top: -10px !important; } } @media (min-width: 1200px) { .space-dt-lg-10 { margin-top: -10px; } } @media (min-width: 992px) { .space-dt-lg-15 { margin-top: -15px !important; } } @media (min-width: 1200px) { .space-dt-lg-15 { margin-top: -15px; } } @media (min-width: 992px) { .space-dt-lg-20 { margin-top: -20px !important; } } @media (min-width: 1200px) { .space-dt-lg-20 { margin-top: -20px; } } @media (min-width: 992px) { .space-dt-lg-25 { margin-top: -25px !important; } } @media (min-width: 1200px) { .space-dt-lg-25 { margin-top: -25px; } } @media (min-width: 992px) { .space-dt-lg-30 { margin-top: -30px !important; } } @media (min-width: 1200px) { .space-dt-lg-30 { margin-top: -30px; } } @media (min-width: 992px) { .space-dt-lg-35 { margin-top: -35px !important; } } @media (min-width: 1200px) { .space-dt-lg-35 { margin-top: -35px; } } @media (min-width: 992px) { .space-dt-lg-40 { margin-top: -40px !important; } } @media (min-width: 1200px) { .space-dt-lg-40 { margin-top: -40px; } } @media (min-width: 992px) { .space-dt-lg-45 { margin-top: -45px !important; } } @media (min-width: 1200px) { .space-dt-lg-45 { margin-top: -45px; } } @media (min-width: 992px) { .space-dt-lg-50 { margin-top: -50px !important; } } @media (min-width: 1200px) { .space-dt-lg-50 { margin-top: -50px; } } @media (min-width: 992px) { .space-dt-lg-55 { margin-top: -55px !important; } } @media (min-width: 1200px) { .space-dt-lg-55 { margin-top: -55px; } } @media (min-width: 992px) { .space-dt-lg-60 { margin-top: -60px !important; } } @media (min-width: 1200px) { .space-dt-lg-60 { margin-top: -60px; } } @media (min-width: 992px) { .space-dt-lg-65 { margin-top: -65px !important; } } @media (min-width: 1200px) { .space-dt-lg-65 { margin-top: -65px; } } @media (min-width: 992px) { .space-dt-lg-70 { margin-top: -70px !important; } } @media (min-width: 1200px) { .space-dt-lg-70 { margin-top: -70px; } } @media (min-width: 992px) { .space-dt-lg-75 { margin-top: -75px !important; } } @media (min-width: 1200px) { .space-dt-lg-75 { margin-top: -75px; } } @media (min-width: 992px) { .space-dt-lg-80 { margin-top: -80px !important; } } @media (min-width: 1200px) { .space-dt-lg-80 { margin-top: -80px; } } @media (min-width: 992px) { .space-dt-lg-85 { margin-top: -85px !important; } } @media (min-width: 1200px) { .space-dt-lg-85 { margin-top: -85px; } } @media (min-width: 992px) { .space-dt-lg-90 { margin-top: -90px !important; } } @media (min-width: 1200px) { .space-dt-lg-90 { margin-top: -90px; } } @media (min-width: 992px) { .space-dt-lg-95 { margin-top: -95px !important; } } @media (min-width: 1200px) { .space-dt-lg-95 { margin-top: -95px; } } @media (min-width: 992px) { .space-dt-lg-100 { margin-top: -100px !important; } } @media (min-width: 1200px) { .space-dt-lg-100 { margin-top: -100px; } } @media (min-width: 992px) { .space-dt-lg-105 { margin-top: -105px !important; } } @media (min-width: 1200px) { .space-dt-lg-105 { margin-top: -105px; } } @media (min-width: 992px) { .space-dt-lg-110 { margin-top: -110px !important; } } @media (min-width: 1200px) { .space-dt-lg-110 { margin-top: -110px; } } @media (min-width: 992px) { .space-dt-lg-115 { margin-top: -115px !important; } } @media (min-width: 1200px) { .space-dt-lg-115 { margin-top: -115px; } } @media (min-width: 992px) { .space-dt-lg-120 { margin-top: -120px !important; } } @media (min-width: 1200px) { .space-dt-lg-120 { margin-top: -120px; } } @media (min-width: 992px) { .space-dt-lg-125 { margin-top: -125px !important; } } @media (min-width: 1200px) { .space-dt-lg-125 { margin-top: -125px; } } @media (min-width: 992px) { .space-dt-lg-130 { margin-top: -130px !important; } } @media (min-width: 1200px) { .space-dt-lg-130 { margin-top: -130px; } } @media (min-width: 992px) { .space-dt-lg-135 { margin-top: -135px !important; } } @media (min-width: 1200px) { .space-dt-lg-135 { margin-top: -135px; } } @media (min-width: 992px) { .space-dt-lg-140 { margin-top: -140px !important; } } @media (min-width: 1200px) { .space-dt-lg-140 { margin-top: -140px; } } @media (min-width: 992px) { .space-dt-lg-145 { margin-top: -145px !important; } } @media (min-width: 1200px) { .space-dt-lg-145 { margin-top: -145px; } } @media (min-width: 992px) { .space-dt-lg-150 { margin-top: -150px !important; } } @media (min-width: 1200px) { .space-dt-lg-150 { margin-top: -150px; } } @media (min-width: 992px) { .space-dt-lg-155 { margin-top: -155px !important; } } @media (min-width: 1200px) { .space-dt-lg-155 { margin-top: -155px; } } @media (min-width: 992px) { .space-dt-lg-160 { margin-top: -160px !important; } } @media (min-width: 1200px) { .space-dt-lg-160 { margin-top: -160px; } } @media (min-width: 992px) { .space-dt-lg-165 { margin-top: -165px !important; } } @media (min-width: 1200px) { .space-dt-lg-165 { margin-top: -165px; } } @media (min-width: 992px) { .space-dt-lg-170 { margin-top: -170px !important; } } @media (min-width: 1200px) { .space-dt-lg-170 { margin-top: -170px; } } @media (min-width: 992px) { .space-dt-lg-175 { margin-top: -175px !important; } } @media (min-width: 1200px) { .space-dt-lg-175 { margin-top: -175px; } } @media (min-width: 992px) { .space-dt-lg-180 { margin-top: -180px !important; } } @media (min-width: 1200px) { .space-dt-lg-180 { margin-top: -180px; } } @media (min-width: 992px) { .space-dt-lg-185 { margin-top: -185px !important; } } @media (min-width: 1200px) { .space-dt-lg-185 { margin-top: -185px; } } @media (min-width: 992px) { .space-dt-lg-190 { margin-top: -190px !important; } } @media (min-width: 1200px) { .space-dt-lg-190 { margin-top: -190px; } } @media (min-width: 992px) { .space-dt-lg-195 { margin-top: -195px !important; } } @media (min-width: 1200px) { .space-dt-lg-195 { margin-top: -195px; } } @media (min-width: 992px) { .space-dt-lg-200 { margin-top: -200px !important; } } @media (min-width: 1200px) { .space-dt-lg-200 { margin-top: -200px; } } @media (min-width: 1200px) { .space-dt-xl-0 { margin-top: 0px !important; } } @media (min-width: 1600px) { .space-dt-xl-0 { margin-top: 0px; } } @media (min-width: 1200px) { .space-dt-xl-5 { margin-top: -5px !important; } } @media (min-width: 1600px) { .space-dt-xl-5 { margin-top: -5px; } } @media (min-width: 1200px) { .space-dt-xl-10 { margin-top: -10px !important; } } @media (min-width: 1600px) { .space-dt-xl-10 { margin-top: -10px; } } @media (min-width: 1200px) { .space-dt-xl-15 { margin-top: -15px !important; } } @media (min-width: 1600px) { .space-dt-xl-15 { margin-top: -15px; } } @media (min-width: 1200px) { .space-dt-xl-20 { margin-top: -20px !important; } } @media (min-width: 1600px) { .space-dt-xl-20 { margin-top: -20px; } } @media (min-width: 1200px) { .space-dt-xl-25 { margin-top: -25px !important; } } @media (min-width: 1600px) { .space-dt-xl-25 { margin-top: -25px; } } @media (min-width: 1200px) { .space-dt-xl-30 { margin-top: -30px !important; } } @media (min-width: 1600px) { .space-dt-xl-30 { margin-top: -30px; } } @media (min-width: 1200px) { .space-dt-xl-35 { margin-top: -35px !important; } } @media (min-width: 1600px) { .space-dt-xl-35 { margin-top: -35px; } } @media (min-width: 1200px) { .space-dt-xl-40 { margin-top: -40px !important; } } @media (min-width: 1600px) { .space-dt-xl-40 { margin-top: -40px; } } @media (min-width: 1200px) { .space-dt-xl-45 { margin-top: -45px !important; } } @media (min-width: 1600px) { .space-dt-xl-45 { margin-top: -45px; } } @media (min-width: 1200px) { .space-dt-xl-50 { margin-top: -50px !important; } } @media (min-width: 1600px) { .space-dt-xl-50 { margin-top: -50px; } } @media (min-width: 1200px) { .space-dt-xl-55 { margin-top: -55px !important; } } @media (min-width: 1600px) { .space-dt-xl-55 { margin-top: -55px; } } @media (min-width: 1200px) { .space-dt-xl-60 { margin-top: -60px !important; } } @media (min-width: 1600px) { .space-dt-xl-60 { margin-top: -60px; } } @media (min-width: 1200px) { .space-dt-xl-65 { margin-top: -65px !important; } } @media (min-width: 1600px) { .space-dt-xl-65 { margin-top: -65px; } } @media (min-width: 1200px) { .space-dt-xl-70 { margin-top: -70px !important; } } @media (min-width: 1600px) { .space-dt-xl-70 { margin-top: -70px; } } @media (min-width: 1200px) { .space-dt-xl-75 { margin-top: -75px !important; } } @media (min-width: 1600px) { .space-dt-xl-75 { margin-top: -75px; } } @media (min-width: 1200px) { .space-dt-xl-80 { margin-top: -80px !important; } } @media (min-width: 1600px) { .space-dt-xl-80 { margin-top: -80px; } } @media (min-width: 1200px) { .space-dt-xl-85 { margin-top: -85px !important; } } @media (min-width: 1600px) { .space-dt-xl-85 { margin-top: -85px; } } @media (min-width: 1200px) { .space-dt-xl-90 { margin-top: -90px !important; } } @media (min-width: 1600px) { .space-dt-xl-90 { margin-top: -90px; } } @media (min-width: 1200px) { .space-dt-xl-95 { margin-top: -95px !important; } } @media (min-width: 1600px) { .space-dt-xl-95 { margin-top: -95px; } } @media (min-width: 1200px) { .space-dt-xl-100 { margin-top: -100px !important; } } @media (min-width: 1600px) { .space-dt-xl-100 { margin-top: -100px; } } @media (min-width: 1200px) { .space-dt-xl-105 { margin-top: -105px !important; } } @media (min-width: 1600px) { .space-dt-xl-105 { margin-top: -105px; } } @media (min-width: 1200px) { .space-dt-xl-110 { margin-top: -110px !important; } } @media (min-width: 1600px) { .space-dt-xl-110 { margin-top: -110px; } } @media (min-width: 1200px) { .space-dt-xl-115 { margin-top: -115px !important; } } @media (min-width: 1600px) { .space-dt-xl-115 { margin-top: -115px; } } @media (min-width: 1200px) { .space-dt-xl-120 { margin-top: -120px !important; } } @media (min-width: 1600px) { .space-dt-xl-120 { margin-top: -120px; } } @media (min-width: 1200px) { .space-dt-xl-125 { margin-top: -125px !important; } } @media (min-width: 1600px) { .space-dt-xl-125 { margin-top: -125px; } } @media (min-width: 1200px) { .space-dt-xl-130 { margin-top: -130px !important; } } @media (min-width: 1600px) { .space-dt-xl-130 { margin-top: -130px; } } @media (min-width: 1200px) { .space-dt-xl-135 { margin-top: -135px !important; } } @media (min-width: 1600px) { .space-dt-xl-135 { margin-top: -135px; } } @media (min-width: 1200px) { .space-dt-xl-140 { margin-top: -140px !important; } } @media (min-width: 1600px) { .space-dt-xl-140 { margin-top: -140px; } } @media (min-width: 1200px) { .space-dt-xl-145 { margin-top: -145px !important; } } @media (min-width: 1600px) { .space-dt-xl-145 { margin-top: -145px; } } @media (min-width: 1200px) { .space-dt-xl-150 { margin-top: -150px !important; } } @media (min-width: 1600px) { .space-dt-xl-150 { margin-top: -150px; } } @media (min-width: 1200px) { .space-dt-xl-155 { margin-top: -155px !important; } } @media (min-width: 1600px) { .space-dt-xl-155 { margin-top: -155px; } } @media (min-width: 1200px) { .space-dt-xl-160 { margin-top: -160px !important; } } @media (min-width: 1600px) { .space-dt-xl-160 { margin-top: -160px; } } @media (min-width: 1200px) { .space-dt-xl-165 { margin-top: -165px !important; } } @media (min-width: 1600px) { .space-dt-xl-165 { margin-top: -165px; } } @media (min-width: 1200px) { .space-dt-xl-170 { margin-top: -170px !important; } } @media (min-width: 1600px) { .space-dt-xl-170 { margin-top: -170px; } } @media (min-width: 1200px) { .space-dt-xl-175 { margin-top: -175px !important; } } @media (min-width: 1600px) { .space-dt-xl-175 { margin-top: -175px; } } @media (min-width: 1200px) { .space-dt-xl-180 { margin-top: -180px !important; } } @media (min-width: 1600px) { .space-dt-xl-180 { margin-top: -180px; } } @media (min-width: 1200px) { .space-dt-xl-185 { margin-top: -185px !important; } } @media (min-width: 1600px) { .space-dt-xl-185 { margin-top: -185px; } } @media (min-width: 1200px) { .space-dt-xl-190 { margin-top: -190px !important; } } @media (min-width: 1600px) { .space-dt-xl-190 { margin-top: -190px; } } @media (min-width: 1200px) { .space-dt-xl-195 { margin-top: -195px !important; } } @media (min-width: 1600px) { .space-dt-xl-195 { margin-top: -195px; } } @media (min-width: 1200px) { .space-dt-xl-200 { margin-top: -200px !important; } } @media (min-width: 1600px) { .space-dt-xl-200 { margin-top: -200px; } } /*-- Responsive Space Decrease bottom --*/ @media (min-width: 576px) { .space-db-sm-0 { margin-bottom: 0px !important; } } @media (min-width: 768px) { .space-db-sm-0 { margin-bottom: 0px; } } @media (min-width: 576px) { .space-db-sm-5 { margin-bottom: -5px !important; } } @media (min-width: 768px) { .space-db-sm-5 { margin-bottom: -5px; } } @media (min-width: 576px) { .space-db-sm-10 { margin-bottom: -10px !important; } } @media (min-width: 768px) { .space-db-sm-10 { margin-bottom: -10px; } } @media (min-width: 576px) { .space-db-sm-15 { margin-bottom: -15px !important; } } @media (min-width: 768px) { .space-db-sm-15 { margin-bottom: -15px; } } @media (min-width: 576px) { .space-db-sm-20 { margin-bottom: -20px !important; } } @media (min-width: 768px) { .space-db-sm-20 { margin-bottom: -20px; } } @media (min-width: 576px) { .space-db-sm-25 { margin-bottom: -25px !important; } } @media (min-width: 768px) { .space-db-sm-25 { margin-bottom: -25px; } } @media (min-width: 576px) { .space-db-sm-30 { margin-bottom: -30px !important; } } @media (min-width: 768px) { .space-db-sm-30 { margin-bottom: -30px; } } @media (min-width: 576px) { .space-db-sm-35 { margin-bottom: -35px !important; } } @media (min-width: 768px) { .space-db-sm-35 { margin-bottom: -35px; } } @media (min-width: 576px) { .space-db-sm-40 { margin-bottom: -40px !important; } } @media (min-width: 768px) { .space-db-sm-40 { margin-bottom: -40px; } } @media (min-width: 576px) { .space-db-sm-45 { margin-bottom: -45px !important; } } @media (min-width: 768px) { .space-db-sm-45 { margin-bottom: -45px; } } @media (min-width: 576px) { .space-db-sm-50 { margin-bottom: -50px !important; } } @media (min-width: 768px) { .space-db-sm-50 { margin-bottom: -50px; } } @media (min-width: 576px) { .space-db-sm-55 { margin-bottom: -55px !important; } } @media (min-width: 768px) { .space-db-sm-55 { margin-bottom: -55px; } } @media (min-width: 576px) { .space-db-sm-60 { margin-bottom: -60px !important; } } @media (min-width: 768px) { .space-db-sm-60 { margin-bottom: -60px; } } @media (min-width: 576px) { .space-db-sm-65 { margin-bottom: -65px !important; } } @media (min-width: 768px) { .space-db-sm-65 { margin-bottom: -65px; } } @media (min-width: 576px) { .space-db-sm-70 { margin-bottom: -70px !important; } } @media (min-width: 768px) { .space-db-sm-70 { margin-bottom: -70px; } } @media (min-width: 576px) { .space-db-sm-75 { margin-bottom: -75px !important; } } @media (min-width: 768px) { .space-db-sm-75 { margin-bottom: -75px; } } @media (min-width: 576px) { .space-db-sm-80 { margin-bottom: -80px !important; } } @media (min-width: 768px) { .space-db-sm-80 { margin-bottom: -80px; } } @media (min-width: 576px) { .space-db-sm-85 { margin-bottom: -85px !important; } } @media (min-width: 768px) { .space-db-sm-85 { margin-bottom: -85px; } } @media (min-width: 576px) { .space-db-sm-90 { margin-bottom: -90px !important; } } @media (min-width: 768px) { .space-db-sm-90 { margin-bottom: -90px; } } @media (min-width: 576px) { .space-db-sm-95 { margin-bottom: -95px !important; } } @media (min-width: 768px) { .space-db-sm-95 { margin-bottom: -95px; } } @media (min-width: 576px) { .space-db-sm-100 { margin-bottom: -100px !important; } } @media (min-width: 768px) { .space-db-sm-100 { margin-bottom: -100px; } } @media (min-width: 576px) { .space-db-sm-105 { margin-bottom: -105px !important; } } @media (min-width: 768px) { .space-db-sm-105 { margin-bottom: -105px; } } @media (min-width: 576px) { .space-db-sm-110 { margin-bottom: -110px !important; } } @media (min-width: 768px) { .space-db-sm-110 { margin-bottom: -110px; } } @media (min-width: 576px) { .space-db-sm-115 { margin-bottom: -115px !important; } } @media (min-width: 768px) { .space-db-sm-115 { margin-bottom: -115px; } } @media (min-width: 576px) { .space-db-sm-120 { margin-bottom: -120px !important; } } @media (min-width: 768px) { .space-db-sm-120 { margin-bottom: -120px; } } @media (min-width: 576px) { .space-db-sm-125 { margin-bottom: -125px !important; } } @media (min-width: 768px) { .space-db-sm-125 { margin-bottom: -125px; } } @media (min-width: 576px) { .space-db-sm-130 { margin-bottom: -130px !important; } } @media (min-width: 768px) { .space-db-sm-130 { margin-bottom: -130px; } } @media (min-width: 576px) { .space-db-sm-135 { margin-bottom: -135px !important; } } @media (min-width: 768px) { .space-db-sm-135 { margin-bottom: -135px; } } @media (min-width: 576px) { .space-db-sm-140 { margin-bottom: -140px !important; } } @media (min-width: 768px) { .space-db-sm-140 { margin-bottom: -140px; } } @media (min-width: 576px) { .space-db-sm-145 { margin-bottom: -145px !important; } } @media (min-width: 768px) { .space-db-sm-145 { margin-bottom: -145px; } } @media (min-width: 576px) { .space-db-sm-150 { margin-bottom: -150px !important; } } @media (min-width: 768px) { .space-db-sm-150 { margin-bottom: -150px; } } @media (min-width: 576px) { .space-db-sm-155 { margin-bottom: -155px !important; } } @media (min-width: 768px) { .space-db-sm-155 { margin-bottom: -155px; } } @media (min-width: 576px) { .space-db-sm-160 { margin-bottom: -160px !important; } } @media (min-width: 768px) { .space-db-sm-160 { margin-bottom: -160px; } } @media (min-width: 576px) { .space-db-sm-165 { margin-bottom: -165px !important; } } @media (min-width: 768px) { .space-db-sm-165 { margin-bottom: -165px; } } @media (min-width: 576px) { .space-db-sm-170 { margin-bottom: -170px !important; } } @media (min-width: 768px) { .space-db-sm-170 { margin-bottom: -170px; } } @media (min-width: 576px) { .space-db-sm-175 { margin-bottom: -175px !important; } } @media (min-width: 768px) { .space-db-sm-175 { margin-bottom: -175px; } } @media (min-width: 576px) { .space-db-sm-180 { margin-bottom: -180px !important; } } @media (min-width: 768px) { .space-db-sm-180 { margin-bottom: -180px; } } @media (min-width: 576px) { .space-db-sm-185 { margin-bottom: -185px !important; } } @media (min-width: 768px) { .space-db-sm-185 { margin-bottom: -185px; } } @media (min-width: 576px) { .space-db-sm-190 { margin-bottom: -190px !important; } } @media (min-width: 768px) { .space-db-sm-190 { margin-bottom: -190px; } } @media (min-width: 576px) { .space-db-sm-195 { margin-bottom: -195px !important; } } @media (min-width: 768px) { .space-db-sm-195 { margin-bottom: -195px; } } @media (min-width: 576px) { .space-db-sm-200 { margin-bottom: -200px !important; } } @media (min-width: 768px) { .space-db-sm-200 { margin-bottom: -200px; } } @media (min-width: 768px) { .space-db-md-0 { margin-bottom: 0px !important; } } @media (min-width: 992px) { .space-db-md-0 { margin-bottom: 0px; } } @media (min-width: 768px) { .space-db-md-5 { margin-bottom: -5px !important; } } @media (min-width: 992px) { .space-db-md-5 { margin-bottom: -5px; } } @media (min-width: 768px) { .space-db-md-10 { margin-bottom: -10px !important; } } @media (min-width: 992px) { .space-db-md-10 { margin-bottom: -10px; } } @media (min-width: 768px) { .space-db-md-15 { margin-bottom: -15px !important; } } @media (min-width: 992px) { .space-db-md-15 { margin-bottom: -15px; } } @media (min-width: 768px) { .space-db-md-20 { margin-bottom: -20px !important; } } @media (min-width: 992px) { .space-db-md-20 { margin-bottom: -20px; } } @media (min-width: 768px) { .space-db-md-25 { margin-bottom: -25px !important; } } @media (min-width: 992px) { .space-db-md-25 { margin-bottom: -25px; } } @media (min-width: 768px) { .space-db-md-30 { margin-bottom: -30px !important; } } @media (min-width: 992px) { .space-db-md-30 { margin-bottom: -30px; } } @media (min-width: 768px) { .space-db-md-35 { margin-bottom: -35px !important; } } @media (min-width: 992px) { .space-db-md-35 { margin-bottom: -35px; } } @media (min-width: 768px) { .space-db-md-40 { margin-bottom: -40px !important; } } @media (min-width: 992px) { .space-db-md-40 { margin-bottom: -40px; } } @media (min-width: 768px) { .space-db-md-45 { margin-bottom: -45px !important; } } @media (min-width: 992px) { .space-db-md-45 { margin-bottom: -45px; } } @media (min-width: 768px) { .space-db-md-50 { margin-bottom: -50px !important; } } @media (min-width: 992px) { .space-db-md-50 { margin-bottom: -50px; } } @media (min-width: 768px) { .space-db-md-55 { margin-bottom: -55px !important; } } @media (min-width: 992px) { .space-db-md-55 { margin-bottom: -55px; } } @media (min-width: 768px) { .space-db-md-60 { margin-bottom: -60px !important; } } @media (min-width: 992px) { .space-db-md-60 { margin-bottom: -60px; } } @media (min-width: 768px) { .space-db-md-65 { margin-bottom: -65px !important; } } @media (min-width: 992px) { .space-db-md-65 { margin-bottom: -65px; } } @media (min-width: 768px) { .space-db-md-70 { margin-bottom: -70px !important; } } @media (min-width: 992px) { .space-db-md-70 { margin-bottom: -70px; } } @media (min-width: 768px) { .space-db-md-75 { margin-bottom: -75px !important; } } @media (min-width: 992px) { .space-db-md-75 { margin-bottom: -75px; } } @media (min-width: 768px) { .space-db-md-80 { margin-bottom: -80px !important; } } @media (min-width: 992px) { .space-db-md-80 { margin-bottom: -80px; } } @media (min-width: 768px) { .space-db-md-85 { margin-bottom: -85px !important; } } @media (min-width: 992px) { .space-db-md-85 { margin-bottom: -85px; } } @media (min-width: 768px) { .space-db-md-90 { margin-bottom: -90px !important; } } @media (min-width: 992px) { .space-db-md-90 { margin-bottom: -90px; } } @media (min-width: 768px) { .space-db-md-95 { margin-bottom: -95px !important; } } @media (min-width: 992px) { .space-db-md-95 { margin-bottom: -95px; } } @media (min-width: 768px) { .space-db-md-100 { margin-bottom: -100px !important; } } @media (min-width: 992px) { .space-db-md-100 { margin-bottom: -100px; } } @media (min-width: 768px) { .space-db-md-105 { margin-bottom: -105px !important; } } @media (min-width: 992px) { .space-db-md-105 { margin-bottom: -105px; } } @media (min-width: 768px) { .space-db-md-110 { margin-bottom: -110px !important; } } @media (min-width: 992px) { .space-db-md-110 { margin-bottom: -110px; } } @media (min-width: 768px) { .space-db-md-115 { margin-bottom: -115px !important; } } @media (min-width: 992px) { .space-db-md-115 { margin-bottom: -115px; } } @media (min-width: 768px) { .space-db-md-120 { margin-bottom: -120px !important; } } @media (min-width: 992px) { .space-db-md-120 { margin-bottom: -120px; } } @media (min-width: 768px) { .space-db-md-125 { margin-bottom: -125px !important; } } @media (min-width: 992px) { .space-db-md-125 { margin-bottom: -125px; } } @media (min-width: 768px) { .space-db-md-130 { margin-bottom: -130px !important; } } @media (min-width: 992px) { .space-db-md-130 { margin-bottom: -130px; } } @media (min-width: 768px) { .space-db-md-135 { margin-bottom: -135px !important; } } @media (min-width: 992px) { .space-db-md-135 { margin-bottom: -135px; } } @media (min-width: 768px) { .space-db-md-140 { margin-bottom: -140px !important; } } @media (min-width: 992px) { .space-db-md-140 { margin-bottom: -140px; } } @media (min-width: 768px) { .space-db-md-145 { margin-bottom: -145px !important; } } @media (min-width: 992px) { .space-db-md-145 { margin-bottom: -145px; } } @media (min-width: 768px) { .space-db-md-150 { margin-bottom: -150px !important; } } @media (min-width: 992px) { .space-db-md-150 { margin-bottom: -150px; } } @media (min-width: 768px) { .space-db-md-155 { margin-bottom: -155px !important; } } @media (min-width: 992px) { .space-db-md-155 { margin-bottom: -155px; } } @media (min-width: 768px) { .space-db-md-160 { margin-bottom: -160px !important; } } @media (min-width: 992px) { .space-db-md-160 { margin-bottom: -160px; } } @media (min-width: 768px) { .space-db-md-165 { margin-bottom: -165px !important; } } @media (min-width: 992px) { .space-db-md-165 { margin-bottom: -165px; } } @media (min-width: 768px) { .space-db-md-170 { margin-bottom: -170px !important; } } @media (min-width: 992px) { .space-db-md-170 { margin-bottom: -170px; } } @media (min-width: 768px) { .space-db-md-175 { margin-bottom: -175px !important; } } @media (min-width: 992px) { .space-db-md-175 { margin-bottom: -175px; } } @media (min-width: 768px) { .space-db-md-180 { margin-bottom: -180px !important; } } @media (min-width: 992px) { .space-db-md-180 { margin-bottom: -180px; } } @media (min-width: 768px) { .space-db-md-185 { margin-bottom: -185px !important; } } @media (min-width: 992px) { .space-db-md-185 { margin-bottom: -185px; } } @media (min-width: 768px) { .space-db-md-190 { margin-bottom: -190px !important; } } @media (min-width: 992px) { .space-db-md-190 { margin-bottom: -190px; } } @media (min-width: 768px) { .space-db-md-195 { margin-bottom: -195px !important; } } @media (min-width: 992px) { .space-db-md-195 { margin-bottom: -195px; } } @media (min-width: 768px) { .space-db-md-200 { margin-bottom: -200px !important; } } @media (min-width: 992px) { .space-db-md-200 { margin-bottom: -200px; } } @media (min-width: 992px) { .space-db-lg-0 { margin-bottom: 0px !important; } } @media (min-width: 1200px) { .space-db-lg-0 { margin-bottom: 0px; } } @media (min-width: 992px) { .space-db-lg-5 { margin-bottom: -5px !important; } } @media (min-width: 1200px) { .space-db-lg-5 { margin-bottom: -5px; } } @media (min-width: 992px) { .space-db-lg-10 { margin-bottom: -10px !important; } } @media (min-width: 1200px) { .space-db-lg-10 { margin-bottom: -10px; } } @media (min-width: 992px) { .space-db-lg-15 { margin-bottom: -15px !important; } } @media (min-width: 1200px) { .space-db-lg-15 { margin-bottom: -15px; } } @media (min-width: 992px) { .space-db-lg-20 { margin-bottom: -20px !important; } } @media (min-width: 1200px) { .space-db-lg-20 { margin-bottom: -20px; } } @media (min-width: 992px) { .space-db-lg-25 { margin-bottom: -25px !important; } } @media (min-width: 1200px) { .space-db-lg-25 { margin-bottom: -25px; } } @media (min-width: 992px) { .space-db-lg-30 { margin-bottom: -30px !important; } } @media (min-width: 1200px) { .space-db-lg-30 { margin-bottom: -30px; } } @media (min-width: 992px) { .space-db-lg-35 { margin-bottom: -35px !important; } } @media (min-width: 1200px) { .space-db-lg-35 { margin-bottom: -35px; } } @media (min-width: 992px) { .space-db-lg-40 { margin-bottom: -40px !important; } } @media (min-width: 1200px) { .space-db-lg-40 { margin-bottom: -40px; } } @media (min-width: 992px) { .space-db-lg-45 { margin-bottom: -45px !important; } } @media (min-width: 1200px) { .space-db-lg-45 { margin-bottom: -45px; } } @media (min-width: 992px) { .space-db-lg-50 { margin-bottom: -50px !important; } } @media (min-width: 1200px) { .space-db-lg-50 { margin-bottom: -50px; } } @media (min-width: 992px) { .space-db-lg-55 { margin-bottom: -55px !important; } } @media (min-width: 1200px) { .space-db-lg-55 { margin-bottom: -55px; } } @media (min-width: 992px) { .space-db-lg-60 { margin-bottom: -60px !important; } } @media (min-width: 1200px) { .space-db-lg-60 { margin-bottom: -60px; } } @media (min-width: 992px) { .space-db-lg-65 { margin-bottom: -65px !important; } } @media (min-width: 1200px) { .space-db-lg-65 { margin-bottom: -65px; } } @media (min-width: 992px) { .space-db-lg-70 { margin-bottom: -70px !important; } } @media (min-width: 1200px) { .space-db-lg-70 { margin-bottom: -70px; } } @media (min-width: 992px) { .space-db-lg-75 { margin-bottom: -75px !important; } } @media (min-width: 1200px) { .space-db-lg-75 { margin-bottom: -75px; } } @media (min-width: 992px) { .space-db-lg-80 { margin-bottom: -80px !important; } } @media (min-width: 1200px) { .space-db-lg-80 { margin-bottom: -80px; } } @media (min-width: 992px) { .space-db-lg-85 { margin-bottom: -85px !important; } } @media (min-width: 1200px) { .space-db-lg-85 { margin-bottom: -85px; } } @media (min-width: 992px) { .space-db-lg-90 { margin-bottom: -90px !important; } } @media (min-width: 1200px) { .space-db-lg-90 { margin-bottom: -90px; } } @media (min-width: 992px) { .space-db-lg-95 { margin-bottom: -95px !important; } } @media (min-width: 1200px) { .space-db-lg-95 { margin-bottom: -95px; } } @media (min-width: 992px) { .space-db-lg-100 { margin-bottom: -100px !important; } } @media (min-width: 1200px) { .space-db-lg-100 { margin-bottom: -100px; } } @media (min-width: 992px) { .space-db-lg-105 { margin-bottom: -105px !important; } } @media (min-width: 1200px) { .space-db-lg-105 { margin-bottom: -105px; } } @media (min-width: 992px) { .space-db-lg-110 { margin-bottom: -110px !important; } } @media (min-width: 1200px) { .space-db-lg-110 { margin-bottom: -110px; } } @media (min-width: 992px) { .space-db-lg-115 { margin-bottom: -115px !important; } } @media (min-width: 1200px) { .space-db-lg-115 { margin-bottom: -115px; } } @media (min-width: 992px) { .space-db-lg-120 { margin-bottom: -120px !important; } } @media (min-width: 1200px) { .space-db-lg-120 { margin-bottom: -120px; } } @media (min-width: 992px) { .space-db-lg-125 { margin-bottom: -125px !important; } } @media (min-width: 1200px) { .space-db-lg-125 { margin-bottom: -125px; } } @media (min-width: 992px) { .space-db-lg-130 { margin-bottom: -130px !important; } } @media (min-width: 1200px) { .space-db-lg-130 { margin-bottom: -130px; } } @media (min-width: 992px) { .space-db-lg-135 { margin-bottom: -135px !important; } } @media (min-width: 1200px) { .space-db-lg-135 { margin-bottom: -135px; } } @media (min-width: 992px) { .space-db-lg-140 { margin-bottom: -140px !important; } } @media (min-width: 1200px) { .space-db-lg-140 { margin-bottom: -140px; } } @media (min-width: 992px) { .space-db-lg-145 { margin-bottom: -145px !important; } } @media (min-width: 1200px) { .space-db-lg-145 { margin-bottom: -145px; } } @media (min-width: 992px) { .space-db-lg-150 { margin-bottom: -150px !important; } } @media (min-width: 1200px) { .space-db-lg-150 { margin-bottom: -150px; } } @media (min-width: 992px) { .space-db-lg-155 { margin-bottom: -155px !important; } } @media (min-width: 1200px) { .space-db-lg-155 { margin-bottom: -155px; } } @media (min-width: 992px) { .space-db-lg-160 { margin-bottom: -160px !important; } } @media (min-width: 1200px) { .space-db-lg-160 { margin-bottom: -160px; } } @media (min-width: 992px) { .space-db-lg-165 { margin-bottom: -165px !important; } } @media (min-width: 1200px) { .space-db-lg-165 { margin-bottom: -165px; } } @media (min-width: 992px) { .space-db-lg-170 { margin-bottom: -170px !important; } } @media (min-width: 1200px) { .space-db-lg-170 { margin-bottom: -170px; } } @media (min-width: 992px) { .space-db-lg-175 { margin-bottom: -175px !important; } } @media (min-width: 1200px) { .space-db-lg-175 { margin-bottom: -175px; } } @media (min-width: 992px) { .space-db-lg-180 { margin-bottom: -180px !important; } } @media (min-width: 1200px) { .space-db-lg-180 { margin-bottom: -180px; } } @media (min-width: 992px) { .space-db-lg-185 { margin-bottom: -185px !important; } } @media (min-width: 1200px) { .space-db-lg-185 { margin-bottom: -185px; } } @media (min-width: 992px) { .space-db-lg-190 { margin-bottom: -190px !important; } } @media (min-width: 1200px) { .space-db-lg-190 { margin-bottom: -190px; } } @media (min-width: 992px) { .space-db-lg-195 { margin-bottom: -195px !important; } } @media (min-width: 1200px) { .space-db-lg-195 { margin-bottom: -195px; } } @media (min-width: 992px) { .space-db-lg-200 { margin-bottom: -200px !important; } } @media (min-width: 1200px) { .space-db-lg-200 { margin-bottom: -200px; } } @media (min-width: 1200px) { .space-db-xl-0 { margin-bottom: 0px !important; } } @media (min-width: 1600px) { .space-db-xl-0 { margin-bottom: 0px; } } @media (min-width: 1200px) { .space-db-xl-5 { margin-bottom: -5px !important; } } @media (min-width: 1600px) { .space-db-xl-5 { margin-bottom: -5px; } } @media (min-width: 1200px) { .space-db-xl-10 { margin-bottom: -10px !important; } } @media (min-width: 1600px) { .space-db-xl-10 { margin-bottom: -10px; } } @media (min-width: 1200px) { .space-db-xl-15 { margin-bottom: -15px !important; } } @media (min-width: 1600px) { .space-db-xl-15 { margin-bottom: -15px; } } @media (min-width: 1200px) { .space-db-xl-20 { margin-bottom: -20px !important; } } @media (min-width: 1600px) { .space-db-xl-20 { margin-bottom: -20px; } } @media (min-width: 1200px) { .space-db-xl-25 { margin-bottom: -25px !important; } } @media (min-width: 1600px) { .space-db-xl-25 { margin-bottom: -25px; } } @media (min-width: 1200px) { .space-db-xl-30 { margin-bottom: -30px !important; } } @media (min-width: 1600px) { .space-db-xl-30 { margin-bottom: -30px; } } @media (min-width: 1200px) { .space-db-xl-35 { margin-bottom: -35px !important; } } @media (min-width: 1600px) { .space-db-xl-35 { margin-bottom: -35px; } } @media (min-width: 1200px) { .space-db-xl-40 { margin-bottom: -40px !important; } } @media (min-width: 1600px) { .space-db-xl-40 { margin-bottom: -40px; } } @media (min-width: 1200px) { .space-db-xl-45 { margin-bottom: -45px !important; } } @media (min-width: 1600px) { .space-db-xl-45 { margin-bottom: -45px; } } @media (min-width: 1200px) { .space-db-xl-50 { margin-bottom: -50px !important; } } @media (min-width: 1600px) { .space-db-xl-50 { margin-bottom: -50px; } } @media (min-width: 1200px) { .space-db-xl-55 { margin-bottom: -55px !important; } } @media (min-width: 1600px) { .space-db-xl-55 { margin-bottom: -55px; } } @media (min-width: 1200px) { .space-db-xl-60 { margin-bottom: -60px !important; } } @media (min-width: 1600px) { .space-db-xl-60 { margin-bottom: -60px; } } @media (min-width: 1200px) { .space-db-xl-65 { margin-bottom: -65px !important; } } @media (min-width: 1600px) { .space-db-xl-65 { margin-bottom: -65px; } } @media (min-width: 1200px) { .space-db-xl-70 { margin-bottom: -70px !important; } } @media (min-width: 1600px) { .space-db-xl-70 { margin-bottom: -70px; } } @media (min-width: 1200px) { .space-db-xl-75 { margin-bottom: -75px !important; } } @media (min-width: 1600px) { .space-db-xl-75 { margin-bottom: -75px; } } @media (min-width: 1200px) { .space-db-xl-80 { margin-bottom: -80px !important; } } @media (min-width: 1600px) { .space-db-xl-80 { margin-bottom: -80px; } } @media (min-width: 1200px) { .space-db-xl-85 { margin-bottom: -85px !important; } } @media (min-width: 1600px) { .space-db-xl-85 { margin-bottom: -85px; } } @media (min-width: 1200px) { .space-db-xl-90 { margin-bottom: -90px !important; } } @media (min-width: 1600px) { .space-db-xl-90 { margin-bottom: -90px; } } @media (min-width: 1200px) { .space-db-xl-95 { margin-bottom: -95px !important; } } @media (min-width: 1600px) { .space-db-xl-95 { margin-bottom: -95px; } } @media (min-width: 1200px) { .space-db-xl-100 { margin-bottom: -100px !important; } } @media (min-width: 1600px) { .space-db-xl-100 { margin-bottom: -100px; } } @media (min-width: 1200px) { .space-db-xl-105 { margin-bottom: -105px !important; } } @media (min-width: 1600px) { .space-db-xl-105 { margin-bottom: -105px; } } @media (min-width: 1200px) { .space-db-xl-110 { margin-bottom: -110px !important; } } @media (min-width: 1600px) { .space-db-xl-110 { margin-bottom: -110px; } } @media (min-width: 1200px) { .space-db-xl-115 { margin-bottom: -115px !important; } } @media (min-width: 1600px) { .space-db-xl-115 { margin-bottom: -115px; } } @media (min-width: 1200px) { .space-db-xl-120 { margin-bottom: -120px !important; } } @media (min-width: 1600px) { .space-db-xl-120 { margin-bottom: -120px; } } @media (min-width: 1200px) { .space-db-xl-125 { margin-bottom: -125px !important; } } @media (min-width: 1600px) { .space-db-xl-125 { margin-bottom: -125px; } } @media (min-width: 1200px) { .space-db-xl-130 { margin-bottom: -130px !important; } } @media (min-width: 1600px) { .space-db-xl-130 { margin-bottom: -130px; } } @media (min-width: 1200px) { .space-db-xl-135 { margin-bottom: -135px !important; } } @media (min-width: 1600px) { .space-db-xl-135 { margin-bottom: -135px; } } @media (min-width: 1200px) { .space-db-xl-140 { margin-bottom: -140px !important; } } @media (min-width: 1600px) { .space-db-xl-140 { margin-bottom: -140px; } } @media (min-width: 1200px) { .space-db-xl-145 { margin-bottom: -145px !important; } } @media (min-width: 1600px) { .space-db-xl-145 { margin-bottom: -145px; } } @media (min-width: 1200px) { .space-db-xl-150 { margin-bottom: -150px !important; } } @media (min-width: 1600px) { .space-db-xl-150 { margin-bottom: -150px; } } @media (min-width: 1200px) { .space-db-xl-155 { margin-bottom: -155px !important; } } @media (min-width: 1600px) { .space-db-xl-155 { margin-bottom: -155px; } } @media (min-width: 1200px) { .space-db-xl-160 { margin-bottom: -160px !important; } } @media (min-width: 1600px) { .space-db-xl-160 { margin-bottom: -160px; } } @media (min-width: 1200px) { .space-db-xl-165 { margin-bottom: -165px !important; } } @media (min-width: 1600px) { .space-db-xl-165 { margin-bottom: -165px; } } @media (min-width: 1200px) { .space-db-xl-170 { margin-bottom: -170px !important; } } @media (min-width: 1600px) { .space-db-xl-170 { margin-bottom: -170px; } } @media (min-width: 1200px) { .space-db-xl-175 { margin-bottom: -175px !important; } } @media (min-width: 1600px) { .space-db-xl-175 { margin-bottom: -175px; } } @media (min-width: 1200px) { .space-db-xl-180 { margin-bottom: -180px !important; } } @media (min-width: 1600px) { .space-db-xl-180 { margin-bottom: -180px; } } @media (min-width: 1200px) { .space-db-xl-185 { margin-bottom: -185px !important; } } @media (min-width: 1600px) { .space-db-xl-185 { margin-bottom: -185px; } } @media (min-width: 1200px) { .space-db-xl-190 { margin-bottom: -190px !important; } } @media (min-width: 1600px) { .space-db-xl-190 { margin-bottom: -190px; } } @media (min-width: 1200px) { .space-db-xl-195 { margin-bottom: -195px !important; } } @media (min-width: 1600px) { .space-db-xl-195 { margin-bottom: -195px; } } @media (min-width: 1200px) { .space-db-xl-200 { margin-bottom: -200px !important; } } @media (min-width: 1600px) { .space-db-xl-200 { margin-bottom: -200px; } } /*=====================================*/ /*-- :::: Paddings :::: --*/ /*=====================================*/ /*-- Padding top --*/ .pt--0 { padding-top: 0px !important; } .pt--5 { padding-top: 5px !important; } .pt--10 { padding-top: 10px !important; } .pt--15 { padding-top: 15px !important; } .pt--20 { padding-top: 20px !important; } .pt--25 { padding-top: 25px !important; } .pt--30 { padding-top: 30px !important; } .pt--35 { padding-top: 35px !important; } .pt--40 { padding-top: 40px !important; } .pt--45 { padding-top: 45px !important; } .pt--50 { padding-top: 50px !important; } .pt--55 { padding-top: 55px !important; } .pt--60 { padding-top: 60px !important; } .pt--65 { padding-top: 65px !important; } .pt--70 { padding-top: 70px !important; } .pt--75 { padding-top: 75px !important; } .pt--80 { padding-top: 80px !important; } .pt--85 { padding-top: 85px !important; } .pt--90 { padding-top: 90px !important; } .pt--95 { padding-top: 95px !important; } .pt--100 { padding-top: 100px !important; } .pt--105 { padding-top: 105px !important; } .pt--110 { padding-top: 110px !important; } .pt--115 { padding-top: 115px !important; } .pt--120 { padding-top: 120px !important; } .pt--125 { padding-top: 125px !important; } .pt--130 { padding-top: 130px !important; } .pt--135 { padding-top: 135px !important; } .pt--140 { padding-top: 140px !important; } .pt--145 { padding-top: 145px !important; } .pt--150 { padding-top: 150px !important; } .pt--155 { padding-top: 155px !important; } .pt--160 { padding-top: 160px !important; } .pt--165 { padding-top: 165px !important; } .pt--170 { padding-top: 170px !important; } .pt--175 { padding-top: 175px !important; } .pt--180 { padding-top: 180px !important; } .pt--185 { padding-top: 185px !important; } .pt--190 { padding-top: 190px !important; } .pt--195 { padding-top: 195px !important; } .pt--200 { padding-top: 200px !important; } /*-- Padding Bottom --*/ .pb--0 { padding-bottom: 0px !important; } .pb--5 { padding-bottom: 5px !important; } .pb--10 { padding-bottom: 10px !important; } .pb--15 { padding-bottom: 15px !important; } .pb--20 { padding-bottom: 20px !important; } .pb--25 { padding-bottom: 25px !important; } .pb--30 { padding-bottom: 30px !important; } .pb--35 { padding-bottom: 35px !important; } .pb--40 { padding-bottom: 40px !important; } .pb--45 { padding-bottom: 45px !important; } .pb--50 { padding-bottom: 50px !important; } .pb--55 { padding-bottom: 55px !important; } .pb--60 { padding-bottom: 60px !important; } .pb--65 { padding-bottom: 65px !important; } .pb--70 { padding-bottom: 70px !important; } .pb--75 { padding-bottom: 75px !important; } .pb--80 { padding-bottom: 80px !important; } .pb--85 { padding-bottom: 85px !important; } .pb--90 { padding-bottom: 90px !important; } .pb--95 { padding-bottom: 95px !important; } .pb--100 { padding-bottom: 100px !important; } .pb--105 { padding-bottom: 105px !important; } .pb--110 { padding-bottom: 110px !important; } .pb--115 { padding-bottom: 115px !important; } .pb--120 { padding-bottom: 120px !important; } .pb--125 { padding-bottom: 125px !important; } .pb--130 { padding-bottom: 130px !important; } .pb--135 { padding-bottom: 135px !important; } .pb--140 { padding-bottom: 140px !important; } .pb--145 { padding-bottom: 145px !important; } .pb--150 { padding-bottom: 150px !important; } .pb--155 { padding-bottom: 155px !important; } .pb--160 { padding-bottom: 160px !important; } .pb--165 { padding-bottom: 165px !important; } .pb--170 { padding-bottom: 170px !important; } .pb--175 { padding-bottom: 175px !important; } .pb--180 { padding-bottom: 180px !important; } .pb--185 { padding-bottom: 185px !important; } .pb--190 { padding-bottom: 190px !important; } .pb--195 { padding-bottom: 195px !important; } .pb--200 { padding-bottom: 200px !important; } /*-- Padding Left --*/ .pl--0 { padding-left: 0px !important; } .pl--5 { padding-left: 5px !important; } .pl--10 { padding-left: 10px !important; } .pl--15 { padding-left: 15px !important; } .pl--20 { padding-left: 20px !important; } .pl--25 { padding-left: 25px !important; } .pl--30 { padding-left: 30px !important; } .pl--35 { padding-left: 35px !important; } .pl--40 { padding-left: 40px !important; } .pl--45 { padding-left: 45px !important; } .pl--50 { padding-left: 50px !important; } .pl--55 { padding-left: 55px !important; } .pl--60 { padding-left: 60px !important; } .pl--65 { padding-left: 65px !important; } .pl--70 { padding-left: 70px !important; } .pl--75 { padding-left: 75px !important; } .pl--80 { padding-left: 80px !important; } .pl--85 { padding-left: 85px !important; } .pl--90 { padding-left: 90px !important; } .pl--95 { padding-left: 95px !important; } .pl--100 { padding-left: 100px !important; } .pl--105 { padding-left: 105px !important; } .pl--110 { padding-left: 110px !important; } .pl--115 { padding-left: 115px !important; } .pl--120 { padding-left: 120px !important; } .pl--125 { padding-left: 125px !important; } .pl--130 { padding-left: 130px !important; } .pl--135 { padding-left: 135px !important; } .pl--140 { padding-left: 140px !important; } .pl--145 { padding-left: 145px !important; } .pl--150 { padding-left: 150px !important; } .pl--155 { padding-left: 155px !important; } .pl--160 { padding-left: 160px !important; } .pl--165 { padding-left: 165px !important; } .pl--170 { padding-left: 170px !important; } .pl--175 { padding-left: 175px !important; } .pl--180 { padding-left: 180px !important; } .pl--185 { padding-left: 185px !important; } .pl--190 { padding-left: 190px !important; } .pl--195 { padding-left: 195px !important; } .pl--200 { padding-left: 200px !important; } /*-- Padding Right --*/ .pr--0 { padding-right: 0px !important; } .pr--5 { padding-right: 5px !important; } .pr--10 { padding-right: 10px !important; } .pr--15 { padding-right: 15px !important; } .pr--20 { padding-right: 20px !important; } .pr--25 { padding-right: 25px !important; } .pr--30 { padding-right: 30px !important; } .pr--35 { padding-right: 35px !important; } .pr--40 { padding-right: 40px !important; } .pr--45 { padding-right: 45px !important; } .pr--50 { padding-right: 50px !important; } .pr--55 { padding-right: 55px !important; } .pr--60 { padding-right: 60px !important; } .pr--65 { padding-right: 65px !important; } .pr--70 { padding-right: 70px !important; } .pr--75 { padding-right: 75px !important; } .pr--80 { padding-right: 80px !important; } .pr--85 { padding-right: 85px !important; } .pr--90 { padding-right: 90px !important; } .pr--95 { padding-right: 95px !important; } .pr--100 { padding-right: 100px !important; } .pr--105 { padding-right: 105px !important; } .pr--110 { padding-right: 110px !important; } .pr--115 { padding-right: 115px !important; } .pr--120 { padding-right: 120px !important; } .pr--125 { padding-right: 125px !important; } .pr--130 { padding-right: 130px !important; } .pr--135 { padding-right: 135px !important; } .pr--140 { padding-right: 140px !important; } .pr--145 { padding-right: 145px !important; } .pr--150 { padding-right: 150px !important; } .pr--155 { padding-right: 155px !important; } .pr--160 { padding-right: 160px !important; } .pr--165 { padding-right: 165px !important; } .pr--170 { padding-right: 170px !important; } .pr--175 { padding-right: 175px !important; } .pr--180 { padding-right: 180px !important; } .pr--185 { padding-right: 185px !important; } .pr--190 { padding-right: 190px !important; } .pr--195 { padding-right: 195px !important; } .pr--200 { padding-right: 200px !important; } /*-- Padding Vertical --*/ .px--0 { padding-left: 0px !important; padding-right: 0px !important; } .px--5 { padding-left: 5px !important; padding-right: 5px !important; } .px--10 { padding-left: 10px !important; padding-right: 10px !important; } .px--15 { padding-left: 15px !important; padding-right: 15px !important; } .px--20 { padding-left: 20px !important; padding-right: 20px !important; } .px--25 { padding-left: 25px !important; padding-right: 25px !important; } .px--30 { padding-left: 30px !important; padding-right: 30px !important; } .px--35 { padding-left: 35px !important; padding-right: 35px !important; } .px--40 { padding-left: 40px !important; padding-right: 40px !important; } .px--45 { padding-left: 45px !important; padding-right: 45px !important; } .px--50 { padding-left: 50px !important; padding-right: 50px !important; } .px--55 { padding-left: 55px !important; padding-right: 55px !important; } .px--60 { padding-left: 60px !important; padding-right: 60px !important; } .px--65 { padding-left: 65px !important; padding-right: 65px !important; } .px--70 { padding-left: 70px !important; padding-right: 70px !important; } .px--75 { padding-left: 75px !important; padding-right: 75px !important; } .px--80 { padding-left: 80px !important; padding-right: 80px !important; } .px--85 { padding-left: 85px !important; padding-right: 85px !important; } .px--90 { padding-left: 90px !important; padding-right: 90px !important; } .px--95 { padding-left: 95px !important; padding-right: 95px !important; } .px--100 { padding-left: 100px !important; padding-right: 100px !important; } .px--105 { padding-left: 105px !important; padding-right: 105px !important; } .px--110 { padding-left: 110px !important; padding-right: 110px !important; } .px--115 { padding-left: 115px !important; padding-right: 115px !important; } .px--120 { padding-left: 120px !important; padding-right: 120px !important; } .px--125 { padding-left: 125px !important; padding-right: 125px !important; } .px--130 { padding-left: 130px !important; padding-right: 130px !important; } .px--135 { padding-left: 135px !important; padding-right: 135px !important; } .px--140 { padding-left: 140px !important; padding-right: 140px !important; } .px--145 { padding-left: 145px !important; padding-right: 145px !important; } .px--150 { padding-left: 150px !important; padding-right: 150px !important; } .px--155 { padding-left: 155px !important; padding-right: 155px !important; } .px--160 { padding-left: 160px !important; padding-right: 160px !important; } .px--165 { padding-left: 165px !important; padding-right: 165px !important; } .px--170 { padding-left: 170px !important; padding-right: 170px !important; } .px--175 { padding-left: 175px !important; padding-right: 175px !important; } .px--180 { padding-left: 180px !important; padding-right: 180px !important; } .px--185 { padding-left: 185px !important; padding-right: 185px !important; } .px--190 { padding-left: 190px !important; padding-right: 190px !important; } .px--195 { padding-left: 195px !important; padding-right: 195px !important; } .px--200 { padding-left: 200px !important; padding-right: 200px !important; } /*-- Padding Horizontal --*/ .py--0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py--5 { padding-top: 5px !important; padding-bottom: 5px !important; } .py--10 { padding-top: 10px !important; padding-bottom: 10px !important; } .py--15 { padding-top: 15px !important; padding-bottom: 15px !important; } .py--20 { padding-top: 20px !important; padding-bottom: 20px !important; } .py--25 { padding-top: 25px !important; padding-bottom: 25px !important; } .py--30 { padding-top: 30px !important; padding-bottom: 30px !important; } .py--35 { padding-top: 35px !important; padding-bottom: 35px !important; } .py--40 { padding-top: 40px !important; padding-bottom: 40px !important; } .py--45 { padding-top: 45px !important; padding-bottom: 45px !important; } .py--50 { padding-top: 50px !important; padding-bottom: 50px !important; } .py--55 { padding-top: 55px !important; padding-bottom: 55px !important; } .py--60 { padding-top: 60px !important; padding-bottom: 60px !important; } .py--65 { padding-top: 65px !important; padding-bottom: 65px !important; } .py--70 { padding-top: 70px !important; padding-bottom: 70px !important; } .py--75 { padding-top: 75px !important; padding-bottom: 75px !important; } .py--80 { padding-top: 80px !important; padding-bottom: 80px !important; } .py--85 { padding-top: 85px !important; padding-bottom: 85px !important; } .py--90 { padding-top: 90px !important; padding-bottom: 90px !important; } .py--95 { padding-top: 95px !important; padding-bottom: 95px !important; } .py--100 { padding-top: 100px !important; padding-bottom: 100px !important; } .py--105 { padding-top: 105px !important; padding-bottom: 105px !important; } .py--110 { padding-top: 110px !important; padding-bottom: 110px !important; } .py--115 { padding-top: 115px !important; padding-bottom: 115px !important; } .py--120 { padding-top: 120px !important; padding-bottom: 120px !important; } .py--125 { padding-top: 125px !important; padding-bottom: 125px !important; } .py--130 { padding-top: 130px !important; padding-bottom: 130px !important; } .py--135 { padding-top: 135px !important; padding-bottom: 135px !important; } .py--140 { padding-top: 140px !important; padding-bottom: 140px !important; } .py--145 { padding-top: 145px !important; padding-bottom: 145px !important; } .py--150 { padding-top: 150px !important; padding-bottom: 150px !important; } .py--155 { padding-top: 155px !important; padding-bottom: 155px !important; } .py--160 { padding-top: 160px !important; padding-bottom: 160px !important; } .py--165 { padding-top: 165px !important; padding-bottom: 165px !important; } .py--170 { padding-top: 170px !important; padding-bottom: 170px !important; } .py--175 { padding-top: 175px !important; padding-bottom: 175px !important; } .py--180 { padding-top: 180px !important; padding-bottom: 180px !important; } .py--185 { padding-top: 185px !important; padding-bottom: 185px !important; } .py--190 { padding-top: 190px !important; padding-bottom: 190px !important; } .py--195 { padding-top: 195px !important; padding-bottom: 195px !important; } .py--200 { padding-top: 200px !important; padding-bottom: 200px !important; } /*=====================================*/ /*-- :::: Margins :::: --*/ /*=====================================*/ /*-- Margins top --*/ .mt--0 { margin-top: 0px !important; } .mt--5 { margin-top: 5px !important; } .mt--10 { margin-top: 10px !important; } .mt--15 { margin-top: 15px !important; } .mt--20 { margin-top: 20px !important; } .mt--25 { margin-top: 25px !important; } .mt--30 { margin-top: 30px !important; } .mt--35 { margin-top: 35px !important; } .mt--40 { margin-top: 40px !important; } .mt--45 { margin-top: 45px !important; } .mt--50 { margin-top: 50px !important; } .mt--55 { margin-top: 55px !important; } .mt--60 { margin-top: 60px !important; } .mt--65 { margin-top: 65px !important; } .mt--70 { margin-top: 70px !important; } .mt--75 { margin-top: 75px !important; } .mt--80 { margin-top: 80px !important; } .mt--85 { margin-top: 85px !important; } .mt--90 { margin-top: 90px !important; } .mt--95 { margin-top: 95px !important; } .mt--100 { margin-top: 100px !important; } .mt--105 { margin-top: 105px !important; } .mt--110 { margin-top: 110px !important; } .mt--115 { margin-top: 115px !important; } .mt--120 { margin-top: 120px !important; } .mt--125 { margin-top: 125px !important; } .mt--130 { margin-top: 130px !important; } .mt--135 { margin-top: 135px !important; } .mt--140 { margin-top: 140px !important; } .mt--145 { margin-top: 145px !important; } .mt--150 { margin-top: 150px !important; } .mt--155 { margin-top: 155px !important; } .mt--160 { margin-top: 160px !important; } .mt--165 { margin-top: 165px !important; } .mt--170 { margin-top: 170px !important; } .mt--175 { margin-top: 175px !important; } .mt--180 { margin-top: 180px !important; } .mt--185 { margin-top: 185px !important; } .mt--190 { margin-top: 190px !important; } .mt--195 { margin-top: 195px !important; } .mt--200 { margin-top: 200px !important; } /*-- Margin Bottom --*/ .mb--5 { margin-bottom: 5px !important; } .mb--10 { margin-bottom: 10px !important; } .mb--15 { margin-bottom: 15px !important; } .mb--20 { margin-bottom: 20px !important; } .mb--25 { margin-bottom: 25px !important; } .mb--30 { margin-bottom: 30px !important; } .mb--35 { margin-bottom: 35px !important; } .mb--40 { margin-bottom: 40px !important; } .mb--45 { margin-bottom: 45px !important; } .mb--50 { margin-bottom: 50px !important; } .mb--55 { margin-bottom: 55px !important; } .mb--60 { margin-bottom: 60px !important; } .mb--65 { margin-bottom: 65px !important; } .mb--70 { margin-bottom: 70px !important; } .mb--75 { margin-bottom: 75px !important; } .mb--80 { margin-bottom: 80px !important; } .mb--85 { margin-bottom: 85px !important; } .mb--90 { margin-bottom: 90px !important; } .mb--95 { margin-bottom: 95px !important; } .mb--100 { margin-bottom: 100px !important; } .mb--105 { margin-bottom: 105px !important; } .mb--110 { margin-bottom: 110px !important; } .mb--115 { margin-bottom: 115px !important; } .mb--120 { margin-bottom: 120px !important; } .mb--125 { margin-bottom: 125px !important; } .mb--130 { margin-bottom: 130px !important; } .mb--135 { margin-bottom: 135px !important; } .mb--140 { margin-bottom: 140px !important; } .mb--145 { margin-bottom: 145px !important; } .mb--150 { margin-bottom: 150px !important; } .mb--155 { margin-bottom: 155px !important; } .mb--160 { margin-bottom: 160px !important; } .mb--165 { margin-bottom: 165px !important; } .mb--170 { margin-bottom: 170px !important; } .mb--175 { margin-bottom: 175px !important; } .mb--180 { margin-bottom: 180px !important; } .mb--185 { margin-bottom: 185px !important; } .mb--190 { margin-bottom: 190px !important; } .mb--195 { margin-bottom: 195px !important; } .mb--200 { margin-bottom: 200px !important; } /*-- Margin Left --*/ .ml--5 { margin-left: 5px !important; } .ml--10 { margin-left: 10px !important; } .ml--15 { margin-left: 15px !important; } .ml--20 { margin-left: 20px !important; } .ml--25 { margin-left: 25px !important; } .ml--30 { margin-left: 30px !important; } .ml--35 { margin-left: 35px !important; } .ml--40 { margin-left: 40px !important; } .ml--45 { margin-left: 45px !important; } .ml--50 { margin-left: 50px !important; } .ml--55 { margin-left: 55px !important; } .ml--60 { margin-left: 60px !important; } .ml--65 { margin-left: 65px !important; } .ml--70 { margin-left: 70px !important; } .ml--75 { margin-left: 75px !important; } .ml--80 { margin-left: 80px !important; } .ml--85 { margin-left: 85px !important; } .ml--90 { margin-left: 90px !important; } .ml--95 { margin-left: 95px !important; } .ml--100 { margin-left: 100px !important; } .ml--105 { margin-left: 105px !important; } .ml--110 { margin-left: 110px !important; } .ml--115 { margin-left: 115px !important; } .ml--120 { margin-left: 120px !important; } .ml--125 { margin-left: 125px !important; } .ml--130 { margin-left: 130px !important; } .ml--135 { margin-left: 135px !important; } .ml--140 { margin-left: 140px !important; } .ml--145 { margin-left: 145px !important; } .ml--150 { margin-left: 150px !important; } .ml--155 { margin-left: 155px !important; } .ml--160 { margin-left: 160px !important; } .ml--165 { margin-left: 165px !important; } .ml--170 { margin-left: 170px !important; } .ml--175 { margin-left: 175px !important; } .ml--180 { margin-left: 180px !important; } .ml--185 { margin-left: 185px !important; } .ml--190 { margin-left: 190px !important; } .ml--195 { margin-left: 195px !important; } .ml--200 { margin-left: 200px !important; } /*-- Margin Right --*/ .mr--5 { margin-right: 5px !important; } .mr--10 { margin-right: 10px !important; } .mr--15 { margin-right: 15px !important; } .mr--20 { margin-right: 20px !important; } .mr--25 { margin-right: 25px !important; } .mr--30 { margin-right: 30px !important; } .mr--35 { margin-right: 35px !important; } .mr--40 { margin-right: 40px !important; } .mr--45 { margin-right: 45px !important; } .mr--50 { margin-right: 50px !important; } .mr--55 { margin-right: 55px !important; } .mr--60 { margin-right: 60px !important; } .mr--65 { margin-right: 65px !important; } .mr--70 { margin-right: 70px !important; } .mr--75 { margin-right: 75px !important; } .mr--80 { margin-right: 80px !important; } .mr--85 { margin-right: 85px !important; } .mr--90 { margin-right: 90px !important; } .mr--95 { margin-right: 95px !important; } .mr--100 { margin-right: 100px !important; } .mr--105 { margin-right: 105px !important; } .mr--110 { margin-right: 110px !important; } .mr--115 { margin-right: 115px !important; } .mr--120 { margin-right: 120px !important; } .mr--125 { margin-right: 125px !important; } .mr--130 { margin-right: 130px !important; } .mr--135 { margin-right: 135px !important; } .mr--140 { margin-right: 140px !important; } .mr--145 { margin-right: 145px !important; } .mr--150 { margin-right: 150px !important; } .mr--155 { margin-right: 155px !important; } .mr--160 { margin-right: 160px !important; } .mr--165 { margin-right: 165px !important; } .mr--170 { margin-right: 170px !important; } .mr--175 { margin-right: 175px !important; } .mr--180 { margin-right: 180px !important; } .mr--185 { margin-right: 185px !important; } .mr--190 { margin-right: 190px !important; } .mr--195 { margin-right: 195px !important; } .mr--200 { margin-right: 200px !important; } /*-- Margin Vertical --*/ .mx--0 { margin-left: 0px !important; margin-right: 0px !important; } .mx--5 { margin-left: 5px !important; margin-right: 5px !important; } .mx--10 { margin-left: 10px !important; margin-right: 10px !important; } .mx--15 { margin-left: 15px !important; margin-right: 15px !important; } .mx--20 { margin-left: 20px !important; margin-right: 20px !important; } .mx--25 { margin-left: 25px !important; margin-right: 25px !important; } .mx--30 { margin-left: 30px !important; margin-right: 30px !important; } .mx--35 { margin-left: 35px !important; margin-right: 35px !important; } .mx--40 { margin-left: 40px !important; margin-right: 40px !important; } .mx--45 { margin-left: 45px !important; margin-right: 45px !important; } .mx--50 { margin-left: 50px !important; margin-right: 50px !important; } .mx--55 { margin-left: 55px !important; margin-right: 55px !important; } .mx--60 { margin-left: 60px !important; margin-right: 60px !important; } .mx--65 { margin-left: 65px !important; margin-right: 65px !important; } .mx--70 { margin-left: 70px !important; margin-right: 70px !important; } .mx--75 { margin-left: 75px !important; margin-right: 75px !important; } .mx--80 { margin-left: 80px !important; margin-right: 80px !important; } .mx--85 { margin-left: 85px !important; margin-right: 85px !important; } .mx--90 { margin-left: 90px !important; margin-right: 90px !important; } .mx--95 { margin-left: 95px !important; margin-right: 95px !important; } .mx--100 { margin-left: 100px !important; margin-right: 100px !important; } .mx--105 { margin-left: 105px !important; margin-right: 105px !important; } .mx--110 { margin-left: 110px !important; margin-right: 110px !important; } .mx--115 { margin-left: 115px !important; margin-right: 115px !important; } .mx--120 { margin-left: 120px !important; margin-right: 120px !important; } .mx--125 { margin-left: 125px !important; margin-right: 125px !important; } .mx--130 { margin-left: 130px !important; margin-right: 130px !important; } .mx--135 { margin-left: 135px !important; margin-right: 135px !important; } .mx--140 { margin-left: 140px !important; margin-right: 140px !important; } .mx--145 { margin-left: 145px !important; margin-right: 145px !important; } .mx--150 { margin-left: 150px !important; margin-right: 150px !important; } .mx--155 { margin-left: 155px !important; margin-right: 155px !important; } .mx--160 { margin-left: 160px !important; margin-right: 160px !important; } .mx--165 { margin-left: 165px !important; margin-right: 165px !important; } .mx--170 { margin-left: 170px !important; margin-right: 170px !important; } .mx--175 { margin-left: 175px !important; margin-right: 175px !important; } .mx--180 { margin-left: 180px !important; margin-right: 180px !important; } .mx--185 { margin-left: 185px !important; margin-right: 185px !important; } .mx--190 { margin-left: 190px !important; margin-right: 190px !important; } .mx--195 { margin-left: 195px !important; margin-right: 195px !important; } .mx--200 { margin-left: 200px !important; margin-right: 200px !important; } /*-- Margin Horizontal --*/ .my--0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my--5 { margin-top: 5px !important; margin-bottom: 5px !important; } .my--10 { margin-top: 10px !important; margin-bottom: 10px !important; } .my--15 { margin-top: 15px !important; margin-bottom: 15px !important; } .my--20 { margin-top: 20px !important; margin-bottom: 20px !important; } .my--25 { margin-top: 25px !important; margin-bottom: 25px !important; } .my--30 { margin-top: 30px !important; margin-bottom: 30px !important; } .my--35 { margin-top: 35px !important; margin-bottom: 35px !important; } .my--40 { margin-top: 40px !important; margin-bottom: 40px !important; } .my--45 { margin-top: 45px !important; margin-bottom: 45px !important; } .my--50 { margin-top: 50px !important; margin-bottom: 50px !important; } .my--55 { margin-top: 55px !important; margin-bottom: 55px !important; } .my--60 { margin-top: 60px !important; margin-bottom: 60px !important; } .my--65 { margin-top: 65px !important; margin-bottom: 65px !important; } .my--70 { margin-top: 70px !important; margin-bottom: 70px !important; } .my--75 { margin-top: 75px !important; margin-bottom: 75px !important; } .my--80 { margin-top: 80px !important; margin-bottom: 80px !important; } .my--85 { margin-top: 85px !important; margin-bottom: 85px !important; } .my--90 { margin-top: 90px !important; margin-bottom: 90px !important; } .my--95 { margin-top: 95px !important; margin-bottom: 95px !important; } .my--100 { margin-top: 100px !important; margin-bottom: 100px !important; } .my--105 { margin-top: 105px !important; margin-bottom: 105px !important; } .my--110 { margin-top: 110px !important; margin-bottom: 110px !important; } .my--115 { margin-top: 115px !important; margin-bottom: 115px !important; } .my--120 { margin-top: 120px !important; margin-bottom: 120px !important; } .my--125 { margin-top: 125px !important; margin-bottom: 125px !important; } .my--130 { margin-top: 130px !important; margin-bottom: 130px !important; } .my--135 { margin-top: 135px !important; margin-bottom: 135px !important; } .my--140 { margin-top: 140px !important; margin-bottom: 140px !important; } .my--145 { margin-top: 145px !important; margin-bottom: 145px !important; } .my--150 { margin-top: 150px !important; margin-bottom: 150px !important; } .my--155 { margin-top: 155px !important; margin-bottom: 155px !important; } .my--160 { margin-top: 160px !important; margin-bottom: 160px !important; } .my--165 { margin-top: 165px !important; margin-bottom: 165px !important; } .my--170 { margin-top: 170px !important; margin-bottom: 170px !important; } .my--175 { margin-top: 175px !important; margin-bottom: 175px !important; } .my--180 { margin-top: 180px !important; margin-bottom: 180px !important; } .my--185 { margin-top: 185px !important; margin-bottom: 185px !important; } .my--190 { margin-top: 190px !important; margin-bottom: 190px !important; } .my--195 { margin-top: 195px !important; margin-bottom: 195px !important; } .my--200 { margin-top: 200px !important; margin-bottom: 200px !important; } /*=====================================*/ /*-- :::: Responsive Padding :::: --*/ /*=====================================*/ /*-- Responsive Padding top --*/ @media (min-width: 576px) { .pt-sm--0 { padding-top: 0px !important; } } @media (min-width: 768px) { .pt-sm--0 { padding-top: 0px; } } @media (min-width: 576px) { .pt-sm--5 { padding-top: 5px !important; } } @media (min-width: 768px) { .pt-sm--5 { padding-top: 5px; } } @media (min-width: 576px) { .pt-sm--10 { padding-top: 10px !important; } } @media (min-width: 768px) { .pt-sm--10 { padding-top: 10px; } } @media (min-width: 576px) { .pt-sm--15 { padding-top: 15px !important; } } @media (min-width: 768px) { .pt-sm--15 { padding-top: 15px; } } @media (min-width: 576px) { .pt-sm--20 { padding-top: 20px !important; } } @media (min-width: 768px) { .pt-sm--20 { padding-top: 20px; } } @media (min-width: 576px) { .pt-sm--25 { padding-top: 25px !important; } } @media (min-width: 768px) { .pt-sm--25 { padding-top: 25px; } } @media (min-width: 576px) { .pt-sm--30 { padding-top: 30px !important; } } @media (min-width: 768px) { .pt-sm--30 { padding-top: 30px; } } @media (min-width: 576px) { .pt-sm--35 { padding-top: 35px !important; } } @media (min-width: 768px) { .pt-sm--35 { padding-top: 35px; } } @media (min-width: 576px) { .pt-sm--40 { padding-top: 40px !important; } } @media (min-width: 768px) { .pt-sm--40 { padding-top: 40px; } } @media (min-width: 576px) { .pt-sm--45 { padding-top: 45px !important; } } @media (min-width: 768px) { .pt-sm--45 { padding-top: 45px; } } @media (min-width: 576px) { .pt-sm--50 { padding-top: 50px !important; } } @media (min-width: 768px) { .pt-sm--50 { padding-top: 50px; } } @media (min-width: 576px) { .pt-sm--55 { padding-top: 55px !important; } } @media (min-width: 768px) { .pt-sm--55 { padding-top: 55px; } } @media (min-width: 576px) { .pt-sm--60 { padding-top: 60px !important; } } @media (min-width: 768px) { .pt-sm--60 { padding-top: 60px; } } @media (min-width: 576px) { .pt-sm--65 { padding-top: 65px !important; } } @media (min-width: 768px) { .pt-sm--65 { padding-top: 65px; } } @media (min-width: 576px) { .pt-sm--70 { padding-top: 70px !important; } } @media (min-width: 768px) { .pt-sm--70 { padding-top: 70px; } } @media (min-width: 576px) { .pt-sm--75 { padding-top: 75px !important; } } @media (min-width: 768px) { .pt-sm--75 { padding-top: 75px; } } @media (min-width: 576px) { .pt-sm--80 { padding-top: 80px !important; } } @media (min-width: 768px) { .pt-sm--80 { padding-top: 80px; } } @media (min-width: 576px) { .pt-sm--85 { padding-top: 85px !important; } } @media (min-width: 768px) { .pt-sm--85 { padding-top: 85px; } } @media (min-width: 576px) { .pt-sm--90 { padding-top: 90px !important; } } @media (min-width: 768px) { .pt-sm--90 { padding-top: 90px; } } @media (min-width: 576px) { .pt-sm--95 { padding-top: 95px !important; } } @media (min-width: 768px) { .pt-sm--95 { padding-top: 95px; } } @media (min-width: 576px) { .pt-sm--100 { padding-top: 100px !important; } } @media (min-width: 768px) { .pt-sm--100 { padding-top: 100px; } } @media (min-width: 576px) { .pt-sm--105 { padding-top: 105px !important; } } @media (min-width: 768px) { .pt-sm--105 { padding-top: 105px; } } @media (min-width: 576px) { .pt-sm--110 { padding-top: 110px !important; } } @media (min-width: 768px) { .pt-sm--110 { padding-top: 110px; } } @media (min-width: 576px) { .pt-sm--115 { padding-top: 115px !important; } } @media (min-width: 768px) { .pt-sm--115 { padding-top: 115px; } } @media (min-width: 576px) { .pt-sm--120 { padding-top: 120px !important; } } @media (min-width: 768px) { .pt-sm--120 { padding-top: 120px; } } @media (min-width: 576px) { .pt-sm--125 { padding-top: 125px !important; } } @media (min-width: 768px) { .pt-sm--125 { padding-top: 125px; } } @media (min-width: 576px) { .pt-sm--130 { padding-top: 130px !important; } } @media (min-width: 768px) { .pt-sm--130 { padding-top: 130px; } } @media (min-width: 576px) { .pt-sm--135 { padding-top: 135px !important; } } @media (min-width: 768px) { .pt-sm--135 { padding-top: 135px; } } @media (min-width: 576px) { .pt-sm--140 { padding-top: 140px !important; } } @media (min-width: 768px) { .pt-sm--140 { padding-top: 140px; } } @media (min-width: 576px) { .pt-sm--145 { padding-top: 145px !important; } } @media (min-width: 768px) { .pt-sm--145 { padding-top: 145px; } } @media (min-width: 576px) { .pt-sm--150 { padding-top: 150px !important; } } @media (min-width: 768px) { .pt-sm--150 { padding-top: 150px; } } @media (min-width: 576px) { .pt-sm--155 { padding-top: 155px !important; } } @media (min-width: 768px) { .pt-sm--155 { padding-top: 155px; } } @media (min-width: 576px) { .pt-sm--160 { padding-top: 160px !important; } } @media (min-width: 768px) { .pt-sm--160 { padding-top: 160px; } } @media (min-width: 576px) { .pt-sm--165 { padding-top: 165px !important; } } @media (min-width: 768px) { .pt-sm--165 { padding-top: 165px; } } @media (min-width: 576px) { .pt-sm--170 { padding-top: 170px !important; } } @media (min-width: 768px) { .pt-sm--170 { padding-top: 170px; } } @media (min-width: 576px) { .pt-sm--175 { padding-top: 175px !important; } } @media (min-width: 768px) { .pt-sm--175 { padding-top: 175px; } } @media (min-width: 576px) { .pt-sm--180 { padding-top: 180px !important; } } @media (min-width: 768px) { .pt-sm--180 { padding-top: 180px; } } @media (min-width: 576px) { .pt-sm--185 { padding-top: 185px !important; } } @media (min-width: 768px) { .pt-sm--185 { padding-top: 185px; } } @media (min-width: 576px) { .pt-sm--190 { padding-top: 190px !important; } } @media (min-width: 768px) { .pt-sm--190 { padding-top: 190px; } } @media (min-width: 576px) { .pt-sm--195 { padding-top: 195px !important; } } @media (min-width: 768px) { .pt-sm--195 { padding-top: 195px; } } @media (min-width: 576px) { .pt-sm--200 { padding-top: 200px !important; } } @media (min-width: 768px) { .pt-sm--200 { padding-top: 200px; } } @media (min-width: 768px) { .pt-md--0 { padding-top: 0px !important; } } @media (min-width: 992px) { .pt-md--0 { padding-top: 0px; } } @media (min-width: 768px) { .pt-md--5 { padding-top: 5px !important; } } @media (min-width: 992px) { .pt-md--5 { padding-top: 5px; } } @media (min-width: 768px) { .pt-md--10 { padding-top: 10px !important; } } @media (min-width: 992px) { .pt-md--10 { padding-top: 10px; } } @media (min-width: 768px) { .pt-md--15 { padding-top: 15px !important; } } @media (min-width: 992px) { .pt-md--15 { padding-top: 15px; } } @media (min-width: 768px) { .pt-md--20 { padding-top: 20px !important; } } @media (min-width: 992px) { .pt-md--20 { padding-top: 20px; } } @media (min-width: 768px) { .pt-md--25 { padding-top: 25px !important; } } @media (min-width: 992px) { .pt-md--25 { padding-top: 25px; } } @media (min-width: 768px) { .pt-md--30 { padding-top: 30px !important; } } @media (min-width: 992px) { .pt-md--30 { padding-top: 30px; } } @media (min-width: 768px) { .pt-md--35 { padding-top: 35px !important; } } @media (min-width: 992px) { .pt-md--35 { padding-top: 35px; } } @media (min-width: 768px) { .pt-md--40 { padding-top: 40px !important; } } @media (min-width: 992px) { .pt-md--40 { padding-top: 40px; } } @media (min-width: 768px) { .pt-md--45 { padding-top: 45px !important; } } @media (min-width: 992px) { .pt-md--45 { padding-top: 45px; } } @media (min-width: 768px) { .pt-md--50 { padding-top: 50px !important; } } @media (min-width: 992px) { .pt-md--50 { padding-top: 50px; } } @media (min-width: 768px) { .pt-md--55 { padding-top: 55px !important; } } @media (min-width: 992px) { .pt-md--55 { padding-top: 55px; } } @media (min-width: 768px) { .pt-md--60 { padding-top: 60px !important; } } @media (min-width: 992px) { .pt-md--60 { padding-top: 60px; } } @media (min-width: 768px) { .pt-md--65 { padding-top: 65px !important; } } @media (min-width: 992px) { .pt-md--65 { padding-top: 65px; } } @media (min-width: 768px) { .pt-md--70 { padding-top: 70px !important; } } @media (min-width: 992px) { .pt-md--70 { padding-top: 70px; } } @media (min-width: 768px) { .pt-md--75 { padding-top: 75px !important; } } @media (min-width: 992px) { .pt-md--75 { padding-top: 75px; } } @media (min-width: 768px) { .pt-md--80 { padding-top: 80px !important; } } @media (min-width: 992px) { .pt-md--80 { padding-top: 80px; } } @media (min-width: 768px) { .pt-md--85 { padding-top: 85px !important; } } @media (min-width: 992px) { .pt-md--85 { padding-top: 85px; } } @media (min-width: 768px) { .pt-md--90 { padding-top: 90px !important; } } @media (min-width: 992px) { .pt-md--90 { padding-top: 90px; } } @media (min-width: 768px) { .pt-md--95 { padding-top: 95px !important; } } @media (min-width: 992px) { .pt-md--95 { padding-top: 95px; } } @media (min-width: 768px) { .pt-md--100 { padding-top: 100px !important; } } @media (min-width: 992px) { .pt-md--100 { padding-top: 100px; } } @media (min-width: 768px) { .pt-md--105 { padding-top: 105px !important; } } @media (min-width: 992px) { .pt-md--105 { padding-top: 105px; } } @media (min-width: 768px) { .pt-md--110 { padding-top: 110px !important; } } @media (min-width: 992px) { .pt-md--110 { padding-top: 110px; } } @media (min-width: 768px) { .pt-md--115 { padding-top: 115px !important; } } @media (min-width: 992px) { .pt-md--115 { padding-top: 115px; } } @media (min-width: 768px) { .pt-md--120 { padding-top: 120px !important; } } @media (min-width: 992px) { .pt-md--120 { padding-top: 120px; } } @media (min-width: 768px) { .pt-md--125 { padding-top: 125px !important; } } @media (min-width: 992px) { .pt-md--125 { padding-top: 125px; } } @media (min-width: 768px) { .pt-md--130 { padding-top: 130px !important; } } @media (min-width: 992px) { .pt-md--130 { padding-top: 130px; } } @media (min-width: 768px) { .pt-md--135 { padding-top: 135px !important; } } @media (min-width: 992px) { .pt-md--135 { padding-top: 135px; } } @media (min-width: 768px) { .pt-md--140 { padding-top: 140px !important; } } @media (min-width: 992px) { .pt-md--140 { padding-top: 140px; } } @media (min-width: 768px) { .pt-md--145 { padding-top: 145px !important; } } @media (min-width: 992px) { .pt-md--145 { padding-top: 145px; } } @media (min-width: 768px) { .pt-md--150 { padding-top: 150px !important; } } @media (min-width: 992px) { .pt-md--150 { padding-top: 150px; } } @media (min-width: 768px) { .pt-md--155 { padding-top: 155px !important; } } @media (min-width: 992px) { .pt-md--155 { padding-top: 155px; } } @media (min-width: 768px) { .pt-md--160 { padding-top: 160px !important; } } @media (min-width: 992px) { .pt-md--160 { padding-top: 160px; } } @media (min-width: 768px) { .pt-md--165 { padding-top: 165px !important; } } @media (min-width: 992px) { .pt-md--165 { padding-top: 165px; } } @media (min-width: 768px) { .pt-md--170 { padding-top: 170px !important; } } @media (min-width: 992px) { .pt-md--170 { padding-top: 170px; } } @media (min-width: 768px) { .pt-md--175 { padding-top: 175px !important; } } @media (min-width: 992px) { .pt-md--175 { padding-top: 175px; } } @media (min-width: 768px) { .pt-md--180 { padding-top: 180px !important; } } @media (min-width: 992px) { .pt-md--180 { padding-top: 180px; } } @media (min-width: 768px) { .pt-md--185 { padding-top: 185px !important; } } @media (min-width: 992px) { .pt-md--185 { padding-top: 185px; } } @media (min-width: 768px) { .pt-md--190 { padding-top: 190px !important; } } @media (min-width: 992px) { .pt-md--190 { padding-top: 190px; } } @media (min-width: 768px) { .pt-md--195 { padding-top: 195px !important; } } @media (min-width: 992px) { .pt-md--195 { padding-top: 195px; } } @media (min-width: 768px) { .pt-md--200 { padding-top: 200px !important; } } @media (min-width: 992px) { .pt-md--200 { padding-top: 200px; } } @media (min-width: 992px) { .pt-lg--0 { padding-top: 0px !important; } } @media (min-width: 1200px) { .pt-lg--0 { padding-top: 0px; } } @media (min-width: 992px) { .pt-lg--5 { padding-top: 5px !important; } } @media (min-width: 1200px) { .pt-lg--5 { padding-top: 5px; } } @media (min-width: 992px) { .pt-lg--10 { padding-top: 10px !important; } } @media (min-width: 1200px) { .pt-lg--10 { padding-top: 10px; } } @media (min-width: 992px) { .pt-lg--15 { padding-top: 15px !important; } } @media (min-width: 1200px) { .pt-lg--15 { padding-top: 15px; } } @media (min-width: 992px) { .pt-lg--20 { padding-top: 20px !important; } } @media (min-width: 1200px) { .pt-lg--20 { padding-top: 20px; } } @media (min-width: 992px) { .pt-lg--25 { padding-top: 25px !important; } } @media (min-width: 1200px) { .pt-lg--25 { padding-top: 25px; } } @media (min-width: 992px) { .pt-lg--30 { padding-top: 30px !important; } } @media (min-width: 1200px) { .pt-lg--30 { padding-top: 30px; } } @media (min-width: 992px) { .pt-lg--35 { padding-top: 35px !important; } } @media (min-width: 1200px) { .pt-lg--35 { padding-top: 35px; } } @media (min-width: 992px) { .pt-lg--40 { padding-top: 40px !important; } } @media (min-width: 1200px) { .pt-lg--40 { padding-top: 40px; } } @media (min-width: 992px) { .pt-lg--45 { padding-top: 45px !important; } } @media (min-width: 1200px) { .pt-lg--45 { padding-top: 45px; } } @media (min-width: 992px) { .pt-lg--50 { padding-top: 50px !important; } } @media (min-width: 1200px) { .pt-lg--50 { padding-top: 50px; } } @media (min-width: 992px) { .pt-lg--55 { padding-top: 55px !important; } } @media (min-width: 1200px) { .pt-lg--55 { padding-top: 55px; } } @media (min-width: 992px) { .pt-lg--60 { padding-top: 60px !important; } } @media (min-width: 1200px) { .pt-lg--60 { padding-top: 60px; } } @media (min-width: 992px) { .pt-lg--65 { padding-top: 65px !important; } } @media (min-width: 1200px) { .pt-lg--65 { padding-top: 65px; } } @media (min-width: 992px) { .pt-lg--70 { padding-top: 70px !important; } } @media (min-width: 1200px) { .pt-lg--70 { padding-top: 70px; } } @media (min-width: 992px) { .pt-lg--75 { padding-top: 75px !important; } } @media (min-width: 1200px) { .pt-lg--75 { padding-top: 75px; } } @media (min-width: 992px) { .pt-lg--80 { padding-top: 80px !important; } } @media (min-width: 1200px) { .pt-lg--80 { padding-top: 80px; } } @media (min-width: 992px) { .pt-lg--85 { padding-top: 85px !important; } } @media (min-width: 1200px) { .pt-lg--85 { padding-top: 85px; } } @media (min-width: 992px) { .pt-lg--90 { padding-top: 90px !important; } } @media (min-width: 1200px) { .pt-lg--90 { padding-top: 90px; } } @media (min-width: 992px) { .pt-lg--95 { padding-top: 95px !important; } } @media (min-width: 1200px) { .pt-lg--95 { padding-top: 95px; } } @media (min-width: 992px) { .pt-lg--100 { padding-top: 100px !important; } } @media (min-width: 1200px) { .pt-lg--100 { padding-top: 100px; } } @media (min-width: 992px) { .pt-lg--105 { padding-top: 105px !important; } } @media (min-width: 1200px) { .pt-lg--105 { padding-top: 105px; } } @media (min-width: 992px) { .pt-lg--110 { padding-top: 110px !important; } } @media (min-width: 1200px) { .pt-lg--110 { padding-top: 110px; } } @media (min-width: 992px) { .pt-lg--115 { padding-top: 115px !important; } } @media (min-width: 1200px) { .pt-lg--115 { padding-top: 115px; } } @media (min-width: 992px) { .pt-lg--120 { padding-top: 120px !important; } } @media (min-width: 1200px) { .pt-lg--120 { padding-top: 120px; } } @media (min-width: 992px) { .pt-lg--125 { padding-top: 125px !important; } } @media (min-width: 1200px) { .pt-lg--125 { padding-top: 125px; } } @media (min-width: 992px) { .pt-lg--130 { padding-top: 130px !important; } } @media (min-width: 1200px) { .pt-lg--130 { padding-top: 130px; } } @media (min-width: 992px) { .pt-lg--135 { padding-top: 135px !important; } } @media (min-width: 1200px) { .pt-lg--135 { padding-top: 135px; } } @media (min-width: 992px) { .pt-lg--140 { padding-top: 140px !important; } } @media (min-width: 1200px) { .pt-lg--140 { padding-top: 140px; } } @media (min-width: 992px) { .pt-lg--145 { padding-top: 145px !important; } } @media (min-width: 1200px) { .pt-lg--145 { padding-top: 145px; } } @media (min-width: 992px) { .pt-lg--150 { padding-top: 150px !important; } } @media (min-width: 1200px) { .pt-lg--150 { padding-top: 150px; } } @media (min-width: 992px) { .pt-lg--155 { padding-top: 155px !important; } } @media (min-width: 1200px) { .pt-lg--155 { padding-top: 155px; } } @media (min-width: 992px) { .pt-lg--160 { padding-top: 160px !important; } } @media (min-width: 1200px) { .pt-lg--160 { padding-top: 160px; } } @media (min-width: 992px) { .pt-lg--165 { padding-top: 165px !important; } } @media (min-width: 1200px) { .pt-lg--165 { padding-top: 165px; } } @media (min-width: 992px) { .pt-lg--170 { padding-top: 170px !important; } } @media (min-width: 1200px) { .pt-lg--170 { padding-top: 170px; } } @media (min-width: 992px) { .pt-lg--175 { padding-top: 175px !important; } } @media (min-width: 1200px) { .pt-lg--175 { padding-top: 175px; } } @media (min-width: 992px) { .pt-lg--180 { padding-top: 180px !important; } } @media (min-width: 1200px) { .pt-lg--180 { padding-top: 180px; } } @media (min-width: 992px) { .pt-lg--185 { padding-top: 185px !important; } } @media (min-width: 1200px) { .pt-lg--185 { padding-top: 185px; } } @media (min-width: 992px) { .pt-lg--190 { padding-top: 190px !important; } } @media (min-width: 1200px) { .pt-lg--190 { padding-top: 190px; } } @media (min-width: 992px) { .pt-lg--195 { padding-top: 195px !important; } } @media (min-width: 1200px) { .pt-lg--195 { padding-top: 195px; } } @media (min-width: 992px) { .pt-lg--200 { padding-top: 200px !important; } } @media (min-width: 1200px) { .pt-lg--200 { padding-top: 200px; } } @media (min-width: 1200px) { .pt-xl--0 { padding-top: 0px !important; } } @media (min-width: 1600px) { .pt-xl--0 { padding-top: 0px; } } @media (min-width: 1200px) { .pt-xl--5 { padding-top: 5px !important; } } @media (min-width: 1600px) { .pt-xl--5 { padding-top: 5px; } } @media (min-width: 1200px) { .pt-xl--10 { padding-top: 10px !important; } } @media (min-width: 1600px) { .pt-xl--10 { padding-top: 10px; } } @media (min-width: 1200px) { .pt-xl--15 { padding-top: 15px !important; } } @media (min-width: 1600px) { .pt-xl--15 { padding-top: 15px; } } @media (min-width: 1200px) { .pt-xl--20 { padding-top: 20px !important; } } @media (min-width: 1600px) { .pt-xl--20 { padding-top: 20px; } } @media (min-width: 1200px) { .pt-xl--25 { padding-top: 25px !important; } } @media (min-width: 1600px) { .pt-xl--25 { padding-top: 25px; } } @media (min-width: 1200px) { .pt-xl--30 { padding-top: 30px !important; } } @media (min-width: 1600px) { .pt-xl--30 { padding-top: 30px; } } @media (min-width: 1200px) { .pt-xl--35 { padding-top: 35px !important; } } @media (min-width: 1600px) { .pt-xl--35 { padding-top: 35px; } } @media (min-width: 1200px) { .pt-xl--40 { padding-top: 40px !important; } } @media (min-width: 1600px) { .pt-xl--40 { padding-top: 40px; } } @media (min-width: 1200px) { .pt-xl--45 { padding-top: 45px !important; } } @media (min-width: 1600px) { .pt-xl--45 { padding-top: 45px; } } @media (min-width: 1200px) { .pt-xl--50 { padding-top: 50px !important; } } @media (min-width: 1600px) { .pt-xl--50 { padding-top: 50px; } } @media (min-width: 1200px) { .pt-xl--55 { padding-top: 55px !important; } } @media (min-width: 1600px) { .pt-xl--55 { padding-top: 55px; } } @media (min-width: 1200px) { .pt-xl--60 { padding-top: 60px !important; } } @media (min-width: 1600px) { .pt-xl--60 { padding-top: 60px; } } @media (min-width: 1200px) { .pt-xl--65 { padding-top: 65px !important; } } @media (min-width: 1600px) { .pt-xl--65 { padding-top: 65px; } } @media (min-width: 1200px) { .pt-xl--70 { padding-top: 70px !important; } } @media (min-width: 1600px) { .pt-xl--70 { padding-top: 70px; } } @media (min-width: 1200px) { .pt-xl--75 { padding-top: 75px !important; } } @media (min-width: 1600px) { .pt-xl--75 { padding-top: 75px; } } @media (min-width: 1200px) { .pt-xl--80 { padding-top: 80px !important; } } @media (min-width: 1600px) { .pt-xl--80 { padding-top: 80px; } } @media (min-width: 1200px) { .pt-xl--85 { padding-top: 85px !important; } } @media (min-width: 1600px) { .pt-xl--85 { padding-top: 85px; } } @media (min-width: 1200px) { .pt-xl--90 { padding-top: 90px !important; } } @media (min-width: 1600px) { .pt-xl--90 { padding-top: 90px; } } @media (min-width: 1200px) { .pt-xl--95 { padding-top: 95px !important; } } @media (min-width: 1600px) { .pt-xl--95 { padding-top: 95px; } } @media (min-width: 1200px) { .pt-xl--100 { padding-top: 100px !important; } } @media (min-width: 1600px) { .pt-xl--100 { padding-top: 100px; } } @media (min-width: 1200px) { .pt-xl--105 { padding-top: 105px !important; } } @media (min-width: 1600px) { .pt-xl--105 { padding-top: 105px; } } @media (min-width: 1200px) { .pt-xl--110 { padding-top: 110px !important; } } @media (min-width: 1600px) { .pt-xl--110 { padding-top: 110px; } } @media (min-width: 1200px) { .pt-xl--115 { padding-top: 115px !important; } } @media (min-width: 1600px) { .pt-xl--115 { padding-top: 115px; } } @media (min-width: 1200px) { .pt-xl--120 { padding-top: 120px !important; } } @media (min-width: 1600px) { .pt-xl--120 { padding-top: 120px; } } @media (min-width: 1200px) { .pt-xl--125 { padding-top: 125px !important; } } @media (min-width: 1600px) { .pt-xl--125 { padding-top: 125px; } } @media (min-width: 1200px) { .pt-xl--130 { padding-top: 130px !important; } } @media (min-width: 1600px) { .pt-xl--130 { padding-top: 130px; } } @media (min-width: 1200px) { .pt-xl--135 { padding-top: 135px !important; } } @media (min-width: 1600px) { .pt-xl--135 { padding-top: 135px; } } @media (min-width: 1200px) { .pt-xl--140 { padding-top: 140px !important; } } @media (min-width: 1600px) { .pt-xl--140 { padding-top: 140px; } } @media (min-width: 1200px) { .pt-xl--145 { padding-top: 145px !important; } } @media (min-width: 1600px) { .pt-xl--145 { padding-top: 145px; } } @media (min-width: 1200px) { .pt-xl--150 { padding-top: 150px !important; } } @media (min-width: 1600px) { .pt-xl--150 { padding-top: 150px; } } @media (min-width: 1200px) { .pt-xl--155 { padding-top: 155px !important; } } @media (min-width: 1600px) { .pt-xl--155 { padding-top: 155px; } } @media (min-width: 1200px) { .pt-xl--160 { padding-top: 160px !important; } } @media (min-width: 1600px) { .pt-xl--160 { padding-top: 160px; } } @media (min-width: 1200px) { .pt-xl--165 { padding-top: 165px !important; } } @media (min-width: 1600px) { .pt-xl--165 { padding-top: 165px; } } @media (min-width: 1200px) { .pt-xl--170 { padding-top: 170px !important; } } @media (min-width: 1600px) { .pt-xl--170 { padding-top: 170px; } } @media (min-width: 1200px) { .pt-xl--175 { padding-top: 175px !important; } } @media (min-width: 1600px) { .pt-xl--175 { padding-top: 175px; } } @media (min-width: 1200px) { .pt-xl--180 { padding-top: 180px !important; } } @media (min-width: 1600px) { .pt-xl--180 { padding-top: 180px; } } @media (min-width: 1200px) { .pt-xl--185 { padding-top: 185px !important; } } @media (min-width: 1600px) { .pt-xl--185 { padding-top: 185px; } } @media (min-width: 1200px) { .pt-xl--190 { padding-top: 190px !important; } } @media (min-width: 1600px) { .pt-xl--190 { padding-top: 190px; } } @media (min-width: 1200px) { .pt-xl--195 { padding-top: 195px !important; } } @media (min-width: 1600px) { .pt-xl--195 { padding-top: 195px; } } @media (min-width: 1200px) { .pt-xl--200 { padding-top: 200px !important; } } @media (min-width: 1600px) { .pt-xl--200 { padding-top: 200px; } } /*-- Responsive Padding bottom --*/ @media (min-width: 576px) { .pb-sm--0 { padding-bottom: 0px !important; } } @media (min-width: 768px) { .pb-sm--0 { padding-bottom: 0px; } } @media (min-width: 576px) { .pb-sm--5 { padding-bottom: 5px !important; } } @media (min-width: 768px) { .pb-sm--5 { padding-bottom: 5px; } } @media (min-width: 576px) { .pb-sm--10 { padding-bottom: 10px !important; } } @media (min-width: 768px) { .pb-sm--10 { padding-bottom: 10px; } } @media (min-width: 576px) { .pb-sm--15 { padding-bottom: 15px !important; } } @media (min-width: 768px) { .pb-sm--15 { padding-bottom: 15px; } } @media (min-width: 576px) { .pb-sm--20 { padding-bottom: 20px !important; } } @media (min-width: 768px) { .pb-sm--20 { padding-bottom: 20px; } } @media (min-width: 576px) { .pb-sm--25 { padding-bottom: 25px !important; } } @media (min-width: 768px) { .pb-sm--25 { padding-bottom: 25px; } } @media (min-width: 576px) { .pb-sm--30 { padding-bottom: 30px !important; } } @media (min-width: 768px) { .pb-sm--30 { padding-bottom: 30px; } } @media (min-width: 576px) { .pb-sm--35 { padding-bottom: 35px !important; } } @media (min-width: 768px) { .pb-sm--35 { padding-bottom: 35px; } } @media (min-width: 576px) { .pb-sm--40 { padding-bottom: 40px !important; } } @media (min-width: 768px) { .pb-sm--40 { padding-bottom: 40px; } } @media (min-width: 576px) { .pb-sm--45 { padding-bottom: 45px !important; } } @media (min-width: 768px) { .pb-sm--45 { padding-bottom: 45px; } } @media (min-width: 576px) { .pb-sm--50 { padding-bottom: 50px !important; } } @media (min-width: 768px) { .pb-sm--50 { padding-bottom: 50px; } } @media (min-width: 576px) { .pb-sm--55 { padding-bottom: 55px !important; } } @media (min-width: 768px) { .pb-sm--55 { padding-bottom: 55px; } } @media (min-width: 576px) { .pb-sm--60 { padding-bottom: 60px !important; } } @media (min-width: 768px) { .pb-sm--60 { padding-bottom: 60px; } } @media (min-width: 576px) { .pb-sm--65 { padding-bottom: 65px !important; } } @media (min-width: 768px) { .pb-sm--65 { padding-bottom: 65px; } } @media (min-width: 576px) { .pb-sm--70 { padding-bottom: 70px !important; } } @media (min-width: 768px) { .pb-sm--70 { padding-bottom: 70px; } } @media (min-width: 576px) { .pb-sm--75 { padding-bottom: 75px !important; } } @media (min-width: 768px) { .pb-sm--75 { padding-bottom: 75px; } } @media (min-width: 576px) { .pb-sm--80 { padding-bottom: 80px !important; } } @media (min-width: 768px) { .pb-sm--80 { padding-bottom: 80px; } } @media (min-width: 576px) { .pb-sm--85 { padding-bottom: 85px !important; } } @media (min-width: 768px) { .pb-sm--85 { padding-bottom: 85px; } } @media (min-width: 576px) { .pb-sm--90 { padding-bottom: 90px !important; } } @media (min-width: 768px) { .pb-sm--90 { padding-bottom: 90px; } } @media (min-width: 576px) { .pb-sm--95 { padding-bottom: 95px !important; } } @media (min-width: 768px) { .pb-sm--95 { padding-bottom: 95px; } } @media (min-width: 576px) { .pb-sm--100 { padding-bottom: 100px !important; } } @media (min-width: 768px) { .pb-sm--100 { padding-bottom: 100px; } } @media (min-width: 576px) { .pb-sm--105 { padding-bottom: 105px !important; } } @media (min-width: 768px) { .pb-sm--105 { padding-bottom: 105px; } } @media (min-width: 576px) { .pb-sm--110 { padding-bottom: 110px !important; } } @media (min-width: 768px) { .pb-sm--110 { padding-bottom: 110px; } } @media (min-width: 576px) { .pb-sm--115 { padding-bottom: 115px !important; } } @media (min-width: 768px) { .pb-sm--115 { padding-bottom: 115px; } } @media (min-width: 576px) { .pb-sm--120 { padding-bottom: 120px !important; } } @media (min-width: 768px) { .pb-sm--120 { padding-bottom: 120px; } } @media (min-width: 576px) { .pb-sm--125 { padding-bottom: 125px !important; } } @media (min-width: 768px) { .pb-sm--125 { padding-bottom: 125px; } } @media (min-width: 576px) { .pb-sm--130 { padding-bottom: 130px !important; } } @media (min-width: 768px) { .pb-sm--130 { padding-bottom: 130px; } } @media (min-width: 576px) { .pb-sm--135 { padding-bottom: 135px !important; } } @media (min-width: 768px) { .pb-sm--135 { padding-bottom: 135px; } } @media (min-width: 576px) { .pb-sm--140 { padding-bottom: 140px !important; } } @media (min-width: 768px) { .pb-sm--140 { padding-bottom: 140px; } } @media (min-width: 576px) { .pb-sm--145 { padding-bottom: 145px !important; } } @media (min-width: 768px) { .pb-sm--145 { padding-bottom: 145px; } } @media (min-width: 576px) { .pb-sm--150 { padding-bottom: 150px !important; } } @media (min-width: 768px) { .pb-sm--150 { padding-bottom: 150px; } } @media (min-width: 576px) { .pb-sm--155 { padding-bottom: 155px !important; } } @media (min-width: 768px) { .pb-sm--155 { padding-bottom: 155px; } } @media (min-width: 576px) { .pb-sm--160 { padding-bottom: 160px !important; } } @media (min-width: 768px) { .pb-sm--160 { padding-bottom: 160px; } } @media (min-width: 576px) { .pb-sm--165 { padding-bottom: 165px !important; } } @media (min-width: 768px) { .pb-sm--165 { padding-bottom: 165px; } } @media (min-width: 576px) { .pb-sm--170 { padding-bottom: 170px !important; } } @media (min-width: 768px) { .pb-sm--170 { padding-bottom: 170px; } } @media (min-width: 576px) { .pb-sm--175 { padding-bottom: 175px !important; } } @media (min-width: 768px) { .pb-sm--175 { padding-bottom: 175px; } } @media (min-width: 576px) { .pb-sm--180 { padding-bottom: 180px !important; } } @media (min-width: 768px) { .pb-sm--180 { padding-bottom: 180px; } } @media (min-width: 576px) { .pb-sm--185 { padding-bottom: 185px !important; } } @media (min-width: 768px) { .pb-sm--185 { padding-bottom: 185px; } } @media (min-width: 576px) { .pb-sm--190 { padding-bottom: 190px !important; } } @media (min-width: 768px) { .pb-sm--190 { padding-bottom: 190px; } } @media (min-width: 576px) { .pb-sm--195 { padding-bottom: 195px !important; } } @media (min-width: 768px) { .pb-sm--195 { padding-bottom: 195px; } } @media (min-width: 576px) { .pb-sm--200 { padding-bottom: 200px !important; } } @media (min-width: 768px) { .pb-sm--200 { padding-bottom: 200px; } } @media (min-width: 768px) { .pb-md--0 { padding-bottom: 0px !important; } } @media (min-width: 992px) { .pb-md--0 { padding-bottom: 0px; } } @media (min-width: 768px) { .pb-md--5 { padding-bottom: 5px !important; } } @media (min-width: 992px) { .pb-md--5 { padding-bottom: 5px; } } @media (min-width: 768px) { .pb-md--10 { padding-bottom: 10px !important; } } @media (min-width: 992px) { .pb-md--10 { padding-bottom: 10px; } } @media (min-width: 768px) { .pb-md--15 { padding-bottom: 15px !important; } } @media (min-width: 992px) { .pb-md--15 { padding-bottom: 15px; } } @media (min-width: 768px) { .pb-md--20 { padding-bottom: 20px !important; } } @media (min-width: 992px) { .pb-md--20 { padding-bottom: 20px; } } @media (min-width: 768px) { .pb-md--25 { padding-bottom: 25px !important; } } @media (min-width: 992px) { .pb-md--25 { padding-bottom: 25px; } } @media (min-width: 768px) { .pb-md--30 { padding-bottom: 30px !important; } } @media (min-width: 992px) { .pb-md--30 { padding-bottom: 30px; } } @media (min-width: 768px) { .pb-md--35 { padding-bottom: 35px !important; } } @media (min-width: 992px) { .pb-md--35 { padding-bottom: 35px; } } @media (min-width: 768px) { .pb-md--40 { padding-bottom: 40px !important; } } @media (min-width: 992px) { .pb-md--40 { padding-bottom: 40px; } } @media (min-width: 768px) { .pb-md--45 { padding-bottom: 45px !important; } } @media (min-width: 992px) { .pb-md--45 { padding-bottom: 45px; } } @media (min-width: 768px) { .pb-md--50 { padding-bottom: 50px !important; } } @media (min-width: 992px) { .pb-md--50 { padding-bottom: 50px; } } @media (min-width: 768px) { .pb-md--55 { padding-bottom: 55px !important; } } @media (min-width: 992px) { .pb-md--55 { padding-bottom: 55px; } } @media (min-width: 768px) { .pb-md--60 { padding-bottom: 60px !important; } } @media (min-width: 992px) { .pb-md--60 { padding-bottom: 60px; } } @media (min-width: 768px) { .pb-md--65 { padding-bottom: 65px !important; } } @media (min-width: 992px) { .pb-md--65 { padding-bottom: 65px; } } @media (min-width: 768px) { .pb-md--70 { padding-bottom: 70px !important; } } @media (min-width: 992px) { .pb-md--70 { padding-bottom: 70px; } } @media (min-width: 768px) { .pb-md--75 { padding-bottom: 75px !important; } } @media (min-width: 992px) { .pb-md--75 { padding-bottom: 75px; } } @media (min-width: 768px) { .pb-md--80 { padding-bottom: 80px !important; } } @media (min-width: 992px) { .pb-md--80 { padding-bottom: 80px; } } @media (min-width: 768px) { .pb-md--85 { padding-bottom: 85px !important; } } @media (min-width: 992px) { .pb-md--85 { padding-bottom: 85px; } } @media (min-width: 768px) { .pb-md--90 { padding-bottom: 90px !important; } } @media (min-width: 992px) { .pb-md--90 { padding-bottom: 90px; } } @media (min-width: 768px) { .pb-md--95 { padding-bottom: 95px !important; } } @media (min-width: 992px) { .pb-md--95 { padding-bottom: 95px; } } @media (min-width: 768px) { .pb-md--100 { padding-bottom: 100px !important; } } @media (min-width: 992px) { .pb-md--100 { padding-bottom: 100px; } } @media (min-width: 768px) { .pb-md--105 { padding-bottom: 105px !important; } } @media (min-width: 992px) { .pb-md--105 { padding-bottom: 105px; } } @media (min-width: 768px) { .pb-md--110 { padding-bottom: 110px !important; } } @media (min-width: 992px) { .pb-md--110 { padding-bottom: 110px; } } @media (min-width: 768px) { .pb-md--115 { padding-bottom: 115px !important; } } @media (min-width: 992px) { .pb-md--115 { padding-bottom: 115px; } } @media (min-width: 768px) { .pb-md--120 { padding-bottom: 120px !important; } } @media (min-width: 992px) { .pb-md--120 { padding-bottom: 120px; } } @media (min-width: 768px) { .pb-md--125 { padding-bottom: 125px !important; } } @media (min-width: 992px) { .pb-md--125 { padding-bottom: 125px; } } @media (min-width: 768px) { .pb-md--130 { padding-bottom: 130px !important; } } @media (min-width: 992px) { .pb-md--130 { padding-bottom: 130px; } } @media (min-width: 768px) { .pb-md--135 { padding-bottom: 135px !important; } } @media (min-width: 992px) { .pb-md--135 { padding-bottom: 135px; } } @media (min-width: 768px) { .pb-md--140 { padding-bottom: 140px !important; } } @media (min-width: 992px) { .pb-md--140 { padding-bottom: 140px; } } @media (min-width: 768px) { .pb-md--145 { padding-bottom: 145px !important; } } @media (min-width: 992px) { .pb-md--145 { padding-bottom: 145px; } } @media (min-width: 768px) { .pb-md--150 { padding-bottom: 150px !important; } } @media (min-width: 992px) { .pb-md--150 { padding-bottom: 150px; } } @media (min-width: 768px) { .pb-md--155 { padding-bottom: 155px !important; } } @media (min-width: 992px) { .pb-md--155 { padding-bottom: 155px; } } @media (min-width: 768px) { .pb-md--160 { padding-bottom: 160px !important; } } @media (min-width: 992px) { .pb-md--160 { padding-bottom: 160px; } } @media (min-width: 768px) { .pb-md--165 { padding-bottom: 165px !important; } } @media (min-width: 992px) { .pb-md--165 { padding-bottom: 165px; } } @media (min-width: 768px) { .pb-md--170 { padding-bottom: 170px !important; } } @media (min-width: 992px) { .pb-md--170 { padding-bottom: 170px; } } @media (min-width: 768px) { .pb-md--175 { padding-bottom: 175px !important; } } @media (min-width: 992px) { .pb-md--175 { padding-bottom: 175px; } } @media (min-width: 768px) { .pb-md--180 { padding-bottom: 180px !important; } } @media (min-width: 992px) { .pb-md--180 { padding-bottom: 180px; } } @media (min-width: 768px) { .pb-md--185 { padding-bottom: 185px !important; } } @media (min-width: 992px) { .pb-md--185 { padding-bottom: 185px; } } @media (min-width: 768px) { .pb-md--190 { padding-bottom: 190px !important; } } @media (min-width: 992px) { .pb-md--190 { padding-bottom: 190px; } } @media (min-width: 768px) { .pb-md--195 { padding-bottom: 195px !important; } } @media (min-width: 992px) { .pb-md--195 { padding-bottom: 195px; } } @media (min-width: 768px) { .pb-md--200 { padding-bottom: 200px !important; } } @media (min-width: 992px) { .pb-md--200 { padding-bottom: 200px; } } @media (min-width: 992px) { .pb-lg--0 { padding-bottom: 0px !important; } } @media (min-width: 1200px) { .pb-lg--0 { padding-bottom: 0px; } } @media (min-width: 992px) { .pb-lg--5 { padding-bottom: 5px !important; } } @media (min-width: 1200px) { .pb-lg--5 { padding-bottom: 5px; } } @media (min-width: 992px) { .pb-lg--10 { padding-bottom: 10px !important; } } @media (min-width: 1200px) { .pb-lg--10 { padding-bottom: 10px; } } @media (min-width: 992px) { .pb-lg--15 { padding-bottom: 15px !important; } } @media (min-width: 1200px) { .pb-lg--15 { padding-bottom: 15px; } } @media (min-width: 992px) { .pb-lg--20 { padding-bottom: 20px !important; } } @media (min-width: 1200px) { .pb-lg--20 { padding-bottom: 20px; } } @media (min-width: 992px) { .pb-lg--25 { padding-bottom: 25px !important; } } @media (min-width: 1200px) { .pb-lg--25 { padding-bottom: 25px; } } @media (min-width: 992px) { .pb-lg--30 { padding-bottom: 30px !important; } } @media (min-width: 1200px) { .pb-lg--30 { padding-bottom: 30px; } } @media (min-width: 992px) { .pb-lg--35 { padding-bottom: 35px !important; } } @media (min-width: 1200px) { .pb-lg--35 { padding-bottom: 35px; } } @media (min-width: 992px) { .pb-lg--40 { padding-bottom: 40px !important; } } @media (min-width: 1200px) { .pb-lg--40 { padding-bottom: 40px; } } @media (min-width: 992px) { .pb-lg--45 { padding-bottom: 45px !important; } } @media (min-width: 1200px) { .pb-lg--45 { padding-bottom: 45px; } } @media (min-width: 992px) { .pb-lg--50 { padding-bottom: 50px !important; } } @media (min-width: 1200px) { .pb-lg--50 { padding-bottom: 50px; } } @media (min-width: 992px) { .pb-lg--55 { padding-bottom: 55px !important; } } @media (min-width: 1200px) { .pb-lg--55 { padding-bottom: 55px; } } @media (min-width: 992px) { .pb-lg--60 { padding-bottom: 60px !important; } } @media (min-width: 1200px) { .pb-lg--60 { padding-bottom: 60px; } } @media (min-width: 992px) { .pb-lg--65 { padding-bottom: 65px !important; } } @media (min-width: 1200px) { .pb-lg--65 { padding-bottom: 65px; } } @media (min-width: 992px) { .pb-lg--70 { padding-bottom: 70px !important; } } @media (min-width: 1200px) { .pb-lg--70 { padding-bottom: 70px; } } @media (min-width: 992px) { .pb-lg--75 { padding-bottom: 75px !important; } } @media (min-width: 1200px) { .pb-lg--75 { padding-bottom: 75px; } } @media (min-width: 992px) { .pb-lg--80 { padding-bottom: 80px !important; } } @media (min-width: 1200px) { .pb-lg--80 { padding-bottom: 80px; } } @media (min-width: 992px) { .pb-lg--85 { padding-bottom: 85px !important; } } @media (min-width: 1200px) { .pb-lg--85 { padding-bottom: 85px; } } @media (min-width: 992px) { .pb-lg--90 { padding-bottom: 90px !important; } } @media (min-width: 1200px) { .pb-lg--90 { padding-bottom: 90px; } } @media (min-width: 992px) { .pb-lg--95 { padding-bottom: 95px !important; } } @media (min-width: 1200px) { .pb-lg--95 { padding-bottom: 95px; } } @media (min-width: 992px) { .pb-lg--100 { padding-bottom: 100px !important; } } @media (min-width: 1200px) { .pb-lg--100 { padding-bottom: 100px; } } @media (min-width: 992px) { .pb-lg--105 { padding-bottom: 105px !important; } } @media (min-width: 1200px) { .pb-lg--105 { padding-bottom: 105px; } } @media (min-width: 992px) { .pb-lg--110 { padding-bottom: 110px !important; } } @media (min-width: 1200px) { .pb-lg--110 { padding-bottom: 110px; } } @media (min-width: 992px) { .pb-lg--115 { padding-bottom: 115px !important; } } @media (min-width: 1200px) { .pb-lg--115 { padding-bottom: 115px; } } @media (min-width: 992px) { .pb-lg--120 { padding-bottom: 120px !important; } } @media (min-width: 1200px) { .pb-lg--120 { padding-bottom: 120px; } } @media (min-width: 992px) { .pb-lg--125 { padding-bottom: 125px !important; } } @media (min-width: 1200px) { .pb-lg--125 { padding-bottom: 125px; } } @media (min-width: 992px) { .pb-lg--130 { padding-bottom: 130px !important; } } @media (min-width: 1200px) { .pb-lg--130 { padding-bottom: 130px; } } @media (min-width: 992px) { .pb-lg--135 { padding-bottom: 135px !important; } } @media (min-width: 1200px) { .pb-lg--135 { padding-bottom: 135px; } } @media (min-width: 992px) { .pb-lg--140 { padding-bottom: 140px !important; } } @media (min-width: 1200px) { .pb-lg--140 { padding-bottom: 140px; } } @media (min-width: 992px) { .pb-lg--145 { padding-bottom: 145px !important; } } @media (min-width: 1200px) { .pb-lg--145 { padding-bottom: 145px; } } @media (min-width: 992px) { .pb-lg--150 { padding-bottom: 150px !important; } } @media (min-width: 1200px) { .pb-lg--150 { padding-bottom: 150px; } } @media (min-width: 992px) { .pb-lg--155 { padding-bottom: 155px !important; } } @media (min-width: 1200px) { .pb-lg--155 { padding-bottom: 155px; } } @media (min-width: 992px) { .pb-lg--160 { padding-bottom: 160px !important; } } @media (min-width: 1200px) { .pb-lg--160 { padding-bottom: 160px; } } @media (min-width: 992px) { .pb-lg--165 { padding-bottom: 165px !important; } } @media (min-width: 1200px) { .pb-lg--165 { padding-bottom: 165px; } } @media (min-width: 992px) { .pb-lg--170 { padding-bottom: 170px !important; } } @media (min-width: 1200px) { .pb-lg--170 { padding-bottom: 170px; } } @media (min-width: 992px) { .pb-lg--175 { padding-bottom: 175px !important; } } @media (min-width: 1200px) { .pb-lg--175 { padding-bottom: 175px; } } @media (min-width: 992px) { .pb-lg--180 { padding-bottom: 180px !important; } } @media (min-width: 1200px) { .pb-lg--180 { padding-bottom: 180px; } } @media (min-width: 992px) { .pb-lg--185 { padding-bottom: 185px !important; } } @media (min-width: 1200px) { .pb-lg--185 { padding-bottom: 185px; } } @media (min-width: 992px) { .pb-lg--190 { padding-bottom: 190px !important; } } @media (min-width: 1200px) { .pb-lg--190 { padding-bottom: 190px; } } @media (min-width: 992px) { .pb-lg--195 { padding-bottom: 195px !important; } } @media (min-width: 1200px) { .pb-lg--195 { padding-bottom: 195px; } } @media (min-width: 992px) { .pb-lg--200 { padding-bottom: 200px !important; } } @media (min-width: 1200px) { .pb-lg--200 { padding-bottom: 200px; } } @media (min-width: 1200px) { .pb-xl--0 { padding-bottom: 0px !important; } } @media (min-width: 1600px) { .pb-xl--0 { padding-bottom: 0px; } } @media (min-width: 1200px) { .pb-xl--5 { padding-bottom: 5px !important; } } @media (min-width: 1600px) { .pb-xl--5 { padding-bottom: 5px; } } @media (min-width: 1200px) { .pb-xl--10 { padding-bottom: 10px !important; } } @media (min-width: 1600px) { .pb-xl--10 { padding-bottom: 10px; } } @media (min-width: 1200px) { .pb-xl--15 { padding-bottom: 15px !important; } } @media (min-width: 1600px) { .pb-xl--15 { padding-bottom: 15px; } } @media (min-width: 1200px) { .pb-xl--20 { padding-bottom: 20px !important; } } @media (min-width: 1600px) { .pb-xl--20 { padding-bottom: 20px; } } @media (min-width: 1200px) { .pb-xl--25 { padding-bottom: 25px !important; } } @media (min-width: 1600px) { .pb-xl--25 { padding-bottom: 25px; } } @media (min-width: 1200px) { .pb-xl--30 { padding-bottom: 30px !important; } } @media (min-width: 1600px) { .pb-xl--30 { padding-bottom: 30px; } } @media (min-width: 1200px) { .pb-xl--35 { padding-bottom: 35px !important; } } @media (min-width: 1600px) { .pb-xl--35 { padding-bottom: 35px; } } @media (min-width: 1200px) { .pb-xl--40 { padding-bottom: 40px !important; } } @media (min-width: 1600px) { .pb-xl--40 { padding-bottom: 40px; } } @media (min-width: 1200px) { .pb-xl--45 { padding-bottom: 45px !important; } } @media (min-width: 1600px) { .pb-xl--45 { padding-bottom: 45px; } } @media (min-width: 1200px) { .pb-xl--50 { padding-bottom: 50px !important; } } @media (min-width: 1600px) { .pb-xl--50 { padding-bottom: 50px; } } @media (min-width: 1200px) { .pb-xl--55 { padding-bottom: 55px !important; } } @media (min-width: 1600px) { .pb-xl--55 { padding-bottom: 55px; } } @media (min-width: 1200px) { .pb-xl--60 { padding-bottom: 60px !important; } } @media (min-width: 1600px) { .pb-xl--60 { padding-bottom: 60px; } } @media (min-width: 1200px) { .pb-xl--65 { padding-bottom: 65px !important; } } @media (min-width: 1600px) { .pb-xl--65 { padding-bottom: 65px; } } @media (min-width: 1200px) { .pb-xl--70 { padding-bottom: 70px !important; } } @media (min-width: 1600px) { .pb-xl--70 { padding-bottom: 70px; } } @media (min-width: 1200px) { .pb-xl--75 { padding-bottom: 75px !important; } } @media (min-width: 1600px) { .pb-xl--75 { padding-bottom: 75px; } } @media (min-width: 1200px) { .pb-xl--80 { padding-bottom: 80px !important; } } @media (min-width: 1600px) { .pb-xl--80 { padding-bottom: 80px; } } @media (min-width: 1200px) { .pb-xl--85 { padding-bottom: 85px !important; } } @media (min-width: 1600px) { .pb-xl--85 { padding-bottom: 85px; } } @media (min-width: 1200px) { .pb-xl--90 { padding-bottom: 90px !important; } } @media (min-width: 1600px) { .pb-xl--90 { padding-bottom: 90px; } } @media (min-width: 1200px) { .pb-xl--95 { padding-bottom: 95px !important; } } @media (min-width: 1600px) { .pb-xl--95 { padding-bottom: 95px; } } @media (min-width: 1200px) { .pb-xl--100 { padding-bottom: 100px !important; } } @media (min-width: 1600px) { .pb-xl--100 { padding-bottom: 100px; } } @media (min-width: 1200px) { .pb-xl--105 { padding-bottom: 105px !important; } } @media (min-width: 1600px) { .pb-xl--105 { padding-bottom: 105px; } } @media (min-width: 1200px) { .pb-xl--110 { padding-bottom: 110px !important; } } @media (min-width: 1600px) { .pb-xl--110 { padding-bottom: 110px; } } @media (min-width: 1200px) { .pb-xl--115 { padding-bottom: 115px !important; } } @media (min-width: 1600px) { .pb-xl--115 { padding-bottom: 115px; } } @media (min-width: 1200px) { .pb-xl--120 { padding-bottom: 120px !important; } } @media (min-width: 1600px) { .pb-xl--120 { padding-bottom: 120px; } } @media (min-width: 1200px) { .pb-xl--125 { padding-bottom: 125px !important; } } @media (min-width: 1600px) { .pb-xl--125 { padding-bottom: 125px; } } @media (min-width: 1200px) { .pb-xl--130 { padding-bottom: 130px !important; } } @media (min-width: 1600px) { .pb-xl--130 { padding-bottom: 130px; } } @media (min-width: 1200px) { .pb-xl--135 { padding-bottom: 135px !important; } } @media (min-width: 1600px) { .pb-xl--135 { padding-bottom: 135px; } } @media (min-width: 1200px) { .pb-xl--140 { padding-bottom: 140px !important; } } @media (min-width: 1600px) { .pb-xl--140 { padding-bottom: 140px; } } @media (min-width: 1200px) { .pb-xl--145 { padding-bottom: 145px !important; } } @media (min-width: 1600px) { .pb-xl--145 { padding-bottom: 145px; } } @media (min-width: 1200px) { .pb-xl--150 { padding-bottom: 150px !important; } } @media (min-width: 1600px) { .pb-xl--150 { padding-bottom: 150px; } } @media (min-width: 1200px) { .pb-xl--155 { padding-bottom: 155px !important; } } @media (min-width: 1600px) { .pb-xl--155 { padding-bottom: 155px; } } @media (min-width: 1200px) { .pb-xl--160 { padding-bottom: 160px !important; } } @media (min-width: 1600px) { .pb-xl--160 { padding-bottom: 160px; } } @media (min-width: 1200px) { .pb-xl--165 { padding-bottom: 165px !important; } } @media (min-width: 1600px) { .pb-xl--165 { padding-bottom: 165px; } } @media (min-width: 1200px) { .pb-xl--170 { padding-bottom: 170px !important; } } @media (min-width: 1600px) { .pb-xl--170 { padding-bottom: 170px; } } @media (min-width: 1200px) { .pb-xl--175 { padding-bottom: 175px !important; } } @media (min-width: 1600px) { .pb-xl--175 { padding-bottom: 175px; } } @media (min-width: 1200px) { .pb-xl--180 { padding-bottom: 180px !important; } } @media (min-width: 1600px) { .pb-xl--180 { padding-bottom: 180px; } } @media (min-width: 1200px) { .pb-xl--185 { padding-bottom: 185px !important; } } @media (min-width: 1600px) { .pb-xl--185 { padding-bottom: 185px; } } @media (min-width: 1200px) { .pb-xl--190 { padding-bottom: 190px !important; } } @media (min-width: 1600px) { .pb-xl--190 { padding-bottom: 190px; } } @media (min-width: 1200px) { .pb-xl--195 { padding-bottom: 195px !important; } } @media (min-width: 1600px) { .pb-xl--195 { padding-bottom: 195px; } } @media (min-width: 1200px) { .pb-xl--200 { padding-bottom: 200px !important; } } @media (min-width: 1600px) { .pb-xl--200 { padding-bottom: 200px; } } /*-- Responsive Padding left --*/ @media (min-width: 576px) { .pl-sm--0 { padding-left: 0px !important; } } @media (min-width: 768px) { .pl-sm--0 { padding-left: 0px; } } @media (min-width: 576px) { .pl-sm--5 { padding-left: 5px !important; } } @media (min-width: 768px) { .pl-sm--5 { padding-left: 5px; } } @media (min-width: 576px) { .pl-sm--10 { padding-left: 10px !important; } } @media (min-width: 768px) { .pl-sm--10 { padding-left: 10px; } } @media (min-width: 576px) { .pl-sm--15 { padding-left: 15px !important; } } @media (min-width: 768px) { .pl-sm--15 { padding-left: 15px; } } @media (min-width: 576px) { .pl-sm--20 { padding-left: 20px !important; } } @media (min-width: 768px) { .pl-sm--20 { padding-left: 20px; } } @media (min-width: 576px) { .pl-sm--25 { padding-left: 25px !important; } } @media (min-width: 768px) { .pl-sm--25 { padding-left: 25px; } } @media (min-width: 576px) { .pl-sm--30 { padding-left: 30px !important; } } @media (min-width: 768px) { .pl-sm--30 { padding-left: 30px; } } @media (min-width: 576px) { .pl-sm--35 { padding-left: 35px !important; } } @media (min-width: 768px) { .pl-sm--35 { padding-left: 35px; } } @media (min-width: 576px) { .pl-sm--40 { padding-left: 40px !important; } } @media (min-width: 768px) { .pl-sm--40 { padding-left: 40px; } } @media (min-width: 576px) { .pl-sm--45 { padding-left: 45px !important; } } @media (min-width: 768px) { .pl-sm--45 { padding-left: 45px; } } @media (min-width: 576px) { .pl-sm--50 { padding-left: 50px !important; } } @media (min-width: 768px) { .pl-sm--50 { padding-left: 50px; } } @media (min-width: 576px) { .pl-sm--55 { padding-left: 55px !important; } } @media (min-width: 768px) { .pl-sm--55 { padding-left: 55px; } } @media (min-width: 576px) { .pl-sm--60 { padding-left: 60px !important; } } @media (min-width: 768px) { .pl-sm--60 { padding-left: 60px; } } @media (min-width: 576px) { .pl-sm--65 { padding-left: 65px !important; } } @media (min-width: 768px) { .pl-sm--65 { padding-left: 65px; } } @media (min-width: 576px) { .pl-sm--70 { padding-left: 70px !important; } } @media (min-width: 768px) { .pl-sm--70 { padding-left: 70px; } } @media (min-width: 576px) { .pl-sm--75 { padding-left: 75px !important; } } @media (min-width: 768px) { .pl-sm--75 { padding-left: 75px; } } @media (min-width: 576px) { .pl-sm--80 { padding-left: 80px !important; } } @media (min-width: 768px) { .pl-sm--80 { padding-left: 80px; } } @media (min-width: 576px) { .pl-sm--85 { padding-left: 85px !important; } } @media (min-width: 768px) { .pl-sm--85 { padding-left: 85px; } } @media (min-width: 576px) { .pl-sm--90 { padding-left: 90px !important; } } @media (min-width: 768px) { .pl-sm--90 { padding-left: 90px; } } @media (min-width: 576px) { .pl-sm--95 { padding-left: 95px !important; } } @media (min-width: 768px) { .pl-sm--95 { padding-left: 95px; } } @media (min-width: 576px) { .pl-sm--100 { padding-left: 100px !important; } } @media (min-width: 768px) { .pl-sm--100 { padding-left: 100px; } } @media (min-width: 576px) { .pl-sm--105 { padding-left: 105px !important; } } @media (min-width: 768px) { .pl-sm--105 { padding-left: 105px; } } @media (min-width: 576px) { .pl-sm--110 { padding-left: 110px !important; } } @media (min-width: 768px) { .pl-sm--110 { padding-left: 110px; } } @media (min-width: 576px) { .pl-sm--115 { padding-left: 115px !important; } } @media (min-width: 768px) { .pl-sm--115 { padding-left: 115px; } } @media (min-width: 576px) { .pl-sm--120 { padding-left: 120px !important; } } @media (min-width: 768px) { .pl-sm--120 { padding-left: 120px; } } @media (min-width: 576px) { .pl-sm--125 { padding-left: 125px !important; } } @media (min-width: 768px) { .pl-sm--125 { padding-left: 125px; } } @media (min-width: 576px) { .pl-sm--130 { padding-left: 130px !important; } } @media (min-width: 768px) { .pl-sm--130 { padding-left: 130px; } } @media (min-width: 576px) { .pl-sm--135 { padding-left: 135px !important; } } @media (min-width: 768px) { .pl-sm--135 { padding-left: 135px; } } @media (min-width: 576px) { .pl-sm--140 { padding-left: 140px !important; } } @media (min-width: 768px) { .pl-sm--140 { padding-left: 140px; } } @media (min-width: 576px) { .pl-sm--145 { padding-left: 145px !important; } } @media (min-width: 768px) { .pl-sm--145 { padding-left: 145px; } } @media (min-width: 576px) { .pl-sm--150 { padding-left: 150px !important; } } @media (min-width: 768px) { .pl-sm--150 { padding-left: 150px; } } @media (min-width: 576px) { .pl-sm--155 { padding-left: 155px !important; } } @media (min-width: 768px) { .pl-sm--155 { padding-left: 155px; } } @media (min-width: 576px) { .pl-sm--160 { padding-left: 160px !important; } } @media (min-width: 768px) { .pl-sm--160 { padding-left: 160px; } } @media (min-width: 576px) { .pl-sm--165 { padding-left: 165px !important; } } @media (min-width: 768px) { .pl-sm--165 { padding-left: 165px; } } @media (min-width: 576px) { .pl-sm--170 { padding-left: 170px !important; } } @media (min-width: 768px) { .pl-sm--170 { padding-left: 170px; } } @media (min-width: 576px) { .pl-sm--175 { padding-left: 175px !important; } } @media (min-width: 768px) { .pl-sm--175 { padding-left: 175px; } } @media (min-width: 576px) { .pl-sm--180 { padding-left: 180px !important; } } @media (min-width: 768px) { .pl-sm--180 { padding-left: 180px; } } @media (min-width: 576px) { .pl-sm--185 { padding-left: 185px !important; } } @media (min-width: 768px) { .pl-sm--185 { padding-left: 185px; } } @media (min-width: 576px) { .pl-sm--190 { padding-left: 190px !important; } } @media (min-width: 768px) { .pl-sm--190 { padding-left: 190px; } } @media (min-width: 576px) { .pl-sm--195 { padding-left: 195px !important; } } @media (min-width: 768px) { .pl-sm--195 { padding-left: 195px; } } @media (min-width: 576px) { .pl-sm--200 { padding-left: 200px !important; } } @media (min-width: 768px) { .pl-sm--200 { padding-left: 200px; } } @media (min-width: 768px) { .pl-md--0 { padding-left: 0px !important; } } @media (min-width: 992px) { .pl-md--0 { padding-left: 0px; } } @media (min-width: 768px) { .pl-md--5 { padding-left: 5px !important; } } @media (min-width: 992px) { .pl-md--5 { padding-left: 5px; } } @media (min-width: 768px) { .pl-md--10 { padding-left: 10px !important; } } @media (min-width: 992px) { .pl-md--10 { padding-left: 10px; } } @media (min-width: 768px) { .pl-md--15 { padding-left: 15px !important; } } @media (min-width: 992px) { .pl-md--15 { padding-left: 15px; } } @media (min-width: 768px) { .pl-md--20 { padding-left: 20px !important; } } @media (min-width: 992px) { .pl-md--20 { padding-left: 20px; } } @media (min-width: 768px) { .pl-md--25 { padding-left: 25px !important; } } @media (min-width: 992px) { .pl-md--25 { padding-left: 25px; } } @media (min-width: 768px) { .pl-md--30 { padding-left: 30px !important; } } @media (min-width: 992px) { .pl-md--30 { padding-left: 30px; } } @media (min-width: 768px) { .pl-md--35 { padding-left: 35px !important; } } @media (min-width: 992px) { .pl-md--35 { padding-left: 35px; } } @media (min-width: 768px) { .pl-md--40 { padding-left: 40px !important; } } @media (min-width: 992px) { .pl-md--40 { padding-left: 40px; } } @media (min-width: 768px) { .pl-md--45 { padding-left: 45px !important; } } @media (min-width: 992px) { .pl-md--45 { padding-left: 45px; } } @media (min-width: 768px) { .pl-md--50 { padding-left: 50px !important; } } @media (min-width: 992px) { .pl-md--50 { padding-left: 50px; } } @media (min-width: 768px) { .pl-md--55 { padding-left: 55px !important; } } @media (min-width: 992px) { .pl-md--55 { padding-left: 55px; } } @media (min-width: 768px) { .pl-md--60 { padding-left: 60px !important; } } @media (min-width: 992px) { .pl-md--60 { padding-left: 60px; } } @media (min-width: 768px) { .pl-md--65 { padding-left: 65px !important; } } @media (min-width: 992px) { .pl-md--65 { padding-left: 65px; } } @media (min-width: 768px) { .pl-md--70 { padding-left: 70px !important; } } @media (min-width: 992px) { .pl-md--70 { padding-left: 70px; } } @media (min-width: 768px) { .pl-md--75 { padding-left: 75px !important; } } @media (min-width: 992px) { .pl-md--75 { padding-left: 75px; } } @media (min-width: 768px) { .pl-md--80 { padding-left: 80px !important; } } @media (min-width: 992px) { .pl-md--80 { padding-left: 80px; } } @media (min-width: 768px) { .pl-md--85 { padding-left: 85px !important; } } @media (min-width: 992px) { .pl-md--85 { padding-left: 85px; } } @media (min-width: 768px) { .pl-md--90 { padding-left: 90px !important; } } @media (min-width: 992px) { .pl-md--90 { padding-left: 90px; } } @media (min-width: 768px) { .pl-md--95 { padding-left: 95px !important; } } @media (min-width: 992px) { .pl-md--95 { padding-left: 95px; } } @media (min-width: 768px) { .pl-md--100 { padding-left: 100px !important; } } @media (min-width: 992px) { .pl-md--100 { padding-left: 100px; } } @media (min-width: 768px) { .pl-md--105 { padding-left: 105px !important; } } @media (min-width: 992px) { .pl-md--105 { padding-left: 105px; } } @media (min-width: 768px) { .pl-md--110 { padding-left: 110px !important; } } @media (min-width: 992px) { .pl-md--110 { padding-left: 110px; } } @media (min-width: 768px) { .pl-md--115 { padding-left: 115px !important; } } @media (min-width: 992px) { .pl-md--115 { padding-left: 115px; } } @media (min-width: 768px) { .pl-md--120 { padding-left: 120px !important; } } @media (min-width: 992px) { .pl-md--120 { padding-left: 120px; } } @media (min-width: 768px) { .pl-md--125 { padding-left: 125px !important; } } @media (min-width: 992px) { .pl-md--125 { padding-left: 125px; } } @media (min-width: 768px) { .pl-md--130 { padding-left: 130px !important; } } @media (min-width: 992px) { .pl-md--130 { padding-left: 130px; } } @media (min-width: 768px) { .pl-md--135 { padding-left: 135px !important; } } @media (min-width: 992px) { .pl-md--135 { padding-left: 135px; } } @media (min-width: 768px) { .pl-md--140 { padding-left: 140px !important; } } @media (min-width: 992px) { .pl-md--140 { padding-left: 140px; } } @media (min-width: 768px) { .pl-md--145 { padding-left: 145px !important; } } @media (min-width: 992px) { .pl-md--145 { padding-left: 145px; } } @media (min-width: 768px) { .pl-md--150 { padding-left: 150px !important; } } @media (min-width: 992px) { .pl-md--150 { padding-left: 150px; } } @media (min-width: 768px) { .pl-md--155 { padding-left: 155px !important; } } @media (min-width: 992px) { .pl-md--155 { padding-left: 155px; } } @media (min-width: 768px) { .pl-md--160 { padding-left: 160px !important; } } @media (min-width: 992px) { .pl-md--160 { padding-left: 160px; } } @media (min-width: 768px) { .pl-md--165 { padding-left: 165px !important; } } @media (min-width: 992px) { .pl-md--165 { padding-left: 165px; } } @media (min-width: 768px) { .pl-md--170 { padding-left: 170px !important; } } @media (min-width: 992px) { .pl-md--170 { padding-left: 170px; } } @media (min-width: 768px) { .pl-md--175 { padding-left: 175px !important; } } @media (min-width: 992px) { .pl-md--175 { padding-left: 175px; } } @media (min-width: 768px) { .pl-md--180 { padding-left: 180px !important; } } @media (min-width: 992px) { .pl-md--180 { padding-left: 180px; } } @media (min-width: 768px) { .pl-md--185 { padding-left: 185px !important; } } @media (min-width: 992px) { .pl-md--185 { padding-left: 185px; } } @media (min-width: 768px) { .pl-md--190 { padding-left: 190px !important; } } @media (min-width: 992px) { .pl-md--190 { padding-left: 190px; } } @media (min-width: 768px) { .pl-md--195 { padding-left: 195px !important; } } @media (min-width: 992px) { .pl-md--195 { padding-left: 195px; } } @media (min-width: 768px) { .pl-md--200 { padding-left: 200px !important; } } @media (min-width: 992px) { .pl-md--200 { padding-left: 200px; } } @media (min-width: 992px) { .pl-lg--0 { padding-left: 0px !important; } } @media (min-width: 1200px) { .pl-lg--0 { padding-left: 0px; } } @media (min-width: 992px) { .pl-lg--5 { padding-left: 5px !important; } } @media (min-width: 1200px) { .pl-lg--5 { padding-left: 5px; } } @media (min-width: 992px) { .pl-lg--10 { padding-left: 10px !important; } } @media (min-width: 1200px) { .pl-lg--10 { padding-left: 10px; } } @media (min-width: 992px) { .pl-lg--15 { padding-left: 15px !important; } } @media (min-width: 1200px) { .pl-lg--15 { padding-left: 15px; } } @media (min-width: 992px) { .pl-lg--20 { padding-left: 20px !important; } } @media (min-width: 1200px) { .pl-lg--20 { padding-left: 20px; } } @media (min-width: 992px) { .pl-lg--25 { padding-left: 25px !important; } } @media (min-width: 1200px) { .pl-lg--25 { padding-left: 25px; } } @media (min-width: 992px) { .pl-lg--30 { padding-left: 30px !important; } } @media (min-width: 1200px) { .pl-lg--30 { padding-left: 30px; } } @media (min-width: 992px) { .pl-lg--35 { padding-left: 35px !important; } } @media (min-width: 1200px) { .pl-lg--35 { padding-left: 35px; } } @media (min-width: 992px) { .pl-lg--40 { padding-left: 40px !important; } } @media (min-width: 1200px) { .pl-lg--40 { padding-left: 40px; } } @media (min-width: 992px) { .pl-lg--45 { padding-left: 45px !important; } } @media (min-width: 1200px) { .pl-lg--45 { padding-left: 45px; } } @media (min-width: 992px) { .pl-lg--50 { padding-left: 50px !important; } } @media (min-width: 1200px) { .pl-lg--50 { padding-left: 50px; } } @media (min-width: 992px) { .pl-lg--55 { padding-left: 55px !important; } } @media (min-width: 1200px) { .pl-lg--55 { padding-left: 55px; } } @media (min-width: 992px) { .pl-lg--60 { padding-left: 60px !important; } } @media (min-width: 1200px) { .pl-lg--60 { padding-left: 60px; } } @media (min-width: 992px) { .pl-lg--65 { padding-left: 65px !important; } } @media (min-width: 1200px) { .pl-lg--65 { padding-left: 65px; } } @media (min-width: 992px) { .pl-lg--70 { padding-left: 70px !important; } } @media (min-width: 1200px) { .pl-lg--70 { padding-left: 70px; } } @media (min-width: 992px) { .pl-lg--75 { padding-left: 75px !important; } } @media (min-width: 1200px) { .pl-lg--75 { padding-left: 75px; } } @media (min-width: 992px) { .pl-lg--80 { padding-left: 80px !important; } } @media (min-width: 1200px) { .pl-lg--80 { padding-left: 80px; } } @media (min-width: 992px) { .pl-lg--85 { padding-left: 85px !important; } } @media (min-width: 1200px) { .pl-lg--85 { padding-left: 85px; } } @media (min-width: 992px) { .pl-lg--90 { padding-left: 90px !important; } } @media (min-width: 1200px) { .pl-lg--90 { padding-left: 90px; } } @media (min-width: 992px) { .pl-lg--95 { padding-left: 95px !important; } } @media (min-width: 1200px) { .pl-lg--95 { padding-left: 95px; } } @media (min-width: 992px) { .pl-lg--100 { padding-left: 100px !important; } } @media (min-width: 1200px) { .pl-lg--100 { padding-left: 100px; } } @media (min-width: 992px) { .pl-lg--105 { padding-left: 105px !important; } } @media (min-width: 1200px) { .pl-lg--105 { padding-left: 105px; } } @media (min-width: 992px) { .pl-lg--110 { padding-left: 110px !important; } } @media (min-width: 1200px) { .pl-lg--110 { padding-left: 110px; } } @media (min-width: 992px) { .pl-lg--115 { padding-left: 115px !important; } } @media (min-width: 1200px) { .pl-lg--115 { padding-left: 115px; } } @media (min-width: 992px) { .pl-lg--120 { padding-left: 120px !important; } } @media (min-width: 1200px) { .pl-lg--120 { padding-left: 120px; } } @media (min-width: 992px) { .pl-lg--125 { padding-left: 125px !important; } } @media (min-width: 1200px) { .pl-lg--125 { padding-left: 125px; } } @media (min-width: 992px) { .pl-lg--130 { padding-left: 130px !important; } } @media (min-width: 1200px) { .pl-lg--130 { padding-left: 130px; } } @media (min-width: 992px) { .pl-lg--135 { padding-left: 135px !important; } } @media (min-width: 1200px) { .pl-lg--135 { padding-left: 135px; } } @media (min-width: 992px) { .pl-lg--140 { padding-left: 140px !important; } } @media (min-width: 1200px) { .pl-lg--140 { padding-left: 140px; } } @media (min-width: 992px) { .pl-lg--145 { padding-left: 145px !important; } } @media (min-width: 1200px) { .pl-lg--145 { padding-left: 145px; } } @media (min-width: 992px) { .pl-lg--150 { padding-left: 150px !important; } } @media (min-width: 1200px) { .pl-lg--150 { padding-left: 150px; } } @media (min-width: 992px) { .pl-lg--155 { padding-left: 155px !important; } } @media (min-width: 1200px) { .pl-lg--155 { padding-left: 155px; } } @media (min-width: 992px) { .pl-lg--160 { padding-left: 160px !important; } } @media (min-width: 1200px) { .pl-lg--160 { padding-left: 160px; } } @media (min-width: 992px) { .pl-lg--165 { padding-left: 165px !important; } } @media (min-width: 1200px) { .pl-lg--165 { padding-left: 165px; } } @media (min-width: 992px) { .pl-lg--170 { padding-left: 170px !important; } } @media (min-width: 1200px) { .pl-lg--170 { padding-left: 170px; } } @media (min-width: 992px) { .pl-lg--175 { padding-left: 175px !important; } } @media (min-width: 1200px) { .pl-lg--175 { padding-left: 175px; } } @media (min-width: 992px) { .pl-lg--180 { padding-left: 180px !important; } } @media (min-width: 1200px) { .pl-lg--180 { padding-left: 180px; } } @media (min-width: 992px) { .pl-lg--185 { padding-left: 185px !important; } } @media (min-width: 1200px) { .pl-lg--185 { padding-left: 185px; } } @media (min-width: 992px) { .pl-lg--190 { padding-left: 190px !important; } } @media (min-width: 1200px) { .pl-lg--190 { padding-left: 190px; } } @media (min-width: 992px) { .pl-lg--195 { padding-left: 195px !important; } } @media (min-width: 1200px) { .pl-lg--195 { padding-left: 195px; } } @media (min-width: 992px) { .pl-lg--200 { padding-left: 200px !important; } } @media (min-width: 1200px) { .pl-lg--200 { padding-left: 200px; } } @media (min-width: 1200px) { .pl-xl--0 { padding-left: 0px !important; } } @media (min-width: 1600px) { .pl-xl--0 { padding-left: 0px; } } @media (min-width: 1200px) { .pl-xl--5 { padding-left: 5px !important; } } @media (min-width: 1600px) { .pl-xl--5 { padding-left: 5px; } } @media (min-width: 1200px) { .pl-xl--10 { padding-left: 10px !important; } } @media (min-width: 1600px) { .pl-xl--10 { padding-left: 10px; } } @media (min-width: 1200px) { .pl-xl--15 { padding-left: 15px !important; } } @media (min-width: 1600px) { .pl-xl--15 { padding-left: 15px; } } @media (min-width: 1200px) { .pl-xl--20 { padding-left: 20px !important; } } @media (min-width: 1600px) { .pl-xl--20 { padding-left: 20px; } } @media (min-width: 1200px) { .pl-xl--25 { padding-left: 25px !important; } } @media (min-width: 1600px) { .pl-xl--25 { padding-left: 25px; } } @media (min-width: 1200px) { .pl-xl--30 { padding-left: 30px !important; } } @media (min-width: 1600px) { .pl-xl--30 { padding-left: 30px; } } @media (min-width: 1200px) { .pl-xl--35 { padding-left: 35px !important; } } @media (min-width: 1600px) { .pl-xl--35 { padding-left: 35px; } } @media (min-width: 1200px) { .pl-xl--40 { padding-left: 40px !important; } } @media (min-width: 1600px) { .pl-xl--40 { padding-left: 40px; } } @media (min-width: 1200px) { .pl-xl--45 { padding-left: 45px !important; } } @media (min-width: 1600px) { .pl-xl--45 { padding-left: 45px; } } @media (min-width: 1200px) { .pl-xl--50 { padding-left: 50px !important; } } @media (min-width: 1600px) { .pl-xl--50 { padding-left: 50px; } } @media (min-width: 1200px) { .pl-xl--55 { padding-left: 55px !important; } } @media (min-width: 1600px) { .pl-xl--55 { padding-left: 55px; } } @media (min-width: 1200px) { .pl-xl--60 { padding-left: 60px !important; } } @media (min-width: 1600px) { .pl-xl--60 { padding-left: 60px; } } @media (min-width: 1200px) { .pl-xl--65 { padding-left: 65px !important; } } @media (min-width: 1600px) { .pl-xl--65 { padding-left: 65px; } } @media (min-width: 1200px) { .pl-xl--70 { padding-left: 70px !important; } } @media (min-width: 1600px) { .pl-xl--70 { padding-left: 70px; } } @media (min-width: 1200px) { .pl-xl--75 { padding-left: 75px !important; } } @media (min-width: 1600px) { .pl-xl--75 { padding-left: 75px; } } @media (min-width: 1200px) { .pl-xl--80 { padding-left: 80px !important; } } @media (min-width: 1600px) { .pl-xl--80 { padding-left: 80px; } } @media (min-width: 1200px) { .pl-xl--85 { padding-left: 85px !important; } } @media (min-width: 1600px) { .pl-xl--85 { padding-left: 85px; } } @media (min-width: 1200px) { .pl-xl--90 { padding-left: 90px !important; } } @media (min-width: 1600px) { .pl-xl--90 { padding-left: 90px; } } @media (min-width: 1200px) { .pl-xl--95 { padding-left: 95px !important; } } @media (min-width: 1600px) { .pl-xl--95 { padding-left: 95px; } } @media (min-width: 1200px) { .pl-xl--100 { padding-left: 100px !important; } } @media (min-width: 1600px) { .pl-xl--100 { padding-left: 100px; } } @media (min-width: 1200px) { .pl-xl--105 { padding-left: 105px !important; } } @media (min-width: 1600px) { .pl-xl--105 { padding-left: 105px; } } @media (min-width: 1200px) { .pl-xl--110 { padding-left: 110px !important; } } @media (min-width: 1600px) { .pl-xl--110 { padding-left: 110px; } } @media (min-width: 1200px) { .pl-xl--115 { padding-left: 115px !important; } } @media (min-width: 1600px) { .pl-xl--115 { padding-left: 115px; } } @media (min-width: 1200px) { .pl-xl--120 { padding-left: 120px !important; } } @media (min-width: 1600px) { .pl-xl--120 { padding-left: 120px; } } @media (min-width: 1200px) { .pl-xl--125 { padding-left: 125px !important; } } @media (min-width: 1600px) { .pl-xl--125 { padding-left: 125px; } } @media (min-width: 1200px) { .pl-xl--130 { padding-left: 130px !important; } } @media (min-width: 1600px) { .pl-xl--130 { padding-left: 130px; } } @media (min-width: 1200px) { .pl-xl--135 { padding-left: 135px !important; } } @media (min-width: 1600px) { .pl-xl--135 { padding-left: 135px; } } @media (min-width: 1200px) { .pl-xl--140 { padding-left: 140px !important; } } @media (min-width: 1600px) { .pl-xl--140 { padding-left: 140px; } } @media (min-width: 1200px) { .pl-xl--145 { padding-left: 145px !important; } } @media (min-width: 1600px) { .pl-xl--145 { padding-left: 145px; } } @media (min-width: 1200px) { .pl-xl--150 { padding-left: 150px !important; } } @media (min-width: 1600px) { .pl-xl--150 { padding-left: 150px; } } @media (min-width: 1200px) { .pl-xl--155 { padding-left: 155px !important; } } @media (min-width: 1600px) { .pl-xl--155 { padding-left: 155px; } } @media (min-width: 1200px) { .pl-xl--160 { padding-left: 160px !important; } } @media (min-width: 1600px) { .pl-xl--160 { padding-left: 160px; } } @media (min-width: 1200px) { .pl-xl--165 { padding-left: 165px !important; } } @media (min-width: 1600px) { .pl-xl--165 { padding-left: 165px; } } @media (min-width: 1200px) { .pl-xl--170 { padding-left: 170px !important; } } @media (min-width: 1600px) { .pl-xl--170 { padding-left: 170px; } } @media (min-width: 1200px) { .pl-xl--175 { padding-left: 175px !important; } } @media (min-width: 1600px) { .pl-xl--175 { padding-left: 175px; } } @media (min-width: 1200px) { .pl-xl--180 { padding-left: 180px !important; } } @media (min-width: 1600px) { .pl-xl--180 { padding-left: 180px; } } @media (min-width: 1200px) { .pl-xl--185 { padding-left: 185px !important; } } @media (min-width: 1600px) { .pl-xl--185 { padding-left: 185px; } } @media (min-width: 1200px) { .pl-xl--190 { padding-left: 190px !important; } } @media (min-width: 1600px) { .pl-xl--190 { padding-left: 190px; } } @media (min-width: 1200px) { .pl-xl--195 { padding-left: 195px !important; } } @media (min-width: 1600px) { .pl-xl--195 { padding-left: 195px; } } @media (min-width: 1200px) { .pl-xl--200 { padding-left: 200px !important; } } @media (min-width: 1600px) { .pl-xl--200 { padding-left: 200px; } } /*-- Responsive Padding Right --*/ @media (min-width: 576px) { .pr-sm--0 { padding-right: 0px !important; } } @media (min-width: 768px) { .pr-sm--0 { padding-right: 0px; } } @media (min-width: 576px) { .pr-sm--5 { padding-right: 5px !important; } } @media (min-width: 768px) { .pr-sm--5 { padding-right: 5px; } } @media (min-width: 576px) { .pr-sm--10 { padding-right: 10px !important; } } @media (min-width: 768px) { .pr-sm--10 { padding-right: 10px; } } @media (min-width: 576px) { .pr-sm--15 { padding-right: 15px !important; } } @media (min-width: 768px) { .pr-sm--15 { padding-right: 15px; } } @media (min-width: 576px) { .pr-sm--20 { padding-right: 20px !important; } } @media (min-width: 768px) { .pr-sm--20 { padding-right: 20px; } } @media (min-width: 576px) { .pr-sm--25 { padding-right: 25px !important; } } @media (min-width: 768px) { .pr-sm--25 { padding-right: 25px; } } @media (min-width: 576px) { .pr-sm--30 { padding-right: 30px !important; } } @media (min-width: 768px) { .pr-sm--30 { padding-right: 30px; } } @media (min-width: 576px) { .pr-sm--35 { padding-right: 35px !important; } } @media (min-width: 768px) { .pr-sm--35 { padding-right: 35px; } } @media (min-width: 576px) { .pr-sm--40 { padding-right: 40px !important; } } @media (min-width: 768px) { .pr-sm--40 { padding-right: 40px; } } @media (min-width: 576px) { .pr-sm--45 { padding-right: 45px !important; } } @media (min-width: 768px) { .pr-sm--45 { padding-right: 45px; } } @media (min-width: 576px) { .pr-sm--50 { padding-right: 50px !important; } } @media (min-width: 768px) { .pr-sm--50 { padding-right: 50px; } } @media (min-width: 576px) { .pr-sm--55 { padding-right: 55px !important; } } @media (min-width: 768px) { .pr-sm--55 { padding-right: 55px; } } @media (min-width: 576px) { .pr-sm--60 { padding-right: 60px !important; } } @media (min-width: 768px) { .pr-sm--60 { padding-right: 60px; } } @media (min-width: 576px) { .pr-sm--65 { padding-right: 65px !important; } } @media (min-width: 768px) { .pr-sm--65 { padding-right: 65px; } } @media (min-width: 576px) { .pr-sm--70 { padding-right: 70px !important; } } @media (min-width: 768px) { .pr-sm--70 { padding-right: 70px; } } @media (min-width: 576px) { .pr-sm--75 { padding-right: 75px !important; } } @media (min-width: 768px) { .pr-sm--75 { padding-right: 75px; } } @media (min-width: 576px) { .pr-sm--80 { padding-right: 80px !important; } } @media (min-width: 768px) { .pr-sm--80 { padding-right: 80px; } } @media (min-width: 576px) { .pr-sm--85 { padding-right: 85px !important; } } @media (min-width: 768px) { .pr-sm--85 { padding-right: 85px; } } @media (min-width: 576px) { .pr-sm--90 { padding-right: 90px !important; } } @media (min-width: 768px) { .pr-sm--90 { padding-right: 90px; } } @media (min-width: 576px) { .pr-sm--95 { padding-right: 95px !important; } } @media (min-width: 768px) { .pr-sm--95 { padding-right: 95px; } } @media (min-width: 576px) { .pr-sm--100 { padding-right: 100px !important; } } @media (min-width: 768px) { .pr-sm--100 { padding-right: 100px; } } @media (min-width: 576px) { .pr-sm--105 { padding-right: 105px !important; } } @media (min-width: 768px) { .pr-sm--105 { padding-right: 105px; } } @media (min-width: 576px) { .pr-sm--110 { padding-right: 110px !important; } } @media (min-width: 768px) { .pr-sm--110 { padding-right: 110px; } } @media (min-width: 576px) { .pr-sm--115 { padding-right: 115px !important; } } @media (min-width: 768px) { .pr-sm--115 { padding-right: 115px; } } @media (min-width: 576px) { .pr-sm--120 { padding-right: 120px !important; } } @media (min-width: 768px) { .pr-sm--120 { padding-right: 120px; } } @media (min-width: 576px) { .pr-sm--125 { padding-right: 125px !important; } } @media (min-width: 768px) { .pr-sm--125 { padding-right: 125px; } } @media (min-width: 576px) { .pr-sm--130 { padding-right: 130px !important; } } @media (min-width: 768px) { .pr-sm--130 { padding-right: 130px; } } @media (min-width: 576px) { .pr-sm--135 { padding-right: 135px !important; } } @media (min-width: 768px) { .pr-sm--135 { padding-right: 135px; } } @media (min-width: 576px) { .pr-sm--140 { padding-right: 140px !important; } } @media (min-width: 768px) { .pr-sm--140 { padding-right: 140px; } } @media (min-width: 576px) { .pr-sm--145 { padding-right: 145px !important; } } @media (min-width: 768px) { .pr-sm--145 { padding-right: 145px; } } @media (min-width: 576px) { .pr-sm--150 { padding-right: 150px !important; } } @media (min-width: 768px) { .pr-sm--150 { padding-right: 150px; } } @media (min-width: 576px) { .pr-sm--155 { padding-right: 155px !important; } } @media (min-width: 768px) { .pr-sm--155 { padding-right: 155px; } } @media (min-width: 576px) { .pr-sm--160 { padding-right: 160px !important; } } @media (min-width: 768px) { .pr-sm--160 { padding-right: 160px; } } @media (min-width: 576px) { .pr-sm--165 { padding-right: 165px !important; } } @media (min-width: 768px) { .pr-sm--165 { padding-right: 165px; } } @media (min-width: 576px) { .pr-sm--170 { padding-right: 170px !important; } } @media (min-width: 768px) { .pr-sm--170 { padding-right: 170px; } } @media (min-width: 576px) { .pr-sm--175 { padding-right: 175px !important; } } @media (min-width: 768px) { .pr-sm--175 { padding-right: 175px; } } @media (min-width: 576px) { .pr-sm--180 { padding-right: 180px !important; } } @media (min-width: 768px) { .pr-sm--180 { padding-right: 180px; } } @media (min-width: 576px) { .pr-sm--185 { padding-right: 185px !important; } } @media (min-width: 768px) { .pr-sm--185 { padding-right: 185px; } } @media (min-width: 576px) { .pr-sm--190 { padding-right: 190px !important; } } @media (min-width: 768px) { .pr-sm--190 { padding-right: 190px; } } @media (min-width: 576px) { .pr-sm--195 { padding-right: 195px !important; } } @media (min-width: 768px) { .pr-sm--195 { padding-right: 195px; } } @media (min-width: 576px) { .pr-sm--200 { padding-right: 200px !important; } } @media (min-width: 768px) { .pr-sm--200 { padding-right: 200px; } } @media (min-width: 768px) { .pr-md--0 { padding-right: 0px !important; } } @media (min-width: 992px) { .pr-md--0 { padding-right: 0px; } } @media (min-width: 768px) { .pr-md--5 { padding-right: 5px !important; } } @media (min-width: 992px) { .pr-md--5 { padding-right: 5px; } } @media (min-width: 768px) { .pr-md--10 { padding-right: 10px !important; } } @media (min-width: 992px) { .pr-md--10 { padding-right: 10px; } } @media (min-width: 768px) { .pr-md--15 { padding-right: 15px !important; } } @media (min-width: 992px) { .pr-md--15 { padding-right: 15px; } } @media (min-width: 768px) { .pr-md--20 { padding-right: 20px !important; } } @media (min-width: 992px) { .pr-md--20 { padding-right: 20px; } } @media (min-width: 768px) { .pr-md--25 { padding-right: 25px !important; } } @media (min-width: 992px) { .pr-md--25 { padding-right: 25px; } } @media (min-width: 768px) { .pr-md--30 { padding-right: 30px !important; } } @media (min-width: 992px) { .pr-md--30 { padding-right: 30px; } } @media (min-width: 768px) { .pr-md--35 { padding-right: 35px !important; } } @media (min-width: 992px) { .pr-md--35 { padding-right: 35px; } } @media (min-width: 768px) { .pr-md--40 { padding-right: 40px !important; } } @media (min-width: 992px) { .pr-md--40 { padding-right: 40px; } } @media (min-width: 768px) { .pr-md--45 { padding-right: 45px !important; } } @media (min-width: 992px) { .pr-md--45 { padding-right: 45px; } } @media (min-width: 768px) { .pr-md--50 { padding-right: 50px !important; } } @media (min-width: 992px) { .pr-md--50 { padding-right: 50px; } } @media (min-width: 768px) { .pr-md--55 { padding-right: 55px !important; } } @media (min-width: 992px) { .pr-md--55 { padding-right: 55px; } } @media (min-width: 768px) { .pr-md--60 { padding-right: 60px !important; } } @media (min-width: 992px) { .pr-md--60 { padding-right: 60px; } } @media (min-width: 768px) { .pr-md--65 { padding-right: 65px !important; } } @media (min-width: 992px) { .pr-md--65 { padding-right: 65px; } } @media (min-width: 768px) { .pr-md--70 { padding-right: 70px !important; } } @media (min-width: 992px) { .pr-md--70 { padding-right: 70px; } } @media (min-width: 768px) { .pr-md--75 { padding-right: 75px !important; } } @media (min-width: 992px) { .pr-md--75 { padding-right: 75px; } } @media (min-width: 768px) { .pr-md--80 { padding-right: 80px !important; } } @media (min-width: 992px) { .pr-md--80 { padding-right: 80px; } } @media (min-width: 768px) { .pr-md--85 { padding-right: 85px !important; } } @media (min-width: 992px) { .pr-md--85 { padding-right: 85px; } } @media (min-width: 768px) { .pr-md--90 { padding-right: 90px !important; } } @media (min-width: 992px) { .pr-md--90 { padding-right: 90px; } } @media (min-width: 768px) { .pr-md--95 { padding-right: 95px !important; } } @media (min-width: 992px) { .pr-md--95 { padding-right: 95px; } } @media (min-width: 768px) { .pr-md--100 { padding-right: 100px !important; } } @media (min-width: 992px) { .pr-md--100 { padding-right: 100px; } } @media (min-width: 768px) { .pr-md--105 { padding-right: 105px !important; } } @media (min-width: 992px) { .pr-md--105 { padding-right: 105px; } } @media (min-width: 768px) { .pr-md--110 { padding-right: 110px !important; } } @media (min-width: 992px) { .pr-md--110 { padding-right: 110px; } } @media (min-width: 768px) { .pr-md--115 { padding-right: 115px !important; } } @media (min-width: 992px) { .pr-md--115 { padding-right: 115px; } } @media (min-width: 768px) { .pr-md--120 { padding-right: 120px !important; } } @media (min-width: 992px) { .pr-md--120 { padding-right: 120px; } } @media (min-width: 768px) { .pr-md--125 { padding-right: 125px !important; } } @media (min-width: 992px) { .pr-md--125 { padding-right: 125px; } } @media (min-width: 768px) { .pr-md--130 { padding-right: 130px !important; } } @media (min-width: 992px) { .pr-md--130 { padding-right: 130px; } } @media (min-width: 768px) { .pr-md--135 { padding-right: 135px !important; } } @media (min-width: 992px) { .pr-md--135 { padding-right: 135px; } } @media (min-width: 768px) { .pr-md--140 { padding-right: 140px !important; } } @media (min-width: 992px) { .pr-md--140 { padding-right: 140px; } } @media (min-width: 768px) { .pr-md--145 { padding-right: 145px !important; } } @media (min-width: 992px) { .pr-md--145 { padding-right: 145px; } } @media (min-width: 768px) { .pr-md--150 { padding-right: 150px !important; } } @media (min-width: 992px) { .pr-md--150 { padding-right: 150px; } } @media (min-width: 768px) { .pr-md--155 { padding-right: 155px !important; } } @media (min-width: 992px) { .pr-md--155 { padding-right: 155px; } } @media (min-width: 768px) { .pr-md--160 { padding-right: 160px !important; } } @media (min-width: 992px) { .pr-md--160 { padding-right: 160px; } } @media (min-width: 768px) { .pr-md--165 { padding-right: 165px !important; } } @media (min-width: 992px) { .pr-md--165 { padding-right: 165px; } } @media (min-width: 768px) { .pr-md--170 { padding-right: 170px !important; } } @media (min-width: 992px) { .pr-md--170 { padding-right: 170px; } } @media (min-width: 768px) { .pr-md--175 { padding-right: 175px !important; } } @media (min-width: 992px) { .pr-md--175 { padding-right: 175px; } } @media (min-width: 768px) { .pr-md--180 { padding-right: 180px !important; } } @media (min-width: 992px) { .pr-md--180 { padding-right: 180px; } } @media (min-width: 768px) { .pr-md--185 { padding-right: 185px !important; } } @media (min-width: 992px) { .pr-md--185 { padding-right: 185px; } } @media (min-width: 768px) { .pr-md--190 { padding-right: 190px !important; } } @media (min-width: 992px) { .pr-md--190 { padding-right: 190px; } } @media (min-width: 768px) { .pr-md--195 { padding-right: 195px !important; } } @media (min-width: 992px) { .pr-md--195 { padding-right: 195px; } } @media (min-width: 768px) { .pr-md--200 { padding-right: 200px !important; } } @media (min-width: 992px) { .pr-md--200 { padding-right: 200px; } } @media (min-width: 992px) { .pr-lg--0 { padding-right: 0px !important; } } @media (min-width: 1200px) { .pr-lg--0 { padding-right: 0px; } } @media (min-width: 992px) { .pr-lg--5 { padding-right: 5px !important; } } @media (min-width: 1200px) { .pr-lg--5 { padding-right: 5px; } } @media (min-width: 992px) { .pr-lg--10 { padding-right: 10px !important; } } @media (min-width: 1200px) { .pr-lg--10 { padding-right: 10px; } } @media (min-width: 992px) { .pr-lg--15 { padding-right: 15px !important; } } @media (min-width: 1200px) { .pr-lg--15 { padding-right: 15px; } } @media (min-width: 992px) { .pr-lg--20 { padding-right: 20px !important; } } @media (min-width: 1200px) { .pr-lg--20 { padding-right: 20px; } } @media (min-width: 992px) { .pr-lg--25 { padding-right: 25px !important; } } @media (min-width: 1200px) { .pr-lg--25 { padding-right: 25px; } } @media (min-width: 992px) { .pr-lg--30 { padding-right: 30px !important; } } @media (min-width: 1200px) { .pr-lg--30 { padding-right: 30px; } } @media (min-width: 992px) { .pr-lg--35 { padding-right: 35px !important; } } @media (min-width: 1200px) { .pr-lg--35 { padding-right: 35px; } } @media (min-width: 992px) { .pr-lg--40 { padding-right: 40px !important; } } @media (min-width: 1200px) { .pr-lg--40 { padding-right: 40px; } } @media (min-width: 992px) { .pr-lg--45 { padding-right: 45px !important; } } @media (min-width: 1200px) { .pr-lg--45 { padding-right: 45px; } } @media (min-width: 992px) { .pr-lg--50 { padding-right: 50px !important; } } @media (min-width: 1200px) { .pr-lg--50 { padding-right: 50px; } } @media (min-width: 992px) { .pr-lg--55 { padding-right: 55px !important; } } @media (min-width: 1200px) { .pr-lg--55 { padding-right: 55px; } } @media (min-width: 992px) { .pr-lg--60 { padding-right: 60px !important; } } @media (min-width: 1200px) { .pr-lg--60 { padding-right: 60px; } } @media (min-width: 992px) { .pr-lg--65 { padding-right: 65px !important; } } @media (min-width: 1200px) { .pr-lg--65 { padding-right: 65px; } } @media (min-width: 992px) { .pr-lg--70 { padding-right: 70px !important; } } @media (min-width: 1200px) { .pr-lg--70 { padding-right: 70px; } } @media (min-width: 992px) { .pr-lg--75 { padding-right: 75px !important; } } @media (min-width: 1200px) { .pr-lg--75 { padding-right: 75px; } } @media (min-width: 992px) { .pr-lg--80 { padding-right: 80px !important; } } @media (min-width: 1200px) { .pr-lg--80 { padding-right: 80px; } } @media (min-width: 992px) { .pr-lg--85 { padding-right: 85px !important; } } @media (min-width: 1200px) { .pr-lg--85 { padding-right: 85px; } } @media (min-width: 992px) { .pr-lg--90 { padding-right: 90px !important; } } @media (min-width: 1200px) { .pr-lg--90 { padding-right: 90px; } } @media (min-width: 992px) { .pr-lg--95 { padding-right: 95px !important; } } @media (min-width: 1200px) { .pr-lg--95 { padding-right: 95px; } } @media (min-width: 992px) { .pr-lg--100 { padding-right: 100px !important; } } @media (min-width: 1200px) { .pr-lg--100 { padding-right: 100px; } } @media (min-width: 992px) { .pr-lg--105 { padding-right: 105px !important; } } @media (min-width: 1200px) { .pr-lg--105 { padding-right: 105px; } } @media (min-width: 992px) { .pr-lg--110 { padding-right: 110px !important; } } @media (min-width: 1200px) { .pr-lg--110 { padding-right: 110px; } } @media (min-width: 992px) { .pr-lg--115 { padding-right: 115px !important; } } @media (min-width: 1200px) { .pr-lg--115 { padding-right: 115px; } } @media (min-width: 992px) { .pr-lg--120 { padding-right: 120px !important; } } @media (min-width: 1200px) { .pr-lg--120 { padding-right: 120px; } } @media (min-width: 992px) { .pr-lg--125 { padding-right: 125px !important; } } @media (min-width: 1200px) { .pr-lg--125 { padding-right: 125px; } } @media (min-width: 992px) { .pr-lg--130 { padding-right: 130px !important; } } @media (min-width: 1200px) { .pr-lg--130 { padding-right: 130px; } } @media (min-width: 992px) { .pr-lg--135 { padding-right: 135px !important; } } @media (min-width: 1200px) { .pr-lg--135 { padding-right: 135px; } } @media (min-width: 992px) { .pr-lg--140 { padding-right: 140px !important; } } @media (min-width: 1200px) { .pr-lg--140 { padding-right: 140px; } } @media (min-width: 992px) { .pr-lg--145 { padding-right: 145px !important; } } @media (min-width: 1200px) { .pr-lg--145 { padding-right: 145px; } } @media (min-width: 992px) { .pr-lg--150 { padding-right: 150px !important; } } @media (min-width: 1200px) { .pr-lg--150 { padding-right: 150px; } } @media (min-width: 992px) { .pr-lg--155 { padding-right: 155px !important; } } @media (min-width: 1200px) { .pr-lg--155 { padding-right: 155px; } } @media (min-width: 992px) { .pr-lg--160 { padding-right: 160px !important; } } @media (min-width: 1200px) { .pr-lg--160 { padding-right: 160px; } } @media (min-width: 992px) { .pr-lg--165 { padding-right: 165px !important; } } @media (min-width: 1200px) { .pr-lg--165 { padding-right: 165px; } } @media (min-width: 992px) { .pr-lg--170 { padding-right: 170px !important; } } @media (min-width: 1200px) { .pr-lg--170 { padding-right: 170px; } } @media (min-width: 992px) { .pr-lg--175 { padding-right: 175px !important; } } @media (min-width: 1200px) { .pr-lg--175 { padding-right: 175px; } } @media (min-width: 992px) { .pr-lg--180 { padding-right: 180px !important; } } @media (min-width: 1200px) { .pr-lg--180 { padding-right: 180px; } } @media (min-width: 992px) { .pr-lg--185 { padding-right: 185px !important; } } @media (min-width: 1200px) { .pr-lg--185 { padding-right: 185px; } } @media (min-width: 992px) { .pr-lg--190 { padding-right: 190px !important; } } @media (min-width: 1200px) { .pr-lg--190 { padding-right: 190px; } } @media (min-width: 992px) { .pr-lg--195 { padding-right: 195px !important; } } @media (min-width: 1200px) { .pr-lg--195 { padding-right: 195px; } } @media (min-width: 992px) { .pr-lg--200 { padding-right: 200px !important; } } @media (min-width: 1200px) { .pr-lg--200 { padding-right: 200px; } } /*=====================================*/ /*-- :::: Responsive Margins :::: --*/ /*=====================================*/ /*-- Responsive Margins top --*/ @media (min-width: 576px) { .mt-sm--0 { margin-top: 0px !important; } } @media (min-width: 768px) { .mt-sm--0 { margin-top: 0px; } } @media (min-width: 576px) { .mt-sm--5 { margin-top: 5px !important; } } @media (min-width: 768px) { .mt-sm--5 { margin-top: 5px; } } @media (min-width: 576px) { .mt-sm--10 { margin-top: 10px !important; } } @media (min-width: 768px) { .mt-sm--10 { margin-top: 10px; } } @media (min-width: 576px) { .mt-sm--15 { margin-top: 15px !important; } } @media (min-width: 768px) { .mt-sm--15 { margin-top: 15px; } } @media (min-width: 576px) { .mt-sm--20 { margin-top: 20px !important; } } @media (min-width: 768px) { .mt-sm--20 { margin-top: 20px; } } @media (min-width: 576px) { .mt-sm--25 { margin-top: 25px !important; } } @media (min-width: 768px) { .mt-sm--25 { margin-top: 25px; } } @media (min-width: 576px) { .mt-sm--30 { margin-top: 30px !important; } } @media (min-width: 768px) { .mt-sm--30 { margin-top: 30px; } } @media (min-width: 576px) { .mt-sm--35 { margin-top: 35px !important; } } @media (min-width: 768px) { .mt-sm--35 { margin-top: 35px; } } @media (min-width: 576px) { .mt-sm--40 { margin-top: 40px !important; } } @media (min-width: 768px) { .mt-sm--40 { margin-top: 40px; } } @media (min-width: 576px) { .mt-sm--45 { margin-top: 45px !important; } } @media (min-width: 768px) { .mt-sm--45 { margin-top: 45px; } } @media (min-width: 576px) { .mt-sm--50 { margin-top: 50px !important; } } @media (min-width: 768px) { .mt-sm--50 { margin-top: 50px; } } @media (min-width: 576px) { .mt-sm--55 { margin-top: 55px !important; } } @media (min-width: 768px) { .mt-sm--55 { margin-top: 55px; } } @media (min-width: 576px) { .mt-sm--60 { margin-top: 60px !important; } } @media (min-width: 768px) { .mt-sm--60 { margin-top: 60px; } } @media (min-width: 576px) { .mt-sm--65 { margin-top: 65px !important; } } @media (min-width: 768px) { .mt-sm--65 { margin-top: 65px; } } @media (min-width: 576px) { .mt-sm--70 { margin-top: 70px !important; } } @media (min-width: 768px) { .mt-sm--70 { margin-top: 70px; } } @media (min-width: 576px) { .mt-sm--75 { margin-top: 75px !important; } } @media (min-width: 768px) { .mt-sm--75 { margin-top: 75px; } } @media (min-width: 576px) { .mt-sm--80 { margin-top: 80px !important; } } @media (min-width: 768px) { .mt-sm--80 { margin-top: 80px; } } @media (min-width: 576px) { .mt-sm--85 { margin-top: 85px !important; } } @media (min-width: 768px) { .mt-sm--85 { margin-top: 85px; } } @media (min-width: 576px) { .mt-sm--90 { margin-top: 90px !important; } } @media (min-width: 768px) { .mt-sm--90 { margin-top: 90px; } } @media (min-width: 576px) { .mt-sm--95 { margin-top: 95px !important; } } @media (min-width: 768px) { .mt-sm--95 { margin-top: 95px; } } @media (min-width: 576px) { .mt-sm--100 { margin-top: 100px !important; } } @media (min-width: 768px) { .mt-sm--100 { margin-top: 100px; } } @media (min-width: 576px) { .mt-sm--105 { margin-top: 105px !important; } } @media (min-width: 768px) { .mt-sm--105 { margin-top: 105px; } } @media (min-width: 576px) { .mt-sm--110 { margin-top: 110px !important; } } @media (min-width: 768px) { .mt-sm--110 { margin-top: 110px; } } @media (min-width: 576px) { .mt-sm--115 { margin-top: 115px !important; } } @media (min-width: 768px) { .mt-sm--115 { margin-top: 115px; } } @media (min-width: 576px) { .mt-sm--120 { margin-top: 120px !important; } } @media (min-width: 768px) { .mt-sm--120 { margin-top: 120px; } } @media (min-width: 576px) { .mt-sm--125 { margin-top: 125px !important; } } @media (min-width: 768px) { .mt-sm--125 { margin-top: 125px; } } @media (min-width: 576px) { .mt-sm--130 { margin-top: 130px !important; } } @media (min-width: 768px) { .mt-sm--130 { margin-top: 130px; } } @media (min-width: 576px) { .mt-sm--135 { margin-top: 135px !important; } } @media (min-width: 768px) { .mt-sm--135 { margin-top: 135px; } } @media (min-width: 576px) { .mt-sm--140 { margin-top: 140px !important; } } @media (min-width: 768px) { .mt-sm--140 { margin-top: 140px; } } @media (min-width: 576px) { .mt-sm--145 { margin-top: 145px !important; } } @media (min-width: 768px) { .mt-sm--145 { margin-top: 145px; } } @media (min-width: 576px) { .mt-sm--150 { margin-top: 150px !important; } } @media (min-width: 768px) { .mt-sm--150 { margin-top: 150px; } } @media (min-width: 576px) { .mt-sm--155 { margin-top: 155px !important; } } @media (min-width: 768px) { .mt-sm--155 { margin-top: 155px; } } @media (min-width: 576px) { .mt-sm--160 { margin-top: 160px !important; } } @media (min-width: 768px) { .mt-sm--160 { margin-top: 160px; } } @media (min-width: 576px) { .mt-sm--165 { margin-top: 165px !important; } } @media (min-width: 768px) { .mt-sm--165 { margin-top: 165px; } } @media (min-width: 576px) { .mt-sm--170 { margin-top: 170px !important; } } @media (min-width: 768px) { .mt-sm--170 { margin-top: 170px; } } @media (min-width: 576px) { .mt-sm--175 { margin-top: 175px !important; } } @media (min-width: 768px) { .mt-sm--175 { margin-top: 175px; } } @media (min-width: 576px) { .mt-sm--180 { margin-top: 180px !important; } } @media (min-width: 768px) { .mt-sm--180 { margin-top: 180px; } } @media (min-width: 576px) { .mt-sm--185 { margin-top: 185px !important; } } @media (min-width: 768px) { .mt-sm--185 { margin-top: 185px; } } @media (min-width: 576px) { .mt-sm--190 { margin-top: 190px !important; } } @media (min-width: 768px) { .mt-sm--190 { margin-top: 190px; } } @media (min-width: 576px) { .mt-sm--195 { margin-top: 195px !important; } } @media (min-width: 768px) { .mt-sm--195 { margin-top: 195px; } } @media (min-width: 576px) { .mt-sm--200 { margin-top: 200px !important; } } @media (min-width: 768px) { .mt-sm--200 { margin-top: 200px; } } @media (min-width: 768px) { .mt-md--0 { margin-top: 0px !important; } } @media (min-width: 992px) { .mt-md--0 { margin-top: 0px; } } @media (min-width: 768px) { .mt-md--5 { margin-top: 5px !important; } } @media (min-width: 992px) { .mt-md--5 { margin-top: 5px; } } @media (min-width: 768px) { .mt-md--10 { margin-top: 10px !important; } } @media (min-width: 992px) { .mt-md--10 { margin-top: 10px; } } @media (min-width: 768px) { .mt-md--15 { margin-top: 15px !important; } } @media (min-width: 992px) { .mt-md--15 { margin-top: 15px; } } @media (min-width: 768px) { .mt-md--20 { margin-top: 20px !important; } } @media (min-width: 992px) { .mt-md--20 { margin-top: 20px; } } @media (min-width: 768px) { .mt-md--25 { margin-top: 25px !important; } } @media (min-width: 992px) { .mt-md--25 { margin-top: 25px; } } @media (min-width: 768px) { .mt-md--30 { margin-top: 30px !important; } } @media (min-width: 992px) { .mt-md--30 { margin-top: 30px; } } @media (min-width: 768px) { .mt-md--35 { margin-top: 35px !important; } } @media (min-width: 992px) { .mt-md--35 { margin-top: 35px; } } @media (min-width: 768px) { .mt-md--40 { margin-top: 40px !important; } } @media (min-width: 992px) { .mt-md--40 { margin-top: 40px; } } @media (min-width: 768px) { .mt-md--45 { margin-top: 45px !important; } } @media (min-width: 992px) { .mt-md--45 { margin-top: 45px; } } @media (min-width: 768px) { .mt-md--50 { margin-top: 50px !important; } } @media (min-width: 992px) { .mt-md--50 { margin-top: 50px; } } @media (min-width: 768px) { .mt-md--55 { margin-top: 55px !important; } } @media (min-width: 992px) { .mt-md--55 { margin-top: 55px; } } @media (min-width: 768px) { .mt-md--60 { margin-top: 60px !important; } } @media (min-width: 992px) { .mt-md--60 { margin-top: 60px; } } @media (min-width: 768px) { .mt-md--65 { margin-top: 65px !important; } } @media (min-width: 992px) { .mt-md--65 { margin-top: 65px; } } @media (min-width: 768px) { .mt-md--70 { margin-top: 70px !important; } } @media (min-width: 992px) { .mt-md--70 { margin-top: 70px; } } @media (min-width: 768px) { .mt-md--75 { margin-top: 75px !important; } } @media (min-width: 992px) { .mt-md--75 { margin-top: 75px; } } @media (min-width: 768px) { .mt-md--80 { margin-top: 80px !important; } } @media (min-width: 992px) { .mt-md--80 { margin-top: 80px; } } @media (min-width: 768px) { .mt-md--85 { margin-top: 85px !important; } } @media (min-width: 992px) { .mt-md--85 { margin-top: 85px; } } @media (min-width: 768px) { .mt-md--90 { margin-top: 90px !important; } } @media (min-width: 992px) { .mt-md--90 { margin-top: 90px; } } @media (min-width: 768px) { .mt-md--95 { margin-top: 95px !important; } } @media (min-width: 992px) { .mt-md--95 { margin-top: 95px; } } @media (min-width: 768px) { .mt-md--100 { margin-top: 100px !important; } } @media (min-width: 992px) { .mt-md--100 { margin-top: 100px; } } @media (min-width: 768px) { .mt-md--105 { margin-top: 105px !important; } } @media (min-width: 992px) { .mt-md--105 { margin-top: 105px; } } @media (min-width: 768px) { .mt-md--110 { margin-top: 110px !important; } } @media (min-width: 992px) { .mt-md--110 { margin-top: 110px; } } @media (min-width: 768px) { .mt-md--115 { margin-top: 115px !important; } } @media (min-width: 992px) { .mt-md--115 { margin-top: 115px; } } @media (min-width: 768px) { .mt-md--120 { margin-top: 120px !important; } } @media (min-width: 992px) { .mt-md--120 { margin-top: 120px; } } @media (min-width: 768px) { .mt-md--125 { margin-top: 125px !important; } } @media (min-width: 992px) { .mt-md--125 { margin-top: 125px; } } @media (min-width: 768px) { .mt-md--130 { margin-top: 130px !important; } } @media (min-width: 992px) { .mt-md--130 { margin-top: 130px; } } @media (min-width: 768px) { .mt-md--135 { margin-top: 135px !important; } } @media (min-width: 992px) { .mt-md--135 { margin-top: 135px; } } @media (min-width: 768px) { .mt-md--140 { margin-top: 140px !important; } } @media (min-width: 992px) { .mt-md--140 { margin-top: 140px; } } @media (min-width: 768px) { .mt-md--145 { margin-top: 145px !important; } } @media (min-width: 992px) { .mt-md--145 { margin-top: 145px; } } @media (min-width: 768px) { .mt-md--150 { margin-top: 150px !important; } } @media (min-width: 992px) { .mt-md--150 { margin-top: 150px; } } @media (min-width: 768px) { .mt-md--155 { margin-top: 155px !important; } } @media (min-width: 992px) { .mt-md--155 { margin-top: 155px; } } @media (min-width: 768px) { .mt-md--160 { margin-top: 160px !important; } } @media (min-width: 992px) { .mt-md--160 { margin-top: 160px; } } @media (min-width: 768px) { .mt-md--165 { margin-top: 165px !important; } } @media (min-width: 992px) { .mt-md--165 { margin-top: 165px; } } @media (min-width: 768px) { .mt-md--170 { margin-top: 170px !important; } } @media (min-width: 992px) { .mt-md--170 { margin-top: 170px; } } @media (min-width: 768px) { .mt-md--175 { margin-top: 175px !important; } } @media (min-width: 992px) { .mt-md--175 { margin-top: 175px; } } @media (min-width: 768px) { .mt-md--180 { margin-top: 180px !important; } } @media (min-width: 992px) { .mt-md--180 { margin-top: 180px; } } @media (min-width: 768px) { .mt-md--185 { margin-top: 185px !important; } } @media (min-width: 992px) { .mt-md--185 { margin-top: 185px; } } @media (min-width: 768px) { .mt-md--190 { margin-top: 190px !important; } } @media (min-width: 992px) { .mt-md--190 { margin-top: 190px; } } @media (min-width: 768px) { .mt-md--195 { margin-top: 195px !important; } } @media (min-width: 992px) { .mt-md--195 { margin-top: 195px; } } @media (min-width: 768px) { .mt-md--200 { margin-top: 200px !important; } } @media (min-width: 992px) { .mt-md--200 { margin-top: 200px; } } @media (min-width: 992px) { .mt-lg--0 { margin-top: 0px !important; } } @media (min-width: 1200px) { .mt-lg--0 { margin-top: 0px; } } @media (min-width: 992px) { .mt-lg--5 { margin-top: 5px !important; } } @media (min-width: 1200px) { .mt-lg--5 { margin-top: 5px; } } @media (min-width: 992px) { .mt-lg--10 { margin-top: 10px !important; } } @media (min-width: 1200px) { .mt-lg--10 { margin-top: 10px; } } @media (min-width: 992px) { .mt-lg--15 { margin-top: 15px !important; } } @media (min-width: 1200px) { .mt-lg--15 { margin-top: 15px; } } @media (min-width: 992px) { .mt-lg--20 { margin-top: 20px !important; } } @media (min-width: 1200px) { .mt-lg--20 { margin-top: 20px; } } @media (min-width: 992px) { .mt-lg--25 { margin-top: 25px !important; } } @media (min-width: 1200px) { .mt-lg--25 { margin-top: 25px; } } @media (min-width: 992px) { .mt-lg--30 { margin-top: 30px !important; } } @media (min-width: 1200px) { .mt-lg--30 { margin-top: 30px; } } @media (min-width: 992px) { .mt-lg--35 { margin-top: 35px !important; } } @media (min-width: 1200px) { .mt-lg--35 { margin-top: 35px; } } @media (min-width: 992px) { .mt-lg--40 { margin-top: 40px !important; } } @media (min-width: 1200px) { .mt-lg--40 { margin-top: 40px; } } @media (min-width: 992px) { .mt-lg--45 { margin-top: 45px !important; } } @media (min-width: 1200px) { .mt-lg--45 { margin-top: 45px; } } @media (min-width: 992px) { .mt-lg--50 { margin-top: 50px !important; } } @media (min-width: 1200px) { .mt-lg--50 { margin-top: 50px; } } @media (min-width: 992px) { .mt-lg--55 { margin-top: 55px !important; } } @media (min-width: 1200px) { .mt-lg--55 { margin-top: 55px; } } @media (min-width: 992px) { .mt-lg--60 { margin-top: 60px !important; } } @media (min-width: 1200px) { .mt-lg--60 { margin-top: 60px; } } @media (min-width: 992px) { .mt-lg--65 { margin-top: 65px !important; } } @media (min-width: 1200px) { .mt-lg--65 { margin-top: 65px; } } @media (min-width: 992px) { .mt-lg--70 { margin-top: 70px !important; } } @media (min-width: 1200px) { .mt-lg--70 { margin-top: 70px; } } @media (min-width: 992px) { .mt-lg--75 { margin-top: 75px !important; } } @media (min-width: 1200px) { .mt-lg--75 { margin-top: 75px; } } @media (min-width: 992px) { .mt-lg--80 { margin-top: 80px !important; } } @media (min-width: 1200px) { .mt-lg--80 { margin-top: 80px; } } @media (min-width: 992px) { .mt-lg--85 { margin-top: 85px !important; } } @media (min-width: 1200px) { .mt-lg--85 { margin-top: 85px; } } @media (min-width: 992px) { .mt-lg--90 { margin-top: 90px !important; } } @media (min-width: 1200px) { .mt-lg--90 { margin-top: 90px; } } @media (min-width: 992px) { .mt-lg--95 { margin-top: 95px !important; } } @media (min-width: 1200px) { .mt-lg--95 { margin-top: 95px; } } @media (min-width: 992px) { .mt-lg--100 { margin-top: 100px !important; } } @media (min-width: 1200px) { .mt-lg--100 { margin-top: 100px; } } @media (min-width: 992px) { .mt-lg--105 { margin-top: 105px !important; } } @media (min-width: 1200px) { .mt-lg--105 { margin-top: 105px; } } @media (min-width: 992px) { .mt-lg--110 { margin-top: 110px !important; } } @media (min-width: 1200px) { .mt-lg--110 { margin-top: 110px; } } @media (min-width: 992px) { .mt-lg--115 { margin-top: 115px !important; } } @media (min-width: 1200px) { .mt-lg--115 { margin-top: 115px; } } @media (min-width: 992px) { .mt-lg--120 { margin-top: 120px !important; } } @media (min-width: 1200px) { .mt-lg--120 { margin-top: 120px; } } @media (min-width: 992px) { .mt-lg--125 { margin-top: 125px !important; } } @media (min-width: 1200px) { .mt-lg--125 { margin-top: 125px; } } @media (min-width: 992px) { .mt-lg--130 { margin-top: 130px !important; } } @media (min-width: 1200px) { .mt-lg--130 { margin-top: 130px; } } @media (min-width: 992px) { .mt-lg--135 { margin-top: 135px !important; } } @media (min-width: 1200px) { .mt-lg--135 { margin-top: 135px; } } @media (min-width: 992px) { .mt-lg--140 { margin-top: 140px !important; } } @media (min-width: 1200px) { .mt-lg--140 { margin-top: 140px; } } @media (min-width: 992px) { .mt-lg--145 { margin-top: 145px !important; } } @media (min-width: 1200px) { .mt-lg--145 { margin-top: 145px; } } @media (min-width: 992px) { .mt-lg--150 { margin-top: 150px !important; } } @media (min-width: 1200px) { .mt-lg--150 { margin-top: 150px; } } @media (min-width: 992px) { .mt-lg--155 { margin-top: 155px !important; } } @media (min-width: 1200px) { .mt-lg--155 { margin-top: 155px; } } @media (min-width: 992px) { .mt-lg--160 { margin-top: 160px !important; } } @media (min-width: 1200px) { .mt-lg--160 { margin-top: 160px; } } @media (min-width: 992px) { .mt-lg--165 { margin-top: 165px !important; } } @media (min-width: 1200px) { .mt-lg--165 { margin-top: 165px; } } @media (min-width: 992px) { .mt-lg--170 { margin-top: 170px !important; } } @media (min-width: 1200px) { .mt-lg--170 { margin-top: 170px; } } @media (min-width: 992px) { .mt-lg--175 { margin-top: 175px !important; } } @media (min-width: 1200px) { .mt-lg--175 { margin-top: 175px; } } @media (min-width: 992px) { .mt-lg--180 { margin-top: 180px !important; } } @media (min-width: 1200px) { .mt-lg--180 { margin-top: 180px; } } @media (min-width: 992px) { .mt-lg--185 { margin-top: 185px !important; } } @media (min-width: 1200px) { .mt-lg--185 { margin-top: 185px; } } @media (min-width: 992px) { .mt-lg--190 { margin-top: 190px !important; } } @media (min-width: 1200px) { .mt-lg--190 { margin-top: 190px; } } @media (min-width: 992px) { .mt-lg--195 { margin-top: 195px !important; } } @media (min-width: 1200px) { .mt-lg--195 { margin-top: 195px; } } @media (min-width: 992px) { .mt-lg--200 { margin-top: 200px !important; } } @media (min-width: 1200px) { .mt-lg--200 { margin-top: 200px; } } @media (min-width: 1200px) { .mt-xl--0 { margin-top: 0px !important; } } @media (min-width: 1600px) { .mt-xl--0 { margin-top: 0px; } } @media (min-width: 1200px) { .mt-xl--5 { margin-top: 5px !important; } } @media (min-width: 1600px) { .mt-xl--5 { margin-top: 5px; } } @media (min-width: 1200px) { .mt-xl--10 { margin-top: 10px !important; } } @media (min-width: 1600px) { .mt-xl--10 { margin-top: 10px; } } @media (min-width: 1200px) { .mt-xl--15 { margin-top: 15px !important; } } @media (min-width: 1600px) { .mt-xl--15 { margin-top: 15px; } } @media (min-width: 1200px) { .mt-xl--20 { margin-top: 20px !important; } } @media (min-width: 1600px) { .mt-xl--20 { margin-top: 20px; } } @media (min-width: 1200px) { .mt-xl--25 { margin-top: 25px !important; } } @media (min-width: 1600px) { .mt-xl--25 { margin-top: 25px; } } @media (min-width: 1200px) { .mt-xl--30 { margin-top: 30px !important; } } @media (min-width: 1600px) { .mt-xl--30 { margin-top: 30px; } } @media (min-width: 1200px) { .mt-xl--35 { margin-top: 35px !important; } } @media (min-width: 1600px) { .mt-xl--35 { margin-top: 35px; } } @media (min-width: 1200px) { .mt-xl--40 { margin-top: 40px !important; } } @media (min-width: 1600px) { .mt-xl--40 { margin-top: 40px; } } @media (min-width: 1200px) { .mt-xl--45 { margin-top: 45px !important; } } @media (min-width: 1600px) { .mt-xl--45 { margin-top: 45px; } } @media (min-width: 1200px) { .mt-xl--50 { margin-top: 50px !important; } } @media (min-width: 1600px) { .mt-xl--50 { margin-top: 50px; } } @media (min-width: 1200px) { .mt-xl--55 { margin-top: 55px !important; } } @media (min-width: 1600px) { .mt-xl--55 { margin-top: 55px; } } @media (min-width: 1200px) { .mt-xl--60 { margin-top: 60px !important; } } @media (min-width: 1600px) { .mt-xl--60 { margin-top: 60px; } } @media (min-width: 1200px) { .mt-xl--65 { margin-top: 65px !important; } } @media (min-width: 1600px) { .mt-xl--65 { margin-top: 65px; } } @media (min-width: 1200px) { .mt-xl--70 { margin-top: 70px !important; } } @media (min-width: 1600px) { .mt-xl--70 { margin-top: 70px; } } @media (min-width: 1200px) { .mt-xl--75 { margin-top: 75px !important; } } @media (min-width: 1600px) { .mt-xl--75 { margin-top: 75px; } } @media (min-width: 1200px) { .mt-xl--80 { margin-top: 80px !important; } } @media (min-width: 1600px) { .mt-xl--80 { margin-top: 80px; } } @media (min-width: 1200px) { .mt-xl--85 { margin-top: 85px !important; } } @media (min-width: 1600px) { .mt-xl--85 { margin-top: 85px; } } @media (min-width: 1200px) { .mt-xl--90 { margin-top: 90px !important; } } @media (min-width: 1600px) { .mt-xl--90 { margin-top: 90px; } } @media (min-width: 1200px) { .mt-xl--95 { margin-top: 95px !important; } } @media (min-width: 1600px) { .mt-xl--95 { margin-top: 95px; } } @media (min-width: 1200px) { .mt-xl--100 { margin-top: 100px !important; } } @media (min-width: 1600px) { .mt-xl--100 { margin-top: 100px; } } @media (min-width: 1200px) { .mt-xl--105 { margin-top: 105px !important; } } @media (min-width: 1600px) { .mt-xl--105 { margin-top: 105px; } } @media (min-width: 1200px) { .mt-xl--110 { margin-top: 110px !important; } } @media (min-width: 1600px) { .mt-xl--110 { margin-top: 110px; } } @media (min-width: 1200px) { .mt-xl--115 { margin-top: 115px !important; } } @media (min-width: 1600px) { .mt-xl--115 { margin-top: 115px; } } @media (min-width: 1200px) { .mt-xl--120 { margin-top: 120px !important; } } @media (min-width: 1600px) { .mt-xl--120 { margin-top: 120px; } } @media (min-width: 1200px) { .mt-xl--125 { margin-top: 125px !important; } } @media (min-width: 1600px) { .mt-xl--125 { margin-top: 125px; } } @media (min-width: 1200px) { .mt-xl--130 { margin-top: 130px !important; } } @media (min-width: 1600px) { .mt-xl--130 { margin-top: 130px; } } @media (min-width: 1200px) { .mt-xl--135 { margin-top: 135px !important; } } @media (min-width: 1600px) { .mt-xl--135 { margin-top: 135px; } } @media (min-width: 1200px) { .mt-xl--140 { margin-top: 140px !important; } } @media (min-width: 1600px) { .mt-xl--140 { margin-top: 140px; } } @media (min-width: 1200px) { .mt-xl--145 { margin-top: 145px !important; } } @media (min-width: 1600px) { .mt-xl--145 { margin-top: 145px; } } @media (min-width: 1200px) { .mt-xl--150 { margin-top: 150px !important; } } @media (min-width: 1600px) { .mt-xl--150 { margin-top: 150px; } } @media (min-width: 1200px) { .mt-xl--155 { margin-top: 155px !important; } } @media (min-width: 1600px) { .mt-xl--155 { margin-top: 155px; } } @media (min-width: 1200px) { .mt-xl--160 { margin-top: 160px !important; } } @media (min-width: 1600px) { .mt-xl--160 { margin-top: 160px; } } @media (min-width: 1200px) { .mt-xl--165 { margin-top: 165px !important; } } @media (min-width: 1600px) { .mt-xl--165 { margin-top: 165px; } } @media (min-width: 1200px) { .mt-xl--170 { margin-top: 170px !important; } } @media (min-width: 1600px) { .mt-xl--170 { margin-top: 170px; } } @media (min-width: 1200px) { .mt-xl--175 { margin-top: 175px !important; } } @media (min-width: 1600px) { .mt-xl--175 { margin-top: 175px; } } @media (min-width: 1200px) { .mt-xl--180 { margin-top: 180px !important; } } @media (min-width: 1600px) { .mt-xl--180 { margin-top: 180px; } } @media (min-width: 1200px) { .mt-xl--185 { margin-top: 185px !important; } } @media (min-width: 1600px) { .mt-xl--185 { margin-top: 185px; } } @media (min-width: 1200px) { .mt-xl--190 { margin-top: 190px !important; } } @media (min-width: 1600px) { .mt-xl--190 { margin-top: 190px; } } @media (min-width: 1200px) { .mt-xl--195 { margin-top: 195px !important; } } @media (min-width: 1600px) { .mt-xl--195 { margin-top: 195px; } } @media (min-width: 1200px) { .mt-xl--200 { margin-top: 200px !important; } } @media (min-width: 1600px) { .mt-xl--200 { margin-top: 200px; } } /*-- Responsive Margins bottom --*/ @media (min-width: 576px) { .mb-sm--0 { margin-bottom: 0px !important; } } @media (min-width: 768px) { .mb-sm--0 { margin-bottom: 0px; } } @media (min-width: 576px) { .mb-sm--5 { margin-bottom: 5px !important; } } @media (min-width: 768px) { .mb-sm--5 { margin-bottom: 5px; } } @media (min-width: 576px) { .mb-sm--10 { margin-bottom: 10px !important; } } @media (min-width: 768px) { .mb-sm--10 { margin-bottom: 10px; } } @media (min-width: 576px) { .mb-sm--15 { margin-bottom: 15px !important; } } @media (min-width: 768px) { .mb-sm--15 { margin-bottom: 15px; } } @media (min-width: 576px) { .mb-sm--20 { margin-bottom: 20px !important; } } @media (min-width: 768px) { .mb-sm--20 { margin-bottom: 20px; } } @media (min-width: 576px) { .mb-sm--25 { margin-bottom: 25px !important; } } @media (min-width: 768px) { .mb-sm--25 { margin-bottom: 25px; } } @media (min-width: 576px) { .mb-sm--30 { margin-bottom: 30px !important; } } @media (min-width: 768px) { .mb-sm--30 { margin-bottom: 30px; } } @media (min-width: 576px) { .mb-sm--35 { margin-bottom: 35px !important; } } @media (min-width: 768px) { .mb-sm--35 { margin-bottom: 35px; } } @media (min-width: 576px) { .mb-sm--40 { margin-bottom: 40px !important; } } @media (min-width: 768px) { .mb-sm--40 { margin-bottom: 40px; } } @media (min-width: 576px) { .mb-sm--45 { margin-bottom: 45px !important; } } @media (min-width: 768px) { .mb-sm--45 { margin-bottom: 45px; } } @media (min-width: 576px) { .mb-sm--50 { margin-bottom: 50px !important; } } @media (min-width: 768px) { .mb-sm--50 { margin-bottom: 50px; } } @media (min-width: 576px) { .mb-sm--55 { margin-bottom: 55px !important; } } @media (min-width: 768px) { .mb-sm--55 { margin-bottom: 55px; } } @media (min-width: 576px) { .mb-sm--60 { margin-bottom: 60px !important; } } @media (min-width: 768px) { .mb-sm--60 { margin-bottom: 60px; } } @media (min-width: 576px) { .mb-sm--65 { margin-bottom: 65px !important; } } @media (min-width: 768px) { .mb-sm--65 { margin-bottom: 65px; } } @media (min-width: 576px) { .mb-sm--70 { margin-bottom: 70px !important; } } @media (min-width: 768px) { .mb-sm--70 { margin-bottom: 70px; } } @media (min-width: 576px) { .mb-sm--75 { margin-bottom: 75px !important; } } @media (min-width: 768px) { .mb-sm--75 { margin-bottom: 75px; } } @media (min-width: 576px) { .mb-sm--80 { margin-bottom: 80px !important; } } @media (min-width: 768px) { .mb-sm--80 { margin-bottom: 80px; } } @media (min-width: 576px) { .mb-sm--85 { margin-bottom: 85px !important; } } @media (min-width: 768px) { .mb-sm--85 { margin-bottom: 85px; } } @media (min-width: 576px) { .mb-sm--90 { margin-bottom: 90px !important; } } @media (min-width: 768px) { .mb-sm--90 { margin-bottom: 90px; } } @media (min-width: 576px) { .mb-sm--95 { margin-bottom: 95px !important; } } @media (min-width: 768px) { .mb-sm--95 { margin-bottom: 95px; } } @media (min-width: 576px) { .mb-sm--100 { margin-bottom: 100px !important; } } @media (min-width: 768px) { .mb-sm--100 { margin-bottom: 100px; } } @media (min-width: 576px) { .mb-sm--105 { margin-bottom: 105px !important; } } @media (min-width: 768px) { .mb-sm--105 { margin-bottom: 105px; } } @media (min-width: 576px) { .mb-sm--110 { margin-bottom: 110px !important; } } @media (min-width: 768px) { .mb-sm--110 { margin-bottom: 110px; } } @media (min-width: 576px) { .mb-sm--115 { margin-bottom: 115px !important; } } @media (min-width: 768px) { .mb-sm--115 { margin-bottom: 115px; } } @media (min-width: 576px) { .mb-sm--120 { margin-bottom: 120px !important; } } @media (min-width: 768px) { .mb-sm--120 { margin-bottom: 120px; } } @media (min-width: 576px) { .mb-sm--125 { margin-bottom: 125px !important; } } @media (min-width: 768px) { .mb-sm--125 { margin-bottom: 125px; } } @media (min-width: 576px) { .mb-sm--130 { margin-bottom: 130px !important; } } @media (min-width: 768px) { .mb-sm--130 { margin-bottom: 130px; } } @media (min-width: 576px) { .mb-sm--135 { margin-bottom: 135px !important; } } @media (min-width: 768px) { .mb-sm--135 { margin-bottom: 135px; } } @media (min-width: 576px) { .mb-sm--140 { margin-bottom: 140px !important; } } @media (min-width: 768px) { .mb-sm--140 { margin-bottom: 140px; } } @media (min-width: 576px) { .mb-sm--145 { margin-bottom: 145px !important; } } @media (min-width: 768px) { .mb-sm--145 { margin-bottom: 145px; } } @media (min-width: 576px) { .mb-sm--150 { margin-bottom: 150px !important; } } @media (min-width: 768px) { .mb-sm--150 { margin-bottom: 150px; } } @media (min-width: 576px) { .mb-sm--155 { margin-bottom: 155px !important; } } @media (min-width: 768px) { .mb-sm--155 { margin-bottom: 155px; } } @media (min-width: 576px) { .mb-sm--160 { margin-bottom: 160px !important; } } @media (min-width: 768px) { .mb-sm--160 { margin-bottom: 160px; } } @media (min-width: 576px) { .mb-sm--165 { margin-bottom: 165px !important; } } @media (min-width: 768px) { .mb-sm--165 { margin-bottom: 165px; } } @media (min-width: 576px) { .mb-sm--170 { margin-bottom: 170px !important; } } @media (min-width: 768px) { .mb-sm--170 { margin-bottom: 170px; } } @media (min-width: 576px) { .mb-sm--175 { margin-bottom: 175px !important; } } @media (min-width: 768px) { .mb-sm--175 { margin-bottom: 175px; } } @media (min-width: 576px) { .mb-sm--180 { margin-bottom: 180px !important; } } @media (min-width: 768px) { .mb-sm--180 { margin-bottom: 180px; } } @media (min-width: 576px) { .mb-sm--185 { margin-bottom: 185px !important; } } @media (min-width: 768px) { .mb-sm--185 { margin-bottom: 185px; } } @media (min-width: 576px) { .mb-sm--190 { margin-bottom: 190px !important; } } @media (min-width: 768px) { .mb-sm--190 { margin-bottom: 190px; } } @media (min-width: 576px) { .mb-sm--195 { margin-bottom: 195px !important; } } @media (min-width: 768px) { .mb-sm--195 { margin-bottom: 195px; } } @media (min-width: 576px) { .mb-sm--200 { margin-bottom: 200px !important; } } @media (min-width: 768px) { .mb-sm--200 { margin-bottom: 200px; } } @media (min-width: 768px) { .mb-md--0 { margin-bottom: 0px !important; } } @media (min-width: 992px) { .mb-md--0 { margin-bottom: 0px; } } @media (min-width: 768px) { .mb-md--5 { margin-bottom: 5px !important; } } @media (min-width: 992px) { .mb-md--5 { margin-bottom: 5px; } } @media (min-width: 768px) { .mb-md--10 { margin-bottom: 10px !important; } } @media (min-width: 992px) { .mb-md--10 { margin-bottom: 10px; } } @media (min-width: 768px) { .mb-md--15 { margin-bottom: 15px !important; } } @media (min-width: 992px) { .mb-md--15 { margin-bottom: 15px; } } @media (min-width: 768px) { .mb-md--20 { margin-bottom: 20px !important; } } @media (min-width: 992px) { .mb-md--20 { margin-bottom: 20px; } } @media (min-width: 768px) { .mb-md--25 { margin-bottom: 25px !important; } } @media (min-width: 992px) { .mb-md--25 { margin-bottom: 25px; } } @media (min-width: 768px) { .mb-md--30 { margin-bottom: 30px !important; } } @media (min-width: 992px) { .mb-md--30 { margin-bottom: 30px; } } @media (min-width: 768px) { .mb-md--35 { margin-bottom: 35px !important; } } @media (min-width: 992px) { .mb-md--35 { margin-bottom: 35px; } } @media (min-width: 768px) { .mb-md--40 { margin-bottom: 40px !important; } } @media (min-width: 992px) { .mb-md--40 { margin-bottom: 40px; } } @media (min-width: 768px) { .mb-md--45 { margin-bottom: 45px !important; } } @media (min-width: 992px) { .mb-md--45 { margin-bottom: 45px; } } @media (min-width: 768px) { .mb-md--50 { margin-bottom: 50px !important; } } @media (min-width: 992px) { .mb-md--50 { margin-bottom: 50px; } } @media (min-width: 768px) { .mb-md--55 { margin-bottom: 55px !important; } } @media (min-width: 992px) { .mb-md--55 { margin-bottom: 55px; } } @media (min-width: 768px) { .mb-md--60 { margin-bottom: 60px !important; } } @media (min-width: 992px) { .mb-md--60 { margin-bottom: 60px; } } @media (min-width: 768px) { .mb-md--65 { margin-bottom: 65px !important; } } @media (min-width: 992px) { .mb-md--65 { margin-bottom: 65px; } } @media (min-width: 768px) { .mb-md--70 { margin-bottom: 70px !important; } } @media (min-width: 992px) { .mb-md--70 { margin-bottom: 70px; } } @media (min-width: 768px) { .mb-md--75 { margin-bottom: 75px !important; } } @media (min-width: 992px) { .mb-md--75 { margin-bottom: 75px; } } @media (min-width: 768px) { .mb-md--80 { margin-bottom: 80px !important; } } @media (min-width: 992px) { .mb-md--80 { margin-bottom: 80px; } } @media (min-width: 768px) { .mb-md--85 { margin-bottom: 85px !important; } } @media (min-width: 992px) { .mb-md--85 { margin-bottom: 85px; } } @media (min-width: 768px) { .mb-md--90 { margin-bottom: 90px !important; } } @media (min-width: 992px) { .mb-md--90 { margin-bottom: 90px; } } @media (min-width: 768px) { .mb-md--95 { margin-bottom: 95px !important; } } @media (min-width: 992px) { .mb-md--95 { margin-bottom: 95px; } } @media (min-width: 768px) { .mb-md--100 { margin-bottom: 100px !important; } } @media (min-width: 992px) { .mb-md--100 { margin-bottom: 100px; } } @media (min-width: 768px) { .mb-md--105 { margin-bottom: 105px !important; } } @media (min-width: 992px) { .mb-md--105 { margin-bottom: 105px; } } @media (min-width: 768px) { .mb-md--110 { margin-bottom: 110px !important; } } @media (min-width: 992px) { .mb-md--110 { margin-bottom: 110px; } } @media (min-width: 768px) { .mb-md--115 { margin-bottom: 115px !important; } } @media (min-width: 992px) { .mb-md--115 { margin-bottom: 115px; } } @media (min-width: 768px) { .mb-md--120 { margin-bottom: 120px !important; } } @media (min-width: 992px) { .mb-md--120 { margin-bottom: 120px; } } @media (min-width: 768px) { .mb-md--125 { margin-bottom: 125px !important; } } @media (min-width: 992px) { .mb-md--125 { margin-bottom: 125px; } } @media (min-width: 768px) { .mb-md--130 { margin-bottom: 130px !important; } } @media (min-width: 992px) { .mb-md--130 { margin-bottom: 130px; } } @media (min-width: 768px) { .mb-md--135 { margin-bottom: 135px !important; } } @media (min-width: 992px) { .mb-md--135 { margin-bottom: 135px; } } @media (min-width: 768px) { .mb-md--140 { margin-bottom: 140px !important; } } @media (min-width: 992px) { .mb-md--140 { margin-bottom: 140px; } } @media (min-width: 768px) { .mb-md--145 { margin-bottom: 145px !important; } } @media (min-width: 992px) { .mb-md--145 { margin-bottom: 145px; } } @media (min-width: 768px) { .mb-md--150 { margin-bottom: 150px !important; } } @media (min-width: 992px) { .mb-md--150 { margin-bottom: 150px; } } @media (min-width: 768px) { .mb-md--155 { margin-bottom: 155px !important; } } @media (min-width: 992px) { .mb-md--155 { margin-bottom: 155px; } } @media (min-width: 768px) { .mb-md--160 { margin-bottom: 160px !important; } } @media (min-width: 992px) { .mb-md--160 { margin-bottom: 160px; } } @media (min-width: 768px) { .mb-md--165 { margin-bottom: 165px !important; } } @media (min-width: 992px) { .mb-md--165 { margin-bottom: 165px; } } @media (min-width: 768px) { .mb-md--170 { margin-bottom: 170px !important; } } @media (min-width: 992px) { .mb-md--170 { margin-bottom: 170px; } } @media (min-width: 768px) { .mb-md--175 { margin-bottom: 175px !important; } } @media (min-width: 992px) { .mb-md--175 { margin-bottom: 175px; } } @media (min-width: 768px) { .mb-md--180 { margin-bottom: 180px !important; } } @media (min-width: 992px) { .mb-md--180 { margin-bottom: 180px; } } @media (min-width: 768px) { .mb-md--185 { margin-bottom: 185px !important; } } @media (min-width: 992px) { .mb-md--185 { margin-bottom: 185px; } } @media (min-width: 768px) { .mb-md--190 { margin-bottom: 190px !important; } } @media (min-width: 992px) { .mb-md--190 { margin-bottom: 190px; } } @media (min-width: 768px) { .mb-md--195 { margin-bottom: 195px !important; } } @media (min-width: 992px) { .mb-md--195 { margin-bottom: 195px; } } @media (min-width: 768px) { .mb-md--200 { margin-bottom: 200px !important; } } @media (min-width: 992px) { .mb-md--200 { margin-bottom: 200px; } } @media (min-width: 992px) { .mb-lg--0 { margin-bottom: 0px !important; } } @media (min-width: 1200px) { .mb-lg--0 { margin-bottom: 0px; } } @media (min-width: 992px) { .mb-lg--5 { margin-bottom: 5px !important; } } @media (min-width: 1200px) { .mb-lg--5 { margin-bottom: 5px; } } @media (min-width: 992px) { .mb-lg--10 { margin-bottom: 10px !important; } } @media (min-width: 1200px) { .mb-lg--10 { margin-bottom: 10px; } } @media (min-width: 992px) { .mb-lg--15 { margin-bottom: 15px !important; } } @media (min-width: 1200px) { .mb-lg--15 { margin-bottom: 15px; } } @media (min-width: 992px) { .mb-lg--20 { margin-bottom: 20px !important; } } @media (min-width: 1200px) { .mb-lg--20 { margin-bottom: 20px; } } @media (min-width: 992px) { .mb-lg--25 { margin-bottom: 25px !important; } } @media (min-width: 1200px) { .mb-lg--25 { margin-bottom: 25px; } } @media (min-width: 992px) { .mb-lg--30 { margin-bottom: 30px !important; } } @media (min-width: 1200px) { .mb-lg--30 { margin-bottom: 30px; } } @media (min-width: 992px) { .mb-lg--35 { margin-bottom: 35px !important; } } @media (min-width: 1200px) { .mb-lg--35 { margin-bottom: 35px; } } @media (min-width: 992px) { .mb-lg--40 { margin-bottom: 40px !important; } } @media (min-width: 1200px) { .mb-lg--40 { margin-bottom: 40px; } } @media (min-width: 992px) { .mb-lg--45 { margin-bottom: 45px !important; } } @media (min-width: 1200px) { .mb-lg--45 { margin-bottom: 45px; } } @media (min-width: 992px) { .mb-lg--50 { margin-bottom: 50px !important; } } @media (min-width: 1200px) { .mb-lg--50 { margin-bottom: 50px; } } @media (min-width: 992px) { .mb-lg--55 { margin-bottom: 55px !important; } } @media (min-width: 1200px) { .mb-lg--55 { margin-bottom: 55px; } } @media (min-width: 992px) { .mb-lg--60 { margin-bottom: 60px !important; } } @media (min-width: 1200px) { .mb-lg--60 { margin-bottom: 60px; } } @media (min-width: 992px) { .mb-lg--65 { margin-bottom: 65px !important; } } @media (min-width: 1200px) { .mb-lg--65 { margin-bottom: 65px; } } @media (min-width: 992px) { .mb-lg--70 { margin-bottom: 70px !important; } } @media (min-width: 1200px) { .mb-lg--70 { margin-bottom: 70px; } } @media (min-width: 992px) { .mb-lg--75 { margin-bottom: 75px !important; } } @media (min-width: 1200px) { .mb-lg--75 { margin-bottom: 75px; } } @media (min-width: 992px) { .mb-lg--80 { margin-bottom: 80px !important; } } @media (min-width: 1200px) { .mb-lg--80 { margin-bottom: 80px; } } @media (min-width: 992px) { .mb-lg--85 { margin-bottom: 85px !important; } } @media (min-width: 1200px) { .mb-lg--85 { margin-bottom: 85px; } } @media (min-width: 992px) { .mb-lg--90 { margin-bottom: 90px !important; } } @media (min-width: 1200px) { .mb-lg--90 { margin-bottom: 90px; } } @media (min-width: 992px) { .mb-lg--95 { margin-bottom: 95px !important; } } @media (min-width: 1200px) { .mb-lg--95 { margin-bottom: 95px; } } @media (min-width: 992px) { .mb-lg--100 { margin-bottom: 100px !important; } } @media (min-width: 1200px) { .mb-lg--100 { margin-bottom: 100px; } } @media (min-width: 992px) { .mb-lg--105 { margin-bottom: 105px !important; } } @media (min-width: 1200px) { .mb-lg--105 { margin-bottom: 105px; } } @media (min-width: 992px) { .mb-lg--110 { margin-bottom: 110px !important; } } @media (min-width: 1200px) { .mb-lg--110 { margin-bottom: 110px; } } @media (min-width: 992px) { .mb-lg--115 { margin-bottom: 115px !important; } } @media (min-width: 1200px) { .mb-lg--115 { margin-bottom: 115px; } } @media (min-width: 992px) { .mb-lg--120 { margin-bottom: 120px !important; } } @media (min-width: 1200px) { .mb-lg--120 { margin-bottom: 120px; } } @media (min-width: 992px) { .mb-lg--125 { margin-bottom: 125px !important; } } @media (min-width: 1200px) { .mb-lg--125 { margin-bottom: 125px; } } @media (min-width: 992px) { .mb-lg--130 { margin-bottom: 130px !important; } } @media (min-width: 1200px) { .mb-lg--130 { margin-bottom: 130px; } } @media (min-width: 992px) { .mb-lg--135 { margin-bottom: 135px !important; } } @media (min-width: 1200px) { .mb-lg--135 { margin-bottom: 135px; } } @media (min-width: 992px) { .mb-lg--140 { margin-bottom: 140px !important; } } @media (min-width: 1200px) { .mb-lg--140 { margin-bottom: 140px; } } @media (min-width: 992px) { .mb-lg--145 { margin-bottom: 145px !important; } } @media (min-width: 1200px) { .mb-lg--145 { margin-bottom: 145px; } } @media (min-width: 992px) { .mb-lg--150 { margin-bottom: 150px !important; } } @media (min-width: 1200px) { .mb-lg--150 { margin-bottom: 150px; } } @media (min-width: 992px) { .mb-lg--155 { margin-bottom: 155px !important; } } @media (min-width: 1200px) { .mb-lg--155 { margin-bottom: 155px; } } @media (min-width: 992px) { .mb-lg--160 { margin-bottom: 160px !important; } } @media (min-width: 1200px) { .mb-lg--160 { margin-bottom: 160px; } } @media (min-width: 992px) { .mb-lg--165 { margin-bottom: 165px !important; } } @media (min-width: 1200px) { .mb-lg--165 { margin-bottom: 165px; } } @media (min-width: 992px) { .mb-lg--170 { margin-bottom: 170px !important; } } @media (min-width: 1200px) { .mb-lg--170 { margin-bottom: 170px; } } @media (min-width: 992px) { .mb-lg--175 { margin-bottom: 175px !important; } } @media (min-width: 1200px) { .mb-lg--175 { margin-bottom: 175px; } } @media (min-width: 992px) { .mb-lg--180 { margin-bottom: 180px !important; } } @media (min-width: 1200px) { .mb-lg--180 { margin-bottom: 180px; } } @media (min-width: 992px) { .mb-lg--185 { margin-bottom: 185px !important; } } @media (min-width: 1200px) { .mb-lg--185 { margin-bottom: 185px; } } @media (min-width: 992px) { .mb-lg--190 { margin-bottom: 190px !important; } } @media (min-width: 1200px) { .mb-lg--190 { margin-bottom: 190px; } } @media (min-width: 992px) { .mb-lg--195 { margin-bottom: 195px !important; } } @media (min-width: 1200px) { .mb-lg--195 { margin-bottom: 195px; } } @media (min-width: 992px) { .mb-lg--200 { margin-bottom: 200px !important; } } @media (min-width: 1200px) { .mb-lg--200 { margin-bottom: 200px; } } @media (min-width: 1200px) { .mb-xl--0 { margin-bottom: 0px !important; } } @media (min-width: 1600px) { .mb-xl--0 { margin-bottom: 0px; } } @media (min-width: 1200px) { .mb-xl--5 { margin-bottom: 5px !important; } } @media (min-width: 1600px) { .mb-xl--5 { margin-bottom: 5px; } } @media (min-width: 1200px) { .mb-xl--10 { margin-bottom: 10px !important; } } @media (min-width: 1600px) { .mb-xl--10 { margin-bottom: 10px; } } @media (min-width: 1200px) { .mb-xl--15 { margin-bottom: 15px !important; } } @media (min-width: 1600px) { .mb-xl--15 { margin-bottom: 15px; } } @media (min-width: 1200px) { .mb-xl--20 { margin-bottom: 20px !important; } } @media (min-width: 1600px) { .mb-xl--20 { margin-bottom: 20px; } } @media (min-width: 1200px) { .mb-xl--25 { margin-bottom: 25px !important; } } @media (min-width: 1600px) { .mb-xl--25 { margin-bottom: 25px; } } @media (min-width: 1200px) { .mb-xl--30 { margin-bottom: 30px !important; } } @media (min-width: 1600px) { .mb-xl--30 { margin-bottom: 30px; } } @media (min-width: 1200px) { .mb-xl--35 { margin-bottom: 35px !important; } } @media (min-width: 1600px) { .mb-xl--35 { margin-bottom: 35px; } } @media (min-width: 1200px) { .mb-xl--40 { margin-bottom: 40px !important; } } @media (min-width: 1600px) { .mb-xl--40 { margin-bottom: 40px; } } @media (min-width: 1200px) { .mb-xl--45 { margin-bottom: 45px !important; } } @media (min-width: 1600px) { .mb-xl--45 { margin-bottom: 45px; } } @media (min-width: 1200px) { .mb-xl--50 { margin-bottom: 50px !important; } } @media (min-width: 1600px) { .mb-xl--50 { margin-bottom: 50px; } } @media (min-width: 1200px) { .mb-xl--55 { margin-bottom: 55px !important; } } @media (min-width: 1600px) { .mb-xl--55 { margin-bottom: 55px; } } @media (min-width: 1200px) { .mb-xl--60 { margin-bottom: 60px !important; } } @media (min-width: 1600px) { .mb-xl--60 { margin-bottom: 60px; } } @media (min-width: 1200px) { .mb-xl--65 { margin-bottom: 65px !important; } } @media (min-width: 1600px) { .mb-xl--65 { margin-bottom: 65px; } } @media (min-width: 1200px) { .mb-xl--70 { margin-bottom: 70px !important; } } @media (min-width: 1600px) { .mb-xl--70 { margin-bottom: 70px; } } @media (min-width: 1200px) { .mb-xl--75 { margin-bottom: 75px !important; } } @media (min-width: 1600px) { .mb-xl--75 { margin-bottom: 75px; } } @media (min-width: 1200px) { .mb-xl--80 { margin-bottom: 80px !important; } } @media (min-width: 1600px) { .mb-xl--80 { margin-bottom: 80px; } } @media (min-width: 1200px) { .mb-xl--85 { margin-bottom: 85px !important; } } @media (min-width: 1600px) { .mb-xl--85 { margin-bottom: 85px; } } @media (min-width: 1200px) { .mb-xl--90 { margin-bottom: 90px !important; } } @media (min-width: 1600px) { .mb-xl--90 { margin-bottom: 90px; } } @media (min-width: 1200px) { .mb-xl--95 { margin-bottom: 95px !important; } } @media (min-width: 1600px) { .mb-xl--95 { margin-bottom: 95px; } } @media (min-width: 1200px) { .mb-xl--100 { margin-bottom: 100px !important; } } @media (min-width: 1600px) { .mb-xl--100 { margin-bottom: 100px; } } @media (min-width: 1200px) { .mb-xl--105 { margin-bottom: 105px !important; } } @media (min-width: 1600px) { .mb-xl--105 { margin-bottom: 105px; } } @media (min-width: 1200px) { .mb-xl--110 { margin-bottom: 110px !important; } } @media (min-width: 1600px) { .mb-xl--110 { margin-bottom: 110px; } } @media (min-width: 1200px) { .mb-xl--115 { margin-bottom: 115px !important; } } @media (min-width: 1600px) { .mb-xl--115 { margin-bottom: 115px; } } @media (min-width: 1200px) { .mb-xl--120 { margin-bottom: 120px !important; } } @media (min-width: 1600px) { .mb-xl--120 { margin-bottom: 120px; } } @media (min-width: 1200px) { .mb-xl--125 { margin-bottom: 125px !important; } } @media (min-width: 1600px) { .mb-xl--125 { margin-bottom: 125px; } } @media (min-width: 1200px) { .mb-xl--130 { margin-bottom: 130px !important; } } @media (min-width: 1600px) { .mb-xl--130 { margin-bottom: 130px; } } @media (min-width: 1200px) { .mb-xl--135 { margin-bottom: 135px !important; } } @media (min-width: 1600px) { .mb-xl--135 { margin-bottom: 135px; } } @media (min-width: 1200px) { .mb-xl--140 { margin-bottom: 140px !important; } } @media (min-width: 1600px) { .mb-xl--140 { margin-bottom: 140px; } } @media (min-width: 1200px) { .mb-xl--145 { margin-bottom: 145px !important; } } @media (min-width: 1600px) { .mb-xl--145 { margin-bottom: 145px; } } @media (min-width: 1200px) { .mb-xl--150 { margin-bottom: 150px !important; } } @media (min-width: 1600px) { .mb-xl--150 { margin-bottom: 150px; } } @media (min-width: 1200px) { .mb-xl--155 { margin-bottom: 155px !important; } } @media (min-width: 1600px) { .mb-xl--155 { margin-bottom: 155px; } } @media (min-width: 1200px) { .mb-xl--160 { margin-bottom: 160px !important; } } @media (min-width: 1600px) { .mb-xl--160 { margin-bottom: 160px; } } @media (min-width: 1200px) { .mb-xl--165 { margin-bottom: 165px !important; } } @media (min-width: 1600px) { .mb-xl--165 { margin-bottom: 165px; } } @media (min-width: 1200px) { .mb-xl--170 { margin-bottom: 170px !important; } } @media (min-width: 1600px) { .mb-xl--170 { margin-bottom: 170px; } } @media (min-width: 1200px) { .mb-xl--175 { margin-bottom: 175px !important; } } @media (min-width: 1600px) { .mb-xl--175 { margin-bottom: 175px; } } @media (min-width: 1200px) { .mb-xl--180 { margin-bottom: 180px !important; } } @media (min-width: 1600px) { .mb-xl--180 { margin-bottom: 180px; } } @media (min-width: 1200px) { .mb-xl--185 { margin-bottom: 185px !important; } } @media (min-width: 1600px) { .mb-xl--185 { margin-bottom: 185px; } } @media (min-width: 1200px) { .mb-xl--190 { margin-bottom: 190px !important; } } @media (min-width: 1600px) { .mb-xl--190 { margin-bottom: 190px; } } @media (min-width: 1200px) { .mb-xl--195 { margin-bottom: 195px !important; } } @media (min-width: 1600px) { .mb-xl--195 { margin-bottom: 195px; } } @media (min-width: 1200px) { .mb-xl--200 { margin-bottom: 200px !important; } } @media (min-width: 1600px) { .mb-xl--200 { margin-bottom: 200px; } } /*-- Responsive Margins left --*/ @media (min-width: 576px) { .ml-sm--0 { margin-left: 0px !important; } } @media (min-width: 768px) { .ml-sm--0 { margin-left: 0px; } } @media (min-width: 576px) { .ml-sm--5 { margin-left: 5px !important; } } @media (min-width: 768px) { .ml-sm--5 { margin-left: 5px; } } @media (min-width: 576px) { .ml-sm--10 { margin-left: 10px !important; } } @media (min-width: 768px) { .ml-sm--10 { margin-left: 10px; } } @media (min-width: 576px) { .ml-sm--15 { margin-left: 15px !important; } } @media (min-width: 768px) { .ml-sm--15 { margin-left: 15px; } } @media (min-width: 576px) { .ml-sm--20 { margin-left: 20px !important; } } @media (min-width: 768px) { .ml-sm--20 { margin-left: 20px; } } @media (min-width: 576px) { .ml-sm--25 { margin-left: 25px !important; } } @media (min-width: 768px) { .ml-sm--25 { margin-left: 25px; } } @media (min-width: 576px) { .ml-sm--30 { margin-left: 30px !important; } } @media (min-width: 768px) { .ml-sm--30 { margin-left: 30px; } } @media (min-width: 576px) { .ml-sm--35 { margin-left: 35px !important; } } @media (min-width: 768px) { .ml-sm--35 { margin-left: 35px; } } @media (min-width: 576px) { .ml-sm--40 { margin-left: 40px !important; } } @media (min-width: 768px) { .ml-sm--40 { margin-left: 40px; } } @media (min-width: 576px) { .ml-sm--45 { margin-left: 45px !important; } } @media (min-width: 768px) { .ml-sm--45 { margin-left: 45px; } } @media (min-width: 576px) { .ml-sm--50 { margin-left: 50px !important; } } @media (min-width: 768px) { .ml-sm--50 { margin-left: 50px; } } @media (min-width: 576px) { .ml-sm--55 { margin-left: 55px !important; } } @media (min-width: 768px) { .ml-sm--55 { margin-left: 55px; } } @media (min-width: 576px) { .ml-sm--60 { margin-left: 60px !important; } } @media (min-width: 768px) { .ml-sm--60 { margin-left: 60px; } } @media (min-width: 576px) { .ml-sm--65 { margin-left: 65px !important; } } @media (min-width: 768px) { .ml-sm--65 { margin-left: 65px; } } @media (min-width: 576px) { .ml-sm--70 { margin-left: 70px !important; } } @media (min-width: 768px) { .ml-sm--70 { margin-left: 70px; } } @media (min-width: 576px) { .ml-sm--75 { margin-left: 75px !important; } } @media (min-width: 768px) { .ml-sm--75 { margin-left: 75px; } } @media (min-width: 576px) { .ml-sm--80 { margin-left: 80px !important; } } @media (min-width: 768px) { .ml-sm--80 { margin-left: 80px; } } @media (min-width: 576px) { .ml-sm--85 { margin-left: 85px !important; } } @media (min-width: 768px) { .ml-sm--85 { margin-left: 85px; } } @media (min-width: 576px) { .ml-sm--90 { margin-left: 90px !important; } } @media (min-width: 768px) { .ml-sm--90 { margin-left: 90px; } } @media (min-width: 576px) { .ml-sm--95 { margin-left: 95px !important; } } @media (min-width: 768px) { .ml-sm--95 { margin-left: 95px; } } @media (min-width: 576px) { .ml-sm--100 { margin-left: 100px !important; } } @media (min-width: 768px) { .ml-sm--100 { margin-left: 100px; } } @media (min-width: 576px) { .ml-sm--105 { margin-left: 105px !important; } } @media (min-width: 768px) { .ml-sm--105 { margin-left: 105px; } } @media (min-width: 576px) { .ml-sm--110 { margin-left: 110px !important; } } @media (min-width: 768px) { .ml-sm--110 { margin-left: 110px; } } @media (min-width: 576px) { .ml-sm--115 { margin-left: 115px !important; } } @media (min-width: 768px) { .ml-sm--115 { margin-left: 115px; } } @media (min-width: 576px) { .ml-sm--120 { margin-left: 120px !important; } } @media (min-width: 768px) { .ml-sm--120 { margin-left: 120px; } } @media (min-width: 576px) { .ml-sm--125 { margin-left: 125px !important; } } @media (min-width: 768px) { .ml-sm--125 { margin-left: 125px; } } @media (min-width: 576px) { .ml-sm--130 { margin-left: 130px !important; } } @media (min-width: 768px) { .ml-sm--130 { margin-left: 130px; } } @media (min-width: 576px) { .ml-sm--135 { margin-left: 135px !important; } } @media (min-width: 768px) { .ml-sm--135 { margin-left: 135px; } } @media (min-width: 576px) { .ml-sm--140 { margin-left: 140px !important; } } @media (min-width: 768px) { .ml-sm--140 { margin-left: 140px; } } @media (min-width: 576px) { .ml-sm--145 { margin-left: 145px !important; } } @media (min-width: 768px) { .ml-sm--145 { margin-left: 145px; } } @media (min-width: 576px) { .ml-sm--150 { margin-left: 150px !important; } } @media (min-width: 768px) { .ml-sm--150 { margin-left: 150px; } } @media (min-width: 576px) { .ml-sm--155 { margin-left: 155px !important; } } @media (min-width: 768px) { .ml-sm--155 { margin-left: 155px; } } @media (min-width: 576px) { .ml-sm--160 { margin-left: 160px !important; } } @media (min-width: 768px) { .ml-sm--160 { margin-left: 160px; } } @media (min-width: 576px) { .ml-sm--165 { margin-left: 165px !important; } } @media (min-width: 768px) { .ml-sm--165 { margin-left: 165px; } } @media (min-width: 576px) { .ml-sm--170 { margin-left: 170px !important; } } @media (min-width: 768px) { .ml-sm--170 { margin-left: 170px; } } @media (min-width: 576px) { .ml-sm--175 { margin-left: 175px !important; } } @media (min-width: 768px) { .ml-sm--175 { margin-left: 175px; } } @media (min-width: 576px) { .ml-sm--180 { margin-left: 180px !important; } } @media (min-width: 768px) { .ml-sm--180 { margin-left: 180px; } } @media (min-width: 576px) { .ml-sm--185 { margin-left: 185px !important; } } @media (min-width: 768px) { .ml-sm--185 { margin-left: 185px; } } @media (min-width: 576px) { .ml-sm--190 { margin-left: 190px !important; } } @media (min-width: 768px) { .ml-sm--190 { margin-left: 190px; } } @media (min-width: 576px) { .ml-sm--195 { margin-left: 195px !important; } } @media (min-width: 768px) { .ml-sm--195 { margin-left: 195px; } } @media (min-width: 576px) { .ml-sm--200 { margin-left: 200px !important; } } @media (min-width: 768px) { .ml-sm--200 { margin-left: 200px; } } @media (min-width: 768px) { .ml-md--0 { margin-left: 0px !important; } } @media (min-width: 992px) { .ml-md--0 { margin-left: 0px; } } @media (min-width: 768px) { .ml-md--5 { margin-left: 5px !important; } } @media (min-width: 992px) { .ml-md--5 { margin-left: 5px; } } @media (min-width: 768px) { .ml-md--10 { margin-left: 10px !important; } } @media (min-width: 992px) { .ml-md--10 { margin-left: 10px; } } @media (min-width: 768px) { .ml-md--15 { margin-left: 15px !important; } } @media (min-width: 992px) { .ml-md--15 { margin-left: 15px; } } @media (min-width: 768px) { .ml-md--20 { margin-left: 20px !important; } } @media (min-width: 992px) { .ml-md--20 { margin-left: 20px; } } @media (min-width: 768px) { .ml-md--25 { margin-left: 25px !important; } } @media (min-width: 992px) { .ml-md--25 { margin-left: 25px; } } @media (min-width: 768px) { .ml-md--30 { margin-left: 30px !important; } } @media (min-width: 992px) { .ml-md--30 { margin-left: 30px; } } @media (min-width: 768px) { .ml-md--35 { margin-left: 35px !important; } } @media (min-width: 992px) { .ml-md--35 { margin-left: 35px; } } @media (min-width: 768px) { .ml-md--40 { margin-left: 40px !important; } } @media (min-width: 992px) { .ml-md--40 { margin-left: 40px; } } @media (min-width: 768px) { .ml-md--45 { margin-left: 45px !important; } } @media (min-width: 992px) { .ml-md--45 { margin-left: 45px; } } @media (min-width: 768px) { .ml-md--50 { margin-left: 50px !important; } } @media (min-width: 992px) { .ml-md--50 { margin-left: 50px; } } @media (min-width: 768px) { .ml-md--55 { margin-left: 55px !important; } } @media (min-width: 992px) { .ml-md--55 { margin-left: 55px; } } @media (min-width: 768px) { .ml-md--60 { margin-left: 60px !important; } } @media (min-width: 992px) { .ml-md--60 { margin-left: 60px; } } @media (min-width: 768px) { .ml-md--65 { margin-left: 65px !important; } } @media (min-width: 992px) { .ml-md--65 { margin-left: 65px; } } @media (min-width: 768px) { .ml-md--70 { margin-left: 70px !important; } } @media (min-width: 992px) { .ml-md--70 { margin-left: 70px; } } @media (min-width: 768px) { .ml-md--75 { margin-left: 75px !important; } } @media (min-width: 992px) { .ml-md--75 { margin-left: 75px; } } @media (min-width: 768px) { .ml-md--80 { margin-left: 80px !important; } } @media (min-width: 992px) { .ml-md--80 { margin-left: 80px; } } @media (min-width: 768px) { .ml-md--85 { margin-left: 85px !important; } } @media (min-width: 992px) { .ml-md--85 { margin-left: 85px; } } @media (min-width: 768px) { .ml-md--90 { margin-left: 90px !important; } } @media (min-width: 992px) { .ml-md--90 { margin-left: 90px; } } @media (min-width: 768px) { .ml-md--95 { margin-left: 95px !important; } } @media (min-width: 992px) { .ml-md--95 { margin-left: 95px; } } @media (min-width: 768px) { .ml-md--100 { margin-left: 100px !important; } } @media (min-width: 992px) { .ml-md--100 { margin-left: 100px; } } @media (min-width: 768px) { .ml-md--105 { margin-left: 105px !important; } } @media (min-width: 992px) { .ml-md--105 { margin-left: 105px; } } @media (min-width: 768px) { .ml-md--110 { margin-left: 110px !important; } } @media (min-width: 992px) { .ml-md--110 { margin-left: 110px; } } @media (min-width: 768px) { .ml-md--115 { margin-left: 115px !important; } } @media (min-width: 992px) { .ml-md--115 { margin-left: 115px; } } @media (min-width: 768px) { .ml-md--120 { margin-left: 120px !important; } } @media (min-width: 992px) { .ml-md--120 { margin-left: 120px; } } @media (min-width: 768px) { .ml-md--125 { margin-left: 125px !important; } } @media (min-width: 992px) { .ml-md--125 { margin-left: 125px; } } @media (min-width: 768px) { .ml-md--130 { margin-left: 130px !important; } } @media (min-width: 992px) { .ml-md--130 { margin-left: 130px; } } @media (min-width: 768px) { .ml-md--135 { margin-left: 135px !important; } } @media (min-width: 992px) { .ml-md--135 { margin-left: 135px; } } @media (min-width: 768px) { .ml-md--140 { margin-left: 140px !important; } } @media (min-width: 992px) { .ml-md--140 { margin-left: 140px; } } @media (min-width: 768px) { .ml-md--145 { margin-left: 145px !important; } } @media (min-width: 992px) { .ml-md--145 { margin-left: 145px; } } @media (min-width: 768px) { .ml-md--150 { margin-left: 150px !important; } } @media (min-width: 992px) { .ml-md--150 { margin-left: 150px; } } @media (min-width: 768px) { .ml-md--155 { margin-left: 155px !important; } } @media (min-width: 992px) { .ml-md--155 { margin-left: 155px; } } @media (min-width: 768px) { .ml-md--160 { margin-left: 160px !important; } } @media (min-width: 992px) { .ml-md--160 { margin-left: 160px; } } @media (min-width: 768px) { .ml-md--165 { margin-left: 165px !important; } } @media (min-width: 992px) { .ml-md--165 { margin-left: 165px; } } @media (min-width: 768px) { .ml-md--170 { margin-left: 170px !important; } } @media (min-width: 992px) { .ml-md--170 { margin-left: 170px; } } @media (min-width: 768px) { .ml-md--175 { margin-left: 175px !important; } } @media (min-width: 992px) { .ml-md--175 { margin-left: 175px; } } @media (min-width: 768px) { .ml-md--180 { margin-left: 180px !important; } } @media (min-width: 992px) { .ml-md--180 { margin-left: 180px; } } @media (min-width: 768px) { .ml-md--185 { margin-left: 185px !important; } } @media (min-width: 992px) { .ml-md--185 { margin-left: 185px; } } @media (min-width: 768px) { .ml-md--190 { margin-left: 190px !important; } } @media (min-width: 992px) { .ml-md--190 { margin-left: 190px; } } @media (min-width: 768px) { .ml-md--195 { margin-left: 195px !important; } } @media (min-width: 992px) { .ml-md--195 { margin-left: 195px; } } @media (min-width: 768px) { .ml-md--200 { margin-left: 200px !important; } } @media (min-width: 992px) { .ml-md--200 { margin-left: 200px; } } @media (min-width: 992px) { .ml-lg--0 { margin-left: 0px !important; } } @media (min-width: 1200px) { .ml-lg--0 { margin-left: 0px; } } @media (min-width: 992px) { .ml-lg--5 { margin-left: 5px !important; } } @media (min-width: 1200px) { .ml-lg--5 { margin-left: 5px; } } @media (min-width: 992px) { .ml-lg--10 { margin-left: 10px !important; } } @media (min-width: 1200px) { .ml-lg--10 { margin-left: 10px; } } @media (min-width: 992px) { .ml-lg--15 { margin-left: 15px !important; } } @media (min-width: 1200px) { .ml-lg--15 { margin-left: 15px; } } @media (min-width: 992px) { .ml-lg--20 { margin-left: 20px !important; } } @media (min-width: 1200px) { .ml-lg--20 { margin-left: 20px; } } @media (min-width: 992px) { .ml-lg--25 { margin-left: 25px !important; } } @media (min-width: 1200px) { .ml-lg--25 { margin-left: 25px; } } @media (min-width: 992px) { .ml-lg--30 { margin-left: 30px !important; } } @media (min-width: 1200px) { .ml-lg--30 { margin-left: 30px; } } @media (min-width: 992px) { .ml-lg--35 { margin-left: 35px !important; } } @media (min-width: 1200px) { .ml-lg--35 { margin-left: 35px; } } @media (min-width: 992px) { .ml-lg--40 { margin-left: 40px !important; } } @media (min-width: 1200px) { .ml-lg--40 { margin-left: 40px; } } @media (min-width: 992px) { .ml-lg--45 { margin-left: 45px !important; } } @media (min-width: 1200px) { .ml-lg--45 { margin-left: 45px; } } @media (min-width: 992px) { .ml-lg--50 { margin-left: 50px !important; } } @media (min-width: 1200px) { .ml-lg--50 { margin-left: 50px; } } @media (min-width: 992px) { .ml-lg--55 { margin-left: 55px !important; } } @media (min-width: 1200px) { .ml-lg--55 { margin-left: 55px; } } @media (min-width: 992px) { .ml-lg--60 { margin-left: 60px !important; } } @media (min-width: 1200px) { .ml-lg--60 { margin-left: 60px; } } @media (min-width: 992px) { .ml-lg--65 { margin-left: 65px !important; } } @media (min-width: 1200px) { .ml-lg--65 { margin-left: 65px; } } @media (min-width: 992px) { .ml-lg--70 { margin-left: 70px !important; } } @media (min-width: 1200px) { .ml-lg--70 { margin-left: 70px; } } @media (min-width: 992px) { .ml-lg--75 { margin-left: 75px !important; } } @media (min-width: 1200px) { .ml-lg--75 { margin-left: 75px; } } @media (min-width: 992px) { .ml-lg--80 { margin-left: 80px !important; } } @media (min-width: 1200px) { .ml-lg--80 { margin-left: 80px; } } @media (min-width: 992px) { .ml-lg--85 { margin-left: 85px !important; } } @media (min-width: 1200px) { .ml-lg--85 { margin-left: 85px; } } @media (min-width: 992px) { .ml-lg--90 { margin-left: 90px !important; } } @media (min-width: 1200px) { .ml-lg--90 { margin-left: 90px; } } @media (min-width: 992px) { .ml-lg--95 { margin-left: 95px !important; } } @media (min-width: 1200px) { .ml-lg--95 { margin-left: 95px; } } @media (min-width: 992px) { .ml-lg--100 { margin-left: 100px !important; } } @media (min-width: 1200px) { .ml-lg--100 { margin-left: 100px; } } @media (min-width: 992px) { .ml-lg--105 { margin-left: 105px !important; } } @media (min-width: 1200px) { .ml-lg--105 { margin-left: 105px; } } @media (min-width: 992px) { .ml-lg--110 { margin-left: 110px !important; } } @media (min-width: 1200px) { .ml-lg--110 { margin-left: 110px; } } @media (min-width: 992px) { .ml-lg--115 { margin-left: 115px !important; } } @media (min-width: 1200px) { .ml-lg--115 { margin-left: 115px; } } @media (min-width: 992px) { .ml-lg--120 { margin-left: 120px !important; } } @media (min-width: 1200px) { .ml-lg--120 { margin-left: 120px; } } @media (min-width: 992px) { .ml-lg--125 { margin-left: 125px !important; } } @media (min-width: 1200px) { .ml-lg--125 { margin-left: 125px; } } @media (min-width: 992px) { .ml-lg--130 { margin-left: 130px !important; } } @media (min-width: 1200px) { .ml-lg--130 { margin-left: 130px; } } @media (min-width: 992px) { .ml-lg--135 { margin-left: 135px !important; } } @media (min-width: 1200px) { .ml-lg--135 { margin-left: 135px; } } @media (min-width: 992px) { .ml-lg--140 { margin-left: 140px !important; } } @media (min-width: 1200px) { .ml-lg--140 { margin-left: 140px; } } @media (min-width: 992px) { .ml-lg--145 { margin-left: 145px !important; } } @media (min-width: 1200px) { .ml-lg--145 { margin-left: 145px; } } @media (min-width: 992px) { .ml-lg--150 { margin-left: 150px !important; } } @media (min-width: 1200px) { .ml-lg--150 { margin-left: 150px; } } @media (min-width: 992px) { .ml-lg--155 { margin-left: 155px !important; } } @media (min-width: 1200px) { .ml-lg--155 { margin-left: 155px; } } @media (min-width: 992px) { .ml-lg--160 { margin-left: 160px !important; } } @media (min-width: 1200px) { .ml-lg--160 { margin-left: 160px; } } @media (min-width: 992px) { .ml-lg--165 { margin-left: 165px !important; } } @media (min-width: 1200px) { .ml-lg--165 { margin-left: 165px; } } @media (min-width: 992px) { .ml-lg--170 { margin-left: 170px !important; } } @media (min-width: 1200px) { .ml-lg--170 { margin-left: 170px; } } @media (min-width: 992px) { .ml-lg--175 { margin-left: 175px !important; } } @media (min-width: 1200px) { .ml-lg--175 { margin-left: 175px; } } @media (min-width: 992px) { .ml-lg--180 { margin-left: 180px !important; } } @media (min-width: 1200px) { .ml-lg--180 { margin-left: 180px; } } @media (min-width: 992px) { .ml-lg--185 { margin-left: 185px !important; } } @media (min-width: 1200px) { .ml-lg--185 { margin-left: 185px; } } @media (min-width: 992px) { .ml-lg--190 { margin-left: 190px !important; } } @media (min-width: 1200px) { .ml-lg--190 { margin-left: 190px; } } @media (min-width: 992px) { .ml-lg--195 { margin-left: 195px !important; } } @media (min-width: 1200px) { .ml-lg--195 { margin-left: 195px; } } @media (min-width: 992px) { .ml-lg--200 { margin-left: 200px !important; } } @media (min-width: 1200px) { .ml-lg--200 { margin-left: 200px; } } @media (min-width: 1200px) { .ml-xl--0 { margin-left: 0px !important; } } @media (min-width: 1600px) { .ml-xl--0 { margin-left: 0px; } } @media (min-width: 1200px) { .ml-xl--5 { margin-left: 5px !important; } } @media (min-width: 1600px) { .ml-xl--5 { margin-left: 5px; } } @media (min-width: 1200px) { .ml-xl--10 { margin-left: 10px !important; } } @media (min-width: 1600px) { .ml-xl--10 { margin-left: 10px; } } @media (min-width: 1200px) { .ml-xl--15 { margin-left: 15px !important; } } @media (min-width: 1600px) { .ml-xl--15 { margin-left: 15px; } } @media (min-width: 1200px) { .ml-xl--20 { margin-left: 20px !important; } } @media (min-width: 1600px) { .ml-xl--20 { margin-left: 20px; } } @media (min-width: 1200px) { .ml-xl--25 { margin-left: 25px !important; } } @media (min-width: 1600px) { .ml-xl--25 { margin-left: 25px; } } @media (min-width: 1200px) { .ml-xl--30 { margin-left: 30px !important; } } @media (min-width: 1600px) { .ml-xl--30 { margin-left: 30px; } } @media (min-width: 1200px) { .ml-xl--35 { margin-left: 35px !important; } } @media (min-width: 1600px) { .ml-xl--35 { margin-left: 35px; } } @media (min-width: 1200px) { .ml-xl--40 { margin-left: 40px !important; } } @media (min-width: 1600px) { .ml-xl--40 { margin-left: 40px; } } @media (min-width: 1200px) { .ml-xl--45 { margin-left: 45px !important; } } @media (min-width: 1600px) { .ml-xl--45 { margin-left: 45px; } } @media (min-width: 1200px) { .ml-xl--50 { margin-left: 50px !important; } } @media (min-width: 1600px) { .ml-xl--50 { margin-left: 50px; } } @media (min-width: 1200px) { .ml-xl--55 { margin-left: 55px !important; } } @media (min-width: 1600px) { .ml-xl--55 { margin-left: 55px; } } @media (min-width: 1200px) { .ml-xl--60 { margin-left: 60px !important; } } @media (min-width: 1600px) { .ml-xl--60 { margin-left: 60px; } } @media (min-width: 1200px) { .ml-xl--65 { margin-left: 65px !important; } } @media (min-width: 1600px) { .ml-xl--65 { margin-left: 65px; } } @media (min-width: 1200px) { .ml-xl--70 { margin-left: 70px !important; } } @media (min-width: 1600px) { .ml-xl--70 { margin-left: 70px; } } @media (min-width: 1200px) { .ml-xl--75 { margin-left: 75px !important; } } @media (min-width: 1600px) { .ml-xl--75 { margin-left: 75px; } } @media (min-width: 1200px) { .ml-xl--80 { margin-left: 80px !important; } } @media (min-width: 1600px) { .ml-xl--80 { margin-left: 80px; } } @media (min-width: 1200px) { .ml-xl--85 { margin-left: 85px !important; } } @media (min-width: 1600px) { .ml-xl--85 { margin-left: 85px; } } @media (min-width: 1200px) { .ml-xl--90 { margin-left: 90px !important; } } @media (min-width: 1600px) { .ml-xl--90 { margin-left: 90px; } } @media (min-width: 1200px) { .ml-xl--95 { margin-left: 95px !important; } } @media (min-width: 1600px) { .ml-xl--95 { margin-left: 95px; } } @media (min-width: 1200px) { .ml-xl--100 { margin-left: 100px !important; } } @media (min-width: 1600px) { .ml-xl--100 { margin-left: 100px; } } @media (min-width: 1200px) { .ml-xl--105 { margin-left: 105px !important; } } @media (min-width: 1600px) { .ml-xl--105 { margin-left: 105px; } } @media (min-width: 1200px) { .ml-xl--110 { margin-left: 110px !important; } } @media (min-width: 1600px) { .ml-xl--110 { margin-left: 110px; } } @media (min-width: 1200px) { .ml-xl--115 { margin-left: 115px !important; } } @media (min-width: 1600px) { .ml-xl--115 { margin-left: 115px; } } @media (min-width: 1200px) { .ml-xl--120 { margin-left: 120px !important; } } @media (min-width: 1600px) { .ml-xl--120 { margin-left: 120px; } } @media (min-width: 1200px) { .ml-xl--125 { margin-left: 125px !important; } } @media (min-width: 1600px) { .ml-xl--125 { margin-left: 125px; } } @media (min-width: 1200px) { .ml-xl--130 { margin-left: 130px !important; } } @media (min-width: 1600px) { .ml-xl--130 { margin-left: 130px; } } @media (min-width: 1200px) { .ml-xl--135 { margin-left: 135px !important; } } @media (min-width: 1600px) { .ml-xl--135 { margin-left: 135px; } } @media (min-width: 1200px) { .ml-xl--140 { margin-left: 140px !important; } } @media (min-width: 1600px) { .ml-xl--140 { margin-left: 140px; } } @media (min-width: 1200px) { .ml-xl--145 { margin-left: 145px !important; } } @media (min-width: 1600px) { .ml-xl--145 { margin-left: 145px; } } @media (min-width: 1200px) { .ml-xl--150 { margin-left: 150px !important; } } @media (min-width: 1600px) { .ml-xl--150 { margin-left: 150px; } } @media (min-width: 1200px) { .ml-xl--155 { margin-left: 155px !important; } } @media (min-width: 1600px) { .ml-xl--155 { margin-left: 155px; } } @media (min-width: 1200px) { .ml-xl--160 { margin-left: 160px !important; } } @media (min-width: 1600px) { .ml-xl--160 { margin-left: 160px; } } @media (min-width: 1200px) { .ml-xl--165 { margin-left: 165px !important; } } @media (min-width: 1600px) { .ml-xl--165 { margin-left: 165px; } } @media (min-width: 1200px) { .ml-xl--170 { margin-left: 170px !important; } } @media (min-width: 1600px) { .ml-xl--170 { margin-left: 170px; } } @media (min-width: 1200px) { .ml-xl--175 { margin-left: 175px !important; } } @media (min-width: 1600px) { .ml-xl--175 { margin-left: 175px; } } @media (min-width: 1200px) { .ml-xl--180 { margin-left: 180px !important; } } @media (min-width: 1600px) { .ml-xl--180 { margin-left: 180px; } } @media (min-width: 1200px) { .ml-xl--185 { margin-left: 185px !important; } } @media (min-width: 1600px) { .ml-xl--185 { margin-left: 185px; } } @media (min-width: 1200px) { .ml-xl--190 { margin-left: 190px !important; } } @media (min-width: 1600px) { .ml-xl--190 { margin-left: 190px; } } @media (min-width: 1200px) { .ml-xl--195 { margin-left: 195px !important; } } @media (min-width: 1600px) { .ml-xl--195 { margin-left: 195px; } } @media (min-width: 1200px) { .ml-xl--200 { margin-left: 200px !important; } } @media (min-width: 1600px) { .ml-xl--200 { margin-left: 200px; } } /*-- Responsive Margins Right --*/ @media (min-width: 576px) { .mr-sm--0 { margin-right: 0px !important; } } @media (min-width: 768px) { .mr-sm--0 { margin-right: 0px; } } @media (min-width: 576px) { .mr-sm--5 { margin-right: 5px !important; } } @media (min-width: 768px) { .mr-sm--5 { margin-right: 5px; } } @media (min-width: 576px) { .mr-sm--10 { margin-right: 10px !important; } } @media (min-width: 768px) { .mr-sm--10 { margin-right: 10px; } } @media (min-width: 576px) { .mr-sm--15 { margin-right: 15px !important; } } @media (min-width: 768px) { .mr-sm--15 { margin-right: 15px; } } @media (min-width: 576px) { .mr-sm--20 { margin-right: 20px !important; } } @media (min-width: 768px) { .mr-sm--20 { margin-right: 20px; } } @media (min-width: 576px) { .mr-sm--25 { margin-right: 25px !important; } } @media (min-width: 768px) { .mr-sm--25 { margin-right: 25px; } } @media (min-width: 576px) { .mr-sm--30 { margin-right: 30px !important; } } @media (min-width: 768px) { .mr-sm--30 { margin-right: 30px; } } @media (min-width: 576px) { .mr-sm--35 { margin-right: 35px !important; } } @media (min-width: 768px) { .mr-sm--35 { margin-right: 35px; } } @media (min-width: 576px) { .mr-sm--40 { margin-right: 40px !important; } } @media (min-width: 768px) { .mr-sm--40 { margin-right: 40px; } } @media (min-width: 576px) { .mr-sm--45 { margin-right: 45px !important; } } @media (min-width: 768px) { .mr-sm--45 { margin-right: 45px; } } @media (min-width: 576px) { .mr-sm--50 { margin-right: 50px !important; } } @media (min-width: 768px) { .mr-sm--50 { margin-right: 50px; } } @media (min-width: 576px) { .mr-sm--55 { margin-right: 55px !important; } } @media (min-width: 768px) { .mr-sm--55 { margin-right: 55px; } } @media (min-width: 576px) { .mr-sm--60 { margin-right: 60px !important; } } @media (min-width: 768px) { .mr-sm--60 { margin-right: 60px; } } @media (min-width: 576px) { .mr-sm--65 { margin-right: 65px !important; } } @media (min-width: 768px) { .mr-sm--65 { margin-right: 65px; } } @media (min-width: 576px) { .mr-sm--70 { margin-right: 70px !important; } } @media (min-width: 768px) { .mr-sm--70 { margin-right: 70px; } } @media (min-width: 576px) { .mr-sm--75 { margin-right: 75px !important; } } @media (min-width: 768px) { .mr-sm--75 { margin-right: 75px; } } @media (min-width: 576px) { .mr-sm--80 { margin-right: 80px !important; } } @media (min-width: 768px) { .mr-sm--80 { margin-right: 80px; } } @media (min-width: 576px) { .mr-sm--85 { margin-right: 85px !important; } } @media (min-width: 768px) { .mr-sm--85 { margin-right: 85px; } } @media (min-width: 576px) { .mr-sm--90 { margin-right: 90px !important; } } @media (min-width: 768px) { .mr-sm--90 { margin-right: 90px; } } @media (min-width: 576px) { .mr-sm--95 { margin-right: 95px !important; } } @media (min-width: 768px) { .mr-sm--95 { margin-right: 95px; } } @media (min-width: 576px) { .mr-sm--100 { margin-right: 100px !important; } } @media (min-width: 768px) { .mr-sm--100 { margin-right: 100px; } } @media (min-width: 576px) { .mr-sm--105 { margin-right: 105px !important; } } @media (min-width: 768px) { .mr-sm--105 { margin-right: 105px; } } @media (min-width: 576px) { .mr-sm--110 { margin-right: 110px !important; } } @media (min-width: 768px) { .mr-sm--110 { margin-right: 110px; } } @media (min-width: 576px) { .mr-sm--115 { margin-right: 115px !important; } } @media (min-width: 768px) { .mr-sm--115 { margin-right: 115px; } } @media (min-width: 576px) { .mr-sm--120 { margin-right: 120px !important; } } @media (min-width: 768px) { .mr-sm--120 { margin-right: 120px; } } @media (min-width: 576px) { .mr-sm--125 { margin-right: 125px !important; } } @media (min-width: 768px) { .mr-sm--125 { margin-right: 125px; } } @media (min-width: 576px) { .mr-sm--130 { margin-right: 130px !important; } } @media (min-width: 768px) { .mr-sm--130 { margin-right: 130px; } } @media (min-width: 576px) { .mr-sm--135 { margin-right: 135px !important; } } @media (min-width: 768px) { .mr-sm--135 { margin-right: 135px; } } @media (min-width: 576px) { .mr-sm--140 { margin-right: 140px !important; } } @media (min-width: 768px) { .mr-sm--140 { margin-right: 140px; } } @media (min-width: 576px) { .mr-sm--145 { margin-right: 145px !important; } } @media (min-width: 768px) { .mr-sm--145 { margin-right: 145px; } } @media (min-width: 576px) { .mr-sm--150 { margin-right: 150px !important; } } @media (min-width: 768px) { .mr-sm--150 { margin-right: 150px; } } @media (min-width: 576px) { .mr-sm--155 { margin-right: 155px !important; } } @media (min-width: 768px) { .mr-sm--155 { margin-right: 155px; } } @media (min-width: 576px) { .mr-sm--160 { margin-right: 160px !important; } } @media (min-width: 768px) { .mr-sm--160 { margin-right: 160px; } } @media (min-width: 576px) { .mr-sm--165 { margin-right: 165px !important; } } @media (min-width: 768px) { .mr-sm--165 { margin-right: 165px; } } @media (min-width: 576px) { .mr-sm--170 { margin-right: 170px !important; } } @media (min-width: 768px) { .mr-sm--170 { margin-right: 170px; } } @media (min-width: 576px) { .mr-sm--175 { margin-right: 175px !important; } } @media (min-width: 768px) { .mr-sm--175 { margin-right: 175px; } } @media (min-width: 576px) { .mr-sm--180 { margin-right: 180px !important; } } @media (min-width: 768px) { .mr-sm--180 { margin-right: 180px; } } @media (min-width: 576px) { .mr-sm--185 { margin-right: 185px !important; } } @media (min-width: 768px) { .mr-sm--185 { margin-right: 185px; } } @media (min-width: 576px) { .mr-sm--190 { margin-right: 190px !important; } } @media (min-width: 768px) { .mr-sm--190 { margin-right: 190px; } } @media (min-width: 576px) { .mr-sm--195 { margin-right: 195px !important; } } @media (min-width: 768px) { .mr-sm--195 { margin-right: 195px; } } @media (min-width: 576px) { .mr-sm--200 { margin-right: 200px !important; } } @media (min-width: 768px) { .mr-sm--200 { margin-right: 200px; } } @media (min-width: 768px) { .mr-md--0 { margin-right: 0px !important; } } @media (min-width: 992px) { .mr-md--0 { margin-right: 0px; } } @media (min-width: 768px) { .mr-md--5 { margin-right: 5px !important; } } @media (min-width: 992px) { .mr-md--5 { margin-right: 5px; } } @media (min-width: 768px) { .mr-md--10 { margin-right: 10px !important; } } @media (min-width: 992px) { .mr-md--10 { margin-right: 10px; } } @media (min-width: 768px) { .mr-md--15 { margin-right: 15px !important; } } @media (min-width: 992px) { .mr-md--15 { margin-right: 15px; } } @media (min-width: 768px) { .mr-md--20 { margin-right: 20px !important; } } @media (min-width: 992px) { .mr-md--20 { margin-right: 20px; } } @media (min-width: 768px) { .mr-md--25 { margin-right: 25px !important; } } @media (min-width: 992px) { .mr-md--25 { margin-right: 25px; } } @media (min-width: 768px) { .mr-md--30 { margin-right: 30px !important; } } @media (min-width: 992px) { .mr-md--30 { margin-right: 30px; } } @media (min-width: 768px) { .mr-md--35 { margin-right: 35px !important; } } @media (min-width: 992px) { .mr-md--35 { margin-right: 35px; } } @media (min-width: 768px) { .mr-md--40 { margin-right: 40px !important; } } @media (min-width: 992px) { .mr-md--40 { margin-right: 40px; } } @media (min-width: 768px) { .mr-md--45 { margin-right: 45px !important; } } @media (min-width: 992px) { .mr-md--45 { margin-right: 45px; } } @media (min-width: 768px) { .mr-md--50 { margin-right: 50px !important; } } @media (min-width: 992px) { .mr-md--50 { margin-right: 50px; } } @media (min-width: 768px) { .mr-md--55 { margin-right: 55px !important; } } @media (min-width: 992px) { .mr-md--55 { margin-right: 55px; } } @media (min-width: 768px) { .mr-md--60 { margin-right: 60px !important; } } @media (min-width: 992px) { .mr-md--60 { margin-right: 60px; } } @media (min-width: 768px) { .mr-md--65 { margin-right: 65px !important; } } @media (min-width: 992px) { .mr-md--65 { margin-right: 65px; } } @media (min-width: 768px) { .mr-md--70 { margin-right: 70px !important; } } @media (min-width: 992px) { .mr-md--70 { margin-right: 70px; } } @media (min-width: 768px) { .mr-md--75 { margin-right: 75px !important; } } @media (min-width: 992px) { .mr-md--75 { margin-right: 75px; } } @media (min-width: 768px) { .mr-md--80 { margin-right: 80px !important; } } @media (min-width: 992px) { .mr-md--80 { margin-right: 80px; } } @media (min-width: 768px) { .mr-md--85 { margin-right: 85px !important; } } @media (min-width: 992px) { .mr-md--85 { margin-right: 85px; } } @media (min-width: 768px) { .mr-md--90 { margin-right: 90px !important; } } @media (min-width: 992px) { .mr-md--90 { margin-right: 90px; } } @media (min-width: 768px) { .mr-md--95 { margin-right: 95px !important; } } @media (min-width: 992px) { .mr-md--95 { margin-right: 95px; } } @media (min-width: 768px) { .mr-md--100 { margin-right: 100px !important; } } @media (min-width: 992px) { .mr-md--100 { margin-right: 100px; } } @media (min-width: 768px) { .mr-md--105 { margin-right: 105px !important; } } @media (min-width: 992px) { .mr-md--105 { margin-right: 105px; } } @media (min-width: 768px) { .mr-md--110 { margin-right: 110px !important; } } @media (min-width: 992px) { .mr-md--110 { margin-right: 110px; } } @media (min-width: 768px) { .mr-md--115 { margin-right: 115px !important; } } @media (min-width: 992px) { .mr-md--115 { margin-right: 115px; } } @media (min-width: 768px) { .mr-md--120 { margin-right: 120px !important; } } @media (min-width: 992px) { .mr-md--120 { margin-right: 120px; } } @media (min-width: 768px) { .mr-md--125 { margin-right: 125px !important; } } @media (min-width: 992px) { .mr-md--125 { margin-right: 125px; } } @media (min-width: 768px) { .mr-md--130 { margin-right: 130px !important; } } @media (min-width: 992px) { .mr-md--130 { margin-right: 130px; } } @media (min-width: 768px) { .mr-md--135 { margin-right: 135px !important; } } @media (min-width: 992px) { .mr-md--135 { margin-right: 135px; } } @media (min-width: 768px) { .mr-md--140 { margin-right: 140px !important; } } @media (min-width: 992px) { .mr-md--140 { margin-right: 140px; } } @media (min-width: 768px) { .mr-md--145 { margin-right: 145px !important; } } @media (min-width: 992px) { .mr-md--145 { margin-right: 145px; } } @media (min-width: 768px) { .mr-md--150 { margin-right: 150px !important; } } @media (min-width: 992px) { .mr-md--150 { margin-right: 150px; } } @media (min-width: 768px) { .mr-md--155 { margin-right: 155px !important; } } @media (min-width: 992px) { .mr-md--155 { margin-right: 155px; } } @media (min-width: 768px) { .mr-md--160 { margin-right: 160px !important; } } @media (min-width: 992px) { .mr-md--160 { margin-right: 160px; } } @media (min-width: 768px) { .mr-md--165 { margin-right: 165px !important; } } @media (min-width: 992px) { .mr-md--165 { margin-right: 165px; } } @media (min-width: 768px) { .mr-md--170 { margin-right: 170px !important; } } @media (min-width: 992px) { .mr-md--170 { margin-right: 170px; } } @media (min-width: 768px) { .mr-md--175 { margin-right: 175px !important; } } @media (min-width: 992px) { .mr-md--175 { margin-right: 175px; } } @media (min-width: 768px) { .mr-md--180 { margin-right: 180px !important; } } @media (min-width: 992px) { .mr-md--180 { margin-right: 180px; } } @media (min-width: 768px) { .mr-md--185 { margin-right: 185px !important; } } @media (min-width: 992px) { .mr-md--185 { margin-right: 185px; } } @media (min-width: 768px) { .mr-md--190 { margin-right: 190px !important; } } @media (min-width: 992px) { .mr-md--190 { margin-right: 190px; } } @media (min-width: 768px) { .mr-md--195 { margin-right: 195px !important; } } @media (min-width: 992px) { .mr-md--195 { margin-right: 195px; } } @media (min-width: 768px) { .mr-md--200 { margin-right: 200px !important; } } @media (min-width: 992px) { .mr-md--200 { margin-right: 200px; } } @media (min-width: 992px) { .mr-lg--0 { margin-right: 0px !important; } } @media (min-width: 1200px) { .mr-lg--0 { margin-right: 0px; } } @media (min-width: 992px) { .mr-lg--5 { margin-right: 5px !important; } } @media (min-width: 1200px) { .mr-lg--5 { margin-right: 5px; } } @media (min-width: 992px) { .mr-lg--10 { margin-right: 10px !important; } } @media (min-width: 1200px) { .mr-lg--10 { margin-right: 10px; } } @media (min-width: 992px) { .mr-lg--15 { margin-right: 15px !important; } } @media (min-width: 1200px) { .mr-lg--15 { margin-right: 15px; } } @media (min-width: 992px) { .mr-lg--20 { margin-right: 20px !important; } } @media (min-width: 1200px) { .mr-lg--20 { margin-right: 20px; } } @media (min-width: 992px) { .mr-lg--25 { margin-right: 25px !important; } } @media (min-width: 1200px) { .mr-lg--25 { margin-right: 25px; } } @media (min-width: 992px) { .mr-lg--30 { margin-right: 30px !important; } } @media (min-width: 1200px) { .mr-lg--30 { margin-right: 30px; } } @media (min-width: 992px) { .mr-lg--35 { margin-right: 35px !important; } } @media (min-width: 1200px) { .mr-lg--35 { margin-right: 35px; } } @media (min-width: 992px) { .mr-lg--40 { margin-right: 40px !important; } } @media (min-width: 1200px) { .mr-lg--40 { margin-right: 40px; } } @media (min-width: 992px) { .mr-lg--45 { margin-right: 45px !important; } } @media (min-width: 1200px) { .mr-lg--45 { margin-right: 45px; } } @media (min-width: 992px) { .mr-lg--50 { margin-right: 50px !important; } } @media (min-width: 1200px) { .mr-lg--50 { margin-right: 50px; } } @media (min-width: 992px) { .mr-lg--55 { margin-right: 55px !important; } } @media (min-width: 1200px) { .mr-lg--55 { margin-right: 55px; } } @media (min-width: 992px) { .mr-lg--60 { margin-right: 60px !important; } } @media (min-width: 1200px) { .mr-lg--60 { margin-right: 60px; } } @media (min-width: 992px) { .mr-lg--65 { margin-right: 65px !important; } } @media (min-width: 1200px) { .mr-lg--65 { margin-right: 65px; } } @media (min-width: 992px) { .mr-lg--70 { margin-right: 70px !important; } } @media (min-width: 1200px) { .mr-lg--70 { margin-right: 70px; } } @media (min-width: 992px) { .mr-lg--75 { margin-right: 75px !important; } } @media (min-width: 1200px) { .mr-lg--75 { margin-right: 75px; } } @media (min-width: 992px) { .mr-lg--80 { margin-right: 80px !important; } } @media (min-width: 1200px) { .mr-lg--80 { margin-right: 80px; } } @media (min-width: 992px) { .mr-lg--85 { margin-right: 85px !important; } } @media (min-width: 1200px) { .mr-lg--85 { margin-right: 85px; } } @media (min-width: 992px) { .mr-lg--90 { margin-right: 90px !important; } } @media (min-width: 1200px) { .mr-lg--90 { margin-right: 90px; } } @media (min-width: 992px) { .mr-lg--95 { margin-right: 95px !important; } } @media (min-width: 1200px) { .mr-lg--95 { margin-right: 95px; } } @media (min-width: 992px) { .mr-lg--100 { margin-right: 100px !important; } } @media (min-width: 1200px) { .mr-lg--100 { margin-right: 100px; } } @media (min-width: 992px) { .mr-lg--105 { margin-right: 105px !important; } } @media (min-width: 1200px) { .mr-lg--105 { margin-right: 105px; } } @media (min-width: 992px) { .mr-lg--110 { margin-right: 110px !important; } } @media (min-width: 1200px) { .mr-lg--110 { margin-right: 110px; } } @media (min-width: 992px) { .mr-lg--115 { margin-right: 115px !important; } } @media (min-width: 1200px) { .mr-lg--115 { margin-right: 115px; } } @media (min-width: 992px) { .mr-lg--120 { margin-right: 120px !important; } } @media (min-width: 1200px) { .mr-lg--120 { margin-right: 120px; } } @media (min-width: 992px) { .mr-lg--125 { margin-right: 125px !important; } } @media (min-width: 1200px) { .mr-lg--125 { margin-right: 125px; } } @media (min-width: 992px) { .mr-lg--130 { margin-right: 130px !important; } } @media (min-width: 1200px) { .mr-lg--130 { margin-right: 130px; } } @media (min-width: 992px) { .mr-lg--135 { margin-right: 135px !important; } } @media (min-width: 1200px) { .mr-lg--135 { margin-right: 135px; } } @media (min-width: 992px) { .mr-lg--140 { margin-right: 140px !important; } } @media (min-width: 1200px) { .mr-lg--140 { margin-right: 140px; } } @media (min-width: 992px) { .mr-lg--145 { margin-right: 145px !important; } } @media (min-width: 1200px) { .mr-lg--145 { margin-right: 145px; } } @media (min-width: 992px) { .mr-lg--150 { margin-right: 150px !important; } } @media (min-width: 1200px) { .mr-lg--150 { margin-right: 150px; } } @media (min-width: 992px) { .mr-lg--155 { margin-right: 155px !important; } } @media (min-width: 1200px) { .mr-lg--155 { margin-right: 155px; } } @media (min-width: 992px) { .mr-lg--160 { margin-right: 160px !important; } } @media (min-width: 1200px) { .mr-lg--160 { margin-right: 160px; } } @media (min-width: 992px) { .mr-lg--165 { margin-right: 165px !important; } } @media (min-width: 1200px) { .mr-lg--165 { margin-right: 165px; } } @media (min-width: 992px) { .mr-lg--170 { margin-right: 170px !important; } } @media (min-width: 1200px) { .mr-lg--170 { margin-right: 170px; } } @media (min-width: 992px) { .mr-lg--175 { margin-right: 175px !important; } } @media (min-width: 1200px) { .mr-lg--175 { margin-right: 175px; } } @media (min-width: 992px) { .mr-lg--180 { margin-right: 180px !important; } } @media (min-width: 1200px) { .mr-lg--180 { margin-right: 180px; } } @media (min-width: 992px) { .mr-lg--185 { margin-right: 185px !important; } } @media (min-width: 1200px) { .mr-lg--185 { margin-right: 185px; } } @media (min-width: 992px) { .mr-lg--190 { margin-right: 190px !important; } } @media (min-width: 1200px) { .mr-lg--190 { margin-right: 190px; } } @media (min-width: 992px) { .mr-lg--195 { margin-right: 195px !important; } } @media (min-width: 1200px) { .mr-lg--195 { margin-right: 195px; } } @media (min-width: 992px) { .mr-lg--200 { margin-right: 200px !important; } } @media (min-width: 1200px) { .mr-lg--200 { margin-right: 200px; } } @media (min-width: 1200px) { .mr-xl--0 { margin-right: 0px !important; } } @media (min-width: 1600px) { .mr-xl--0 { margin-right: 0px; } } @media (min-width: 1200px) { .mr-xl--5 { margin-right: 5px !important; } } @media (min-width: 1600px) { .mr-xl--5 { margin-right: 5px; } } @media (min-width: 1200px) { .mr-xl--10 { margin-right: 10px !important; } } @media (min-width: 1600px) { .mr-xl--10 { margin-right: 10px; } } @media (min-width: 1200px) { .mr-xl--15 { margin-right: 15px !important; } } @media (min-width: 1600px) { .mr-xl--15 { margin-right: 15px; } } @media (min-width: 1200px) { .mr-xl--20 { margin-right: 20px !important; } } @media (min-width: 1600px) { .mr-xl--20 { margin-right: 20px; } } @media (min-width: 1200px) { .mr-xl--25 { margin-right: 25px !important; } } @media (min-width: 1600px) { .mr-xl--25 { margin-right: 25px; } } @media (min-width: 1200px) { .mr-xl--30 { margin-right: 30px !important; } } @media (min-width: 1600px) { .mr-xl--30 { margin-right: 30px; } } @media (min-width: 1200px) { .mr-xl--35 { margin-right: 35px !important; } } @media (min-width: 1600px) { .mr-xl--35 { margin-right: 35px; } } @media (min-width: 1200px) { .mr-xl--40 { margin-right: 40px !important; } } @media (min-width: 1600px) { .mr-xl--40 { margin-right: 40px; } } @media (min-width: 1200px) { .mr-xl--45 { margin-right: 45px !important; } } @media (min-width: 1600px) { .mr-xl--45 { margin-right: 45px; } } @media (min-width: 1200px) { .mr-xl--50 { margin-right: 50px !important; } } @media (min-width: 1600px) { .mr-xl--50 { margin-right: 50px; } } @media (min-width: 1200px) { .mr-xl--55 { margin-right: 55px !important; } } @media (min-width: 1600px) { .mr-xl--55 { margin-right: 55px; } } @media (min-width: 1200px) { .mr-xl--60 { margin-right: 60px !important; } } @media (min-width: 1600px) { .mr-xl--60 { margin-right: 60px; } } @media (min-width: 1200px) { .mr-xl--65 { margin-right: 65px !important; } } @media (min-width: 1600px) { .mr-xl--65 { margin-right: 65px; } } @media (min-width: 1200px) { .mr-xl--70 { margin-right: 70px !important; } } @media (min-width: 1600px) { .mr-xl--70 { margin-right: 70px; } } @media (min-width: 1200px) { .mr-xl--75 { margin-right: 75px !important; } } @media (min-width: 1600px) { .mr-xl--75 { margin-right: 75px; } } @media (min-width: 1200px) { .mr-xl--80 { margin-right: 80px !important; } } @media (min-width: 1600px) { .mr-xl--80 { margin-right: 80px; } } @media (min-width: 1200px) { .mr-xl--85 { margin-right: 85px !important; } } @media (min-width: 1600px) { .mr-xl--85 { margin-right: 85px; } } @media (min-width: 1200px) { .mr-xl--90 { margin-right: 90px !important; } } @media (min-width: 1600px) { .mr-xl--90 { margin-right: 90px; } } @media (min-width: 1200px) { .mr-xl--95 { margin-right: 95px !important; } } @media (min-width: 1600px) { .mr-xl--95 { margin-right: 95px; } } @media (min-width: 1200px) { .mr-xl--100 { margin-right: 100px !important; } } @media (min-width: 1600px) { .mr-xl--100 { margin-right: 100px; } } @media (min-width: 1200px) { .mr-xl--105 { margin-right: 105px !important; } } @media (min-width: 1600px) { .mr-xl--105 { margin-right: 105px; } } @media (min-width: 1200px) { .mr-xl--110 { margin-right: 110px !important; } } @media (min-width: 1600px) { .mr-xl--110 { margin-right: 110px; } } @media (min-width: 1200px) { .mr-xl--115 { margin-right: 115px !important; } } @media (min-width: 1600px) { .mr-xl--115 { margin-right: 115px; } } @media (min-width: 1200px) { .mr-xl--120 { margin-right: 120px !important; } } @media (min-width: 1600px) { .mr-xl--120 { margin-right: 120px; } } @media (min-width: 1200px) { .mr-xl--125 { margin-right: 125px !important; } } @media (min-width: 1600px) { .mr-xl--125 { margin-right: 125px; } } @media (min-width: 1200px) { .mr-xl--130 { margin-right: 130px !important; } } @media (min-width: 1600px) { .mr-xl--130 { margin-right: 130px; } } @media (min-width: 1200px) { .mr-xl--135 { margin-right: 135px !important; } } @media (min-width: 1600px) { .mr-xl--135 { margin-right: 135px; } } @media (min-width: 1200px) { .mr-xl--140 { margin-right: 140px !important; } } @media (min-width: 1600px) { .mr-xl--140 { margin-right: 140px; } } @media (min-width: 1200px) { .mr-xl--145 { margin-right: 145px !important; } } @media (min-width: 1600px) { .mr-xl--145 { margin-right: 145px; } } @media (min-width: 1200px) { .mr-xl--150 { margin-right: 150px !important; } } @media (min-width: 1600px) { .mr-xl--150 { margin-right: 150px; } } @media (min-width: 1200px) { .mr-xl--155 { margin-right: 155px !important; } } @media (min-width: 1600px) { .mr-xl--155 { margin-right: 155px; } } @media (min-width: 1200px) { .mr-xl--160 { margin-right: 160px !important; } } @media (min-width: 1600px) { .mr-xl--160 { margin-right: 160px; } } @media (min-width: 1200px) { .mr-xl--165 { margin-right: 165px !important; } } @media (min-width: 1600px) { .mr-xl--165 { margin-right: 165px; } } @media (min-width: 1200px) { .mr-xl--170 { margin-right: 170px !important; } } @media (min-width: 1600px) { .mr-xl--170 { margin-right: 170px; } } @media (min-width: 1200px) { .mr-xl--175 { margin-right: 175px !important; } } @media (min-width: 1600px) { .mr-xl--175 { margin-right: 175px; } } @media (min-width: 1200px) { .mr-xl--180 { margin-right: 180px !important; } } @media (min-width: 1600px) { .mr-xl--180 { margin-right: 180px; } } @media (min-width: 1200px) { .mr-xl--185 { margin-right: 185px !important; } } @media (min-width: 1600px) { .mr-xl--185 { margin-right: 185px; } } @media (min-width: 1200px) { .mr-xl--190 { margin-right: 190px !important; } } @media (min-width: 1600px) { .mr-xl--190 { margin-right: 190px; } } @media (min-width: 1200px) { .mr-xl--195 { margin-right: 195px !important; } } @media (min-width: 1600px) { .mr-xl--195 { margin-right: 195px; } } @media (min-width: 1200px) { .mr-xl--200 { margin-right: 200px !important; } } @media (min-width: 1600px) { .mr-xl--200 { margin-right: 200px; } } /*Theme Spacing*/ .section-margin { margin-bottom: 60px; } @media (min-width: 768px) { .section-margin { margin-bottom: 80px; } } .section-margin-top { margin-top: 60px; } @media (min-width: 768px) { .section-margin-top { margin-top: 80px; } } .section-padding { padding-bottom: 60px; } @media (min-width: 768px) { .section-padding { padding-bottom: 80px; } } .section-padding-top { padding-top: 60px; } @media (min-width: 768px) { .section-padding-top { padding-top: 80px; } } .section-padding-bottom { padding-bottom: 60px; } @media (min-width: 768px) { .section-padding-bottom { padding-bottom: 80px; } } .overflow-hidden { overflow: hidden !important; } .inner-page-sec-margin { margin-top: 50px !important; } .inner-page-sec-padding { padding-bottom: 50px; } .inner-page-sec-padding-bottom { padding-bottom: 60px; } @media (min-width: 768px) { .inner-page-sec-padding-bottom { padding-bottom: 80px; } } .inner-page-sec-padding-top { padding-top: 90px; } .flex-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } @media (min-width: 576px) { .flex-sm-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media (min-width: 768px) { .flex-md-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media (min-width: 992px) { .flex-lg-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media (min-width: 1200px) { .flex-xl-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } .bg-position-left { background-position: left !important; } @media (min-width: 992px) { .bg-position-lg-center { background-position: center !important; } } @media (min-width: 1200px) { .bg-position-lg-center { background-position: center; } } .form-group { margin-bottom: 1rem; } /*>>>>>>>> Color <<<<<<<<<*/ .text-primary { color: #62ab00 !important; } .text-primary:hover { color: #62ab00 !important; } .text-white { color: #fff; } .text-black { color: #292929; } .text-black-2 { color: #1a1f2b; } .bg-primary { background: #62ab00 !important; } .bg-gray { background: #f6f6f6; } .bg-white { background: #f6f6f6; } .bg-yellow { background: #F1C40F; } .bg-red { background: #f6f6f6; } .bg-green { background: #A0D468; } .bg-beige { background: #f5f5dc; } .bg-ghost-white { background: #f5f4fa; } .bg-shade-whisper { background: #EDEDED; } .bg-pink { background: #FF7A7A; } .bg-yellow-2 { background: #FFFF01; } .bg-dark-gray { background: #2F4F4E; } .text-red { color: #F00; } .bg-overlay--white { position: relative; } .bg-overlay--white:before { background: #fff; content: ""; top: 0; left: 0; height: 100%; width: 100%; position: absolute; opacity: 0.2; } .bg-overlay--dark { position: relative; } .bg-overlay--dark:before { background: #000; content: ""; top: 0; left: 0; height: 100%; width: 100%; position: absolute; opacity: 0.4; } /*>>>>>>>> Modal <<<<<<<<<*/ .modal.modal-quick-view { display: block; opacity: 0; visibility: hidden; z-index: -9999; } .modal.modal-quick-view .modal-dialog { max-width: 100%; margin: 20% auto; } @media (min-width: 768px) { .modal.modal-quick-view .modal-dialog { max-width: 700px; } } @media (min-width: 992px) { .modal.modal-quick-view .modal-dialog { max-width: 900px; overflow: unset; margin: 10% auto; } } @media (min-width: 1200px) { .modal.modal-quick-view .modal-dialog { max-width: 1100px; overflow: unset; } } .modal.modal-quick-view.show { opacity: 1; visibility: visible; z-index: 9999; } .modal.modal-quick-view .btn-close { position: absolute; right: 0; top: 0; margin-right: 10px; top: 5px; float: none; } .modal.modal-quick-view .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 30px; } @media (min-width: 992px) { .modal.modal-quick-view .modal-footer { padding-left: 60px; } } .modal.modal-quick-view .modal-footer .widget-social-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal.modal-quick-view .modal-footer .widget-social-share .widget-label { margin-right: 20px; } .product-details-modal { padding-top: 50px; padding: 30px; } @media (min-width: 992px) { .product-details-modal { padding: 60px; } } .product-details-modal .product-details-slider .single-slide img { width: 100%; } .modal-social-share .single-icon { color: #333; margin-right: 10px; } .modal-social-share .single-icon:hover { color: #62ab00 !important; } /*>>>>>>>> Buttons <<<<<<<<<*/ .btn { border-radius: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* min-height: 50px; */ min-height: 36px; font-size: 13px; font-weight: 600; padding: 0 50px; border-radius: 3px; text-transform: uppercase; line-height: 1; } .btn-outlined { background: transparent; border: 2px solid #ececec; color: #333; } .btn-outlined:hover { border: 2px solid #62ab00; background: #62ab00; color: #fff; } .btn-outlined--primary { background: transparent; border: 2px solid #62ab00 !important; color: #62ab00; } .btn-outlined--primary:hover { background: #62ab00; border-color: #62ab00 !important; color: #fff !important; } .btn-outlined--white { background: transparent; border: 2px solid #fff; color: #fff; } .btn-outlined--white:hover { background: #62ab00; border-color: #62ab00; color: #fff; } .btn-outlined--black { background: transparent; border: 2px solid #333; color: #333; } .btn-outlined--black:hover { background: #62ab00; border-color: #62ab00; color: #fff; } .btn-outlined--red-faded { background: transparent; border: 2px solid #f5857a; color: #ec776d !important; } .btn-outlined--red-faded:hover { background: #f5857a; border-color: #f5857a; color: #fff !important; } .btn-outlined--pink { background: transparent; border: 2px solid #e61374; color: #e61374 !important; } .btn-outlined--pink:hover { background: #e61374; border-color: #e61374; color: #fff !important; } .btn-rounded { border-radius: 500px; } .btn-mid { height: 40px; width: 195px; } .btn--primary { /* background: #62ab00; */ background: #3e4095; color: #fff !important; } .btn--primary:hover { background: #333; color: #fff; } .btn--yellow { /* background: #eccd00; color: #282828 !important; */ background: #3e4095; color: white !important; } .btn--yellow:hover { background: black; color: white; /* background: #fff; color: #282828; */ } .btn-yellow-primary { background: #eccd00; color: #282828 !important; } .btn-yellow-primary:hover { background: #62ab00; color: #fff; } .btn-black { height: 50px; padding: 0 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; background: #333; font-size: 13px; font-weight: 500; font-family: Rubik, Arial, Helvetica, sans-serif; -webkit-box-shadow: none; box-shadow: none; border-radius: 3px; border: none; outline: none; text-shadow: none; text-transform: uppercase; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; vertical-align: middle; white-space: nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .btn-black:hover { background: #62ab00; color: #fff; } /*>>>>>>>> Images <<<<<<<<<*/ .bg-image { background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; } .border-bottom { border-bottom: 1px solid #ebebeb; } .overflow-image { overflow: hidden; width: 100%; display: block; } .overflow-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.4s; transition: 0.4s; width: 100%; } .overflow-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } /*>>>>>>>> Typography <<<<<<<<<*/ .font-weight-bold { font-weight: 700; } .font-weight-mid { font-weight: 500; } .font-weight-normal { font-weight: 400; } .font-weight-light { font-weight: 300; } .section-title { text-align: center; margin-top: -8px; margin-bottom: 30px; } @media (min-width: 768px) { .section-title { margin-bottom: 40px; } } .section-title h2 { position: relative; text-transform: uppercase; margin: 0; display: inline-block; vertical-align: top; line-height: 30px; color: #222222; font-weight: 600; font-size: 18px; } @media (min-width: 992px) { .section-title h2 { font-size: 25px; padding-bottom: 31px; } } .section-title--bordered { position: relative; border-bottom: 1px solid #e5e5e5; } .section-title--bordered h2 { position: relative; padding-bottom: 10px; } .section-title--bordered h2:after { position: absolute; content: ""; left: 0; bottom: -1px; width: 100%; height: 2px; background: #62ab00; } .promo-section-heading { background: #62ab00; border-radius: 3px; padding: 9px; margin-bottom: 56px; text-align: center; } .promo-section-heading h2 { font-size: 22px; color: #fff; line-height: 30px; text-transform: none; padding: 0; font-weight: 400; margin-bottom: 0; } @media (min-width: 768px) { .promo-section-heading h2 { font-size: 28px; } } /*>>>>>>>> Card <<<<<<<<<*/ .rating-block span { color: #b6b6b6; font-size: 16px; } .rating-block span.star_on { color: #eccd00; } /*++ Method Cards ++*/ .method-card { text-align: center; } .method-card .icon { margin-bottom: 25px; } .method-card .text { padding: 0 15px; } @media (min-width: 480px) { .method-card .text { padding: 0 110px; } } @media (min-width: 576px) { .method-card .text { padding: 0px; } } @media (min-width: 992px) { .method-card .text { padding: 0 40px; } } .method-card .text .method-title { font-size: 12px; font-weight: 700; margin-bottom: 22px; } @media (min-width: 992px) { .method-card .text .method-title { margin-bottom: 38px; } } .method-card .text .method-title:hover a { color: #62ab00; } .method-card .text p { letter-spacing: 0.025em; margin-bottom: 16px; } .method-card .text p:last-child { margin-bottom: 0 !important; } /*++ Blog Cards ++*/ .blog-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 576px) { .blog-card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .blog-card .image { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; padding-right: 10px; } .blog-card .image img { width: 100%; } .blog-card .content { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; text-align: left; border-top: 0; border: 2px solid #eeeeee; padding: 15px 10px; border-radius: 3px; position: relative; margin-top: 10px; } @media (min-width: 576px) { .blog-card .content { margin-top: 0; } } .blog-card .content::before { content: ""; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 16px solid transparent; border-right: 16px solid #fff; position: absolute; z-index: 1; top: 0; left: 50%; -webkit-transform: translate(-50%, -100%) rotate(90deg); transform: translate(-50%, -100%) rotate(90deg); } @media (min-width: 576px) { .blog-card .content::before { -webkit-transform: none; transform: none; top: 26px; left: -32px; } } .blog-card .content::after { content: ""; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 18px solid transparent; border-right: 18px solid #eeeeee; position: absolute; top: -2px; left: 50%; -webkit-transform: translate(-50%, -100%) rotate(90deg); transform: translate(-50%, -100%) rotate(90deg); } @media (min-width: 576px) { .blog-card .content::after { -webkit-transform: none; transform: none; top: 24px; left: -36px; } } .blog-card .content .content-header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 22px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-card .content .title { display: block; font-size: 18px; text-transform: capitalize; line-height: 24px; position: relative; margin-top: 0; margin-bottom: 0; padding-left: 10px; color: #282828; font-weight: 400; } .blog-card .content .title:hover a { color: #62ab00; } .blog-card .content .meta-para { display: inline-block; text-transform: none; margin: 0; font-size: 13px; position: relative; margin-bottom: 21px; } .blog-card .content .meta-para i { margin-right: 3px; } .blog-card .date-badge { text-align: center; min-width: 40px; border-radius: 3px; display: block; } .blog-card .date-badge .date { display: block; font-size: 18px; font-weight: 700; color: #62ab00; line-height: 27px; background: #e9e9e9; } .blog-card .date-badge .month { background: #62ab00; display: block; text-transform: uppercase; color: #fff; font-size: 12px; line-height: 18px; } .blog-card .card-link { font-size: 14px; display: block; text-transform: capitalize; margin-top: 13px; color: #333; } .blog-card .card-link:hover { color: #62ab00; } .blog-card .card-link i { margin-left: 8px; color: #62ab00; } .blog-card.card-style-list .card-content .title { font-size: 18px; color: #333; line-height: 1.3; font-weight: 600; margin-top: 10px; } @media (min-width: 768px) { .blog-card.card-style-list .card-content .title { margin-top: 0px; font-size: 21px; } } .blog-card.card-style-grid { display: block; } .blog-card.card-style-grid .image { padding-right: 0; padding-bottom: 20px; } .blog-card.card-style-grid .title { font-size: 18px; font-weight: 600; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .blog-card a:hover { color: #62ab00; } /*>>>>>>>> Products <<<<<<<<<*/ /*++ Product Cards ++*/ .product-card { text-align: center; margin-bottom: 69px; } .product-card .product-header { padding: 0 15px; } .product-card .author { font-size: 14px; font-weight: 400; padding: 0; color: #333; text-transform: capitalize; display: block; margin-bottom: 5px; } .product-card .author:hover { color: #62ab00; } .product-card h3 a { padding: 0; display: block; text-transform: capitalize; overflow: hidden; font-size: 16px; font-weight: 600; /* margin-bottom: 18px; */ margin-bottom: -49px; /* height: 70px; */ height: 76px; } .product-card h3 a:hover { color: #62ab00; } .product-card .price-block { text-align: center; position: relative; margin-top: 24px; } .product-card .card-image { position: relative; } .product-card .hover-contents { position: absolute; top: 0; left: 50%; visibility: hidden; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; height: 100%; width: 100%; } .product-card .hover-contents .hover-btns { position: absolute; opacity: 0; top: 55%; left: 50%; margin: auto; background: #fff; z-index: 3; border-radius: 3px; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; } .product-card .hover-contents .hover-btns .single-btn { line-height: 47px; padding: 0 15.5px; border-right: 1px solid #e5e5e5; } .product-card .hover-contents .hover-btns .single-btn:last-child { border-right: 0; } .product-card .hover-contents .hover-btns .single-btn:hover { color: #62ab00; } .product-card:hover .hover-contents { visibility: visible; opacity: 1; } .product-card:hover .hover-contents .hover-btns { opacity: 1; top: 50%; } .product-card.card-style-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } @media (min-width: 480px) { .product-card.card-style-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-right: 20px; } } .product-card.card-style-list .card-image { width: 170px; } @media (min-width: 576px) { .product-card.card-style-list .card-image { padding-right: 15px; } } .product-card.card-style-list .product-card--body { text-align: left; } .product-card.card-style-list .product-header { padding-left: 0; padding-right: 0; } .product-card.card-style-list .price-block { margin-top: 13px; text-align: left; } @media (min-width: 992px) { .product-card .product-list-content .product-card--body article { width: 70%; } } .product-card .product-list-content .card-image { width: 100%; height: auto; margin-bottom: 30px; } @media (min-width: 480px) { .product-card .product-list-content .card-image { max-width: 270px; margin-bottom: 0px; } } .product-card .product-list-content .card-image img { width: 100%; } .product-card .product-list-content .rating-block { margin-top: 18px; } .product-card .product-list-content .btn-block { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; } .product-card .product-list-content .btn-block .btn { background: #fff; color: #333; font-weight: 700; padding: 0 25px; width: auto; border: 2px solid #eee; border-radius: 3px; margin-top: 0; text-transform: capitalize; margin-bottom: 15px; font-size: 14px; line-height: 40px; } @media (min-width: 992px) { .product-card .product-list-content .btn-block .btn { padding: 0 50px; font-size: 15px; line-height: 48px; } } .product-card .product-list-content .btn-block .btn:hover { color: #555; border-color: #62ab00; } .product-card .product-list-content .btn-block a { margin-left: 0; margin-right: 28px; color: #333; margin-bottom: 10px; } .product-card .product-list-content .btn-block a:last-child { margin-right: 0; } .product-card .product-list-content .btn-block a i { margin-right: 4px; } .product-card .product-list-content .btn-block a.card-link:hover { color: #62ab00; } .product-body-border { overflow: hidden; } .product-body-border .product-card { padding: 4px; } .product-body-border .product-card .product-card--body { position: relative; padding: 1px; } .product-body-border .product-card .product-card--body::before { position: absolute; content: ""; background: #e5e5e5; right: 0px; top: 0; height: 100%; width: 1px; } .price { color: #929292; font-size: 18px; color: #62ab00; font-weight: 600; } @media (min-width: 576px) { .price { font-size: 14px; } } @media (min-width: 1200px) { .price { font-size: 18px; } } .price-old { color: #999999; text-decoration: line-through; font-size: 14px; font-weight: 400; margin-left: 5px; } .price-discount { color: #fff; font-weight: 700; text-align: center; line-height: 24px; padding: 0 7px; min-width: 46px; background: #bd0018; text-transform: uppercase; font-size: 14px; margin-left: 5px; z-index: 3; border-radius: 3px; } @media (min-width: 576px) { .price-discount { line-height: 20px; padding: 0 3px; min-width: 40px; } } /*>>>>>>>> Sliders <<<<<<<<<*/ /*===== Brand Slider ======*/ .sb-slick-slider { position: relative; } .sb-slick-slider .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sb-slick-slider .slick-dots li { font-size: 0; width: 11px; height: 11px; border-radius: 100%; background: #d3d3d3; margin: 4px; display: block; opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .sb-slick-slider .slick-dots li.slick-active { background: #62ab00; } .sb-slick-slider .slick-dots li button { font-size: 0; } .sb-slick-slider .product-card.card-style-list { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .brand-slider { position: relative; padding: 10px 0; } .brand-slider .single-slide { opacity: 0.8; } .brand-slider .single-slide img { width: 100%; } .brand-slider .single-slide:hover { opacity: 1; } .hero-product-slider .single-slide { margin: 0 0px; } .product-slider { overflow: hidden; } .product-slider .slick-list { margin: 0 -1px; } .product-slider .single-slide { margin: 0 1px; } .product-slider .slick-dots { margin-top: 50px; } .product-slider.with-countdown.countdown-single .slick-dots { margin-top: 25px; margin-bottom: 27px; } .product-slider.multiple-row > .slick-list { margin: -40px -1px 0 -1px; } .product-slider.multiple-row .single-slide { margin-top: 40px !important; } .product-slider.multiple-row .slick-dots { margin-top: 25px; } .slider-border-single-row .single-slide .product-card--body { position: relative; padding: 1px; } .slider-border-single-row .single-slide .product-card--body::before { position: absolute; content: ""; background: #e5e5e5; left: 0px; top: 0; height: 100%; width: 1px; } .slider-border-single-row .single-slide.slick-current .product-card--body::before { height: 0%; } .slider-border-single-row.product-list-slider .product-card--body::before { height: 0; } .slider-border-single-row.product-list-slider .single-slide .product-card { position: relative; padding: 1px; } .slider-border-single-row.product-list-slider .single-slide .product-card::before { position: absolute; content: ""; background: #e5e5e5; left: 0px; top: 0; height: 100%; width: 1px; } .slider-border-single-row.product-list-slider .single-slide.slick-current .product-card::before { height: 0%; } .slider-border-multiple-row .single-slide .product-card--body { position: relative; padding: 1px; } .slider-border-multiple-row .single-slide .product-card--body::before { position: absolute; content: ""; background: #e5e5e5; left: 0px; top: 0; height: 100%; width: 1px; } .slider-border-multiple-row .slick-current.slick-slide > div .product-card--body::before { height: 0%; } .slider-border-multiple-row.product-list-slider .product-card--body::before { height: 0; } .slider-border-multiple-row.product-list-slider .slick-slide .product-card { position: relative; padding-left: 10px; } .slider-border-multiple-row.product-list-slider .slick-slide .product-card::before { position: absolute; content: ""; background: #e5e5e5; left: 0px; top: 0; height: 100%; width: 1px; } .slider-border-multiple-row.product-list-slider .slick-slide.slick-current > div .product-card::before { height: 0%; } .product-slider-nav > .slick-list { margin: 0 -10px; } .product-slider-nav .single-slide { margin: 0 10px; } .product-slider-nav .slick-arrow { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; border: 2px solid #e1e1e1; background: #f7f7f9; color: #9e9e9e; text-align: center; position: absolute; z-index: 9; cursor: pointer; top: 50%; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in; border-radius: 100%; font-size: 14px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .product-slider-nav .slick-arrow.slick-next { left: auto; right: 0; } .product-slider-nav.vertical-slider .slick-arrow { -webkit-transition: 0.4s; transition: 0.4s; position: absolute; width: 42px; height: 42px; line-height: 42px; color: #999; background: #ECECEC; text-align: center; z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (min-width: 576px) { .product-slider-nav.vertical-slider .slick-arrow { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); left: 50%; } } @media (min-width: 576px) { .product-slider-nav.vertical-slider .slick-arrow.slick-prev { top: 10px; } } @media (min-width: 576px) { .product-slider-nav.vertical-slider .slick-arrow.slick-prev i:before { content: ""; } } @media (min-width: 576px) { .product-slider-nav.vertical-slider .slick-arrow.slick-next { top: auto; bottom: 10px; } } @media (min-width: 576px) { .product-slider-nav.vertical-slider .slick-arrow.slick-next i:before { content: ""; } } .product-slider-nav.vertical-slider .slick-arrow:hover { color: #292929; } @media (min-width: 576px) { .product-slider-nav.vertical-slider:hover .slick-arrow.slick-prev { top: 0px; } } @media (min-width: 576px) { .product-slider-nav.vertical-slider:hover .slick-arrow.slick-next { top: auto; bottom: 0px; } } @media (min-width: 576px) { .product-slider-nav.vertical-slider > .slick-list { margin: 0px 0; } } @media (min-width: 576px) { .product-slider-nav.vertical-slider .single-slide { margin: 8px 0; } } .blog-gallery-slider .single-image img { width: 100%; } .blog-gallery-slider .slick-arrow { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; border: 2px solid #e1e1e1; background: #f7f7f9; color: #9e9e9e; text-align: center; position: absolute; z-index: 9; cursor: pointer; top: 50%; opacity: 0; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in; border-radius: 100%; font-size: 14px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .blog-gallery-slider .slick-arrow.slick-prev { left: 20px; } .blog-gallery-slider .slick-arrow.slick-next { right: 20px; } .blog-gallery-slider .slick-arrow:hover { background: #292929; border-color: #292929; color: #fff; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in; } .blog-gallery-slider:hover > .slick-arrow { opacity: 1; } .blog-gallery-slider:hover > .slick-arrow.slick-prev { left: 25px; } .blog-gallery-slider:hover > .slick-arrow.slick-next { right: 25px; } .blog-slider { position: relative; } .blog-slider > .slick-list { margin: 0 -15px; } .blog-slider .single-slide { margin: 0 15px; } .blog-slider .slick-dots { margin-top: 60px; } .blog-slider .blog-card .image img { width: 100%; } @media (min-width: 576px) { .blog-slider.slider-one-column .blog-card { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .herobanner-progress { -webkit-animation: initial; animation: initial; background: rgba(51, 51, 51, 0.9); height: 3px; left: 0; position: absolute; top: 0; width: 0; z-index: 5; opacity: 0.2; } .slick-current .herobanner-progress { -webkit-animation: hoFill 8000ms ease-in-out s normal; animation: hoFill 8000ms ease-in-out s normal; } @-webkit-keyframes hoFill { 0% { width: 0; } 100% { width: 100%; } } @keyframes hoFill { 0% { width: 0; } 100% { width: 100%; } } [class*=hero-slider] { position: relative; } [class*=hero-slider] .slick-dots { position: absolute; bottom: 0; margin-bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } [class*=hero-slider] .slick-dots li { width: 20px; height: 20px; background: transparent; border: 1px solid transparent; position: relative; cursor: pointer; } [class*=hero-slider] .slick-dots li:before { position: absolute; content: ""; height: 8px; width: 8px; background: #3e444a; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 100%; } [class*=hero-slider] .slick-dots li.slick-active { background: transparent; border-color: #62ab00; } [class*=hero-slider] .slick-dots li.slick-active:before { background: #62ab00; } /*>>>>>>>> Tabs <<<<<<<<<*/ .sb-custom-tab { text-align: center; } .sb-custom-tab .nav.nav-tabs { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 50px; border: 2px solid #e5e5e5; border-radius: 3px; } .sb-custom-tab .nav.nav-tabs .nav-item { font-size: 15px; color: #282828; line-height: 48px; text-transform: capitalize; font-weight: 700; cursor: pointer; display: inline-block; vertical-align: top; padding: 0; background: #fff; position: relative; margin: 1px; border-radius: 3px; } .sb-custom-tab .nav.nav-tabs .nav-item .icon { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 48px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 13px; } .sb-custom-tab .nav.nav-tabs .nav-item .nav-link { padding: 0 30px; border: 2px solid transparent; margin: -2px; color: #282828; -webkit-transition: border-color 0s, color 0.4s; transition: border-color 0s, color 0.4s; } .sb-custom-tab .nav.nav-tabs .nav-item .nav-link.active, .sb-custom-tab .nav.nav-tabs .nav-item .nav-link.show { border-color: #62ab00; color: #62ab00; } .sb-custom-tab .nav.nav-tabs .nav-item .nav-link.active ~ .arrow-icon, .sb-custom-tab .nav.nav-tabs .nav-item .nav-link.show ~ .arrow-icon { opacity: 1; } .sb-custom-tab .nav.nav-tabs .nav-item .nav-link:hover { color: #62ab00; } .sb-custom-tab .nav.nav-tabs .arrow-icon { position: absolute; left: calc(50% - 10px); opacity: 0; -webkit-transition: 0s; transition: 0s; display: none; } @media (min-width: 992px) { .sb-custom-tab .nav.nav-tabs .arrow-icon { display: block; } } .sb-custom-tab .nav.nav-tabs .arrow-icon:before { position: absolute; content: ""; border-width: 15px 12px; border-style: solid; border-color: #62ab00 transparent transparent transparent; } .sb-custom-tab .nav.nav-tabs .arrow-icon:after { position: absolute; content: ""; border-width: 13px 10px; border-style: solid; left: 2px; border-color: #fff transparent transparent transparent; top: -2px; } .sb-custom-tab .nav.nav-tabs.nav-style-2 { border-width: 0px 0px 1px 0px; border-style: solid; border-color: #e5e5e5; } @media (min-width: 480px) { .sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-item:first-child .nav-link { margin-left: 0 !important; } } .sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-item:last-child .nav-link { margin-right: 0 !important; } .sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link { border: none !important; position: relative; color: #222; line-height: 30px; text-transform: uppercase; font-weight: 600; cursor: pointer; position: relative; display: block; font-size: 14px; padding: 0 0 10px; margin: -1px 10px; } @media (min-width: 576px) { .sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link { font-size: 15px; padding: 0 0 10px; margin: -1px 15px; } } @media (min-width: 992px) { .sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link { font-size: 20px; padding: 0 0 30px; margin: -1px 30px; } } .sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link:before { position: absolute; content: ""; left: 10%; right: 10%; height: 2px; bottom: 0; background: transparent; } .sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link.active, .sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link.show { color: #62ab00; } .sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link.active:before, .sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link.show:before { background: #62ab00; } .sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link.active:hover, .sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link.show:hover { color: #62ab00; } .sb-custom-tab .tab-content > .tab-pane { display: block; visibility: hidden; opacity: 0; -webkit-transition: 0s; transition: 0s; height: 0; } .sb-custom-tab .tab-content > .tab-pane.show, .sb-custom-tab .tab-content > .tab-pane.active { visibility: visible; opacity: 1; height: 100%; } .sb-custom-tab .tab-content > .tab-pane.show .product-card, .sb-custom-tab .tab-content > .tab-pane.active .product-card { -webkit-animation: 0.6s linear zoomIn; animation: 0.6s linear zoomIn; } .count-down-block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 22px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-countdown { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 10px 15px; border: 2px solid #e5e5e5; width: 215px; } .product-countdown .single-countdown { padding-right: 15px; } .product-countdown .single-countdown span { display: block; font-weight: 600; text-transform: capitalize; } .product-countdown .single-countdown:last-child { padding-right: 0px; } /*>>>>>>>> Header <<<<<<<<<*/ .header-top { background: #333; } .modal-open .common-sticky.sticky-header { top: -100%; } .common-sticky { position: fixed; width: 100%; z-index: 180; top: 0; display: none; } .common-sticky.sticky-header { display: block; z-index: 99999; padding: 0 !important; width: 100%; position: fixed; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: slideInDown; animation-name: slideInDown; } .common-sticky.sticky-header .main-navigation { margin-top: 0; } .common-sticky .main-menu.menu-right > .menu-item:last-child > a { padding-right: 0; margin-right: 0; } .sticky-header { position: fixed; padding: 0; width: 100%; z-index: 99999; background: #fff; -webkit-box-shadow: 0px 1px 13px 1px rgba(204, 204, 204, 0.384); box-shadow: 0px 1px 13px 1px rgba(204, 204, 204, 0.384); -webkit-transition: 0.4s; transition: 0.4s; } .sticky-header .site-brand { width: 175px; } .sticky-header:hover { -webkit-box-shadow: 0px 1px 13px 5px rgba(204, 204, 204, 0.384); box-shadow: 0px 1px 13px 5px rgba(204, 204, 204, 0.384); } .header-top-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-top-list > li { padding: 8px 0; margin-right: 30px; text-transform: capitalize; z-index: 500; } .header-top-list > li a { -webkit-transition: 0.4s; transition: 0.4s; } .header-top-list > li .flag-img { margin-right: 5px; } .header-top-list > li:last-child { margin-right: 0; } .header-top-list > li:hover { color: #62ab00; } .header-top-list > li:hover a, .header-top-list > li:hover .icons-left { color: #62ab00; } .header-top-list > li .icons-left { color: #555555; font-style: normal; -webkit-transition: ease-in-out all 0.3s; transition: ease-in-out all 0.3s; margin-right: 5px; } .header-top--style-2 .header-top-list li { color: #fff; } .header-top--style-2 .header-top-list .icons-left { color: #fff; } .dropdown-trigger { position: relative; z-index: 150; cursor: pointer; } .dropdown-trigger:hover { color: #62ab00; } .dropdown-trigger:hover .dropdown-box { visibility: visible; opacity: 1; pointer-events: visible; } .dropdown-trigger:hover > a { color: #62ab00; } .dropdown-trigger .dropdown-box { position: absolute; left: auto; left: -10px; text-align: left; margin: 0; border: 2px solid #eee; background: white; border-radius: 0; padding: 0 20px; min-width: 160px; z-index: 66; top: 100%; -webkit-transition: 0.4s; transition: 0.4s; visibility: hidden; opacity: 0; pointer-events: none; } .dropdown-trigger .dropdown-box > li { border-bottom: 1px solid #eeeeee; } .dropdown-trigger .dropdown-box > li > a { padding: 9px 0; line-height: 28px; display: block; text-transform: capitalize; font-weight: 400; height: inherit; border-radius: 0; text-align: left; font-size: 13px; color: #666; } .dropdown-trigger .dropdown-box > li:hover { color: #62ab00; } .dropdown-trigger .dropdown-box > li:hover > a { color: #62ab00; } .dropdown-trigger .dropdown-box > li:last-child { border-bottom: 0; } .dropdown-trigger .dropdown-arrow { font-size: 12px !important; margin-left: 5px !important; display: inline-block !important; font-style: normal !important; } .header-phone { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-phone .icon { font-size: 34px; color: #62ab00; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 15px; } .header-phone p { line-height: 1; margin-bottom: 5px; } .header-phone p:last-child { margin-bottom: 0; } .header-phone p.number { font-weight: 700; color: #333; } .header-phone.color-white .icon { color: #fff; } .header-phone.color-white p { color: #fff; } .header-search-block { position: relative; } .header-search-block input { font-size: 16px; color: #333; width: 100%; height: 52px; float: none; font-weight: 400; background: #fff; border: 2px solid #eee; border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0 125px 0 20px; } .header-search-block input:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .header-search-block button { position: absolute; top: 0; right: 0; /* background: #62ab00; */ background: #3e4095; border: 0; line-height: 52px; -webkit-box-shadow: none !important; box-shadow: none !important; margin: 0; font-size: 15px; font-weight: 700; padding: 0 35px; color: #fff; border-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .cart-widget { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .cart-widget .login-block { margin-right: 27px; padding: 6px 0; text-align: left; } .cart-block { padding: 10px 0; } .cart-block:before { content: ""; font-family: "Font Awesome 5 Brands"; font-size: 34px; color: #62ab00; display: inline-block; vertical-align: top; line-height: 1; margin-right: 11px; } .cart-block:hover .cart-dropdown-block { opacity: 1; pointer-events: visible; } .cart-dropdown-block { width: 360px; font-size: 14px; right: 0; border: 2px solid #eee; background: #fff; top: 100%; padding-bottom: 20px; padding-top: 20px; position: absolute; z-index: 800; opacity: 0; pointer-events: none; -webkit-transition: 0.4s; transition: 0.4s; } .cart-dropdown-block:before, .cart-dropdown-block:after { border-bottom-style: solid; content: ""; display: block; height: 0; position: absolute; width: 0; } .cart-dropdown-block:before { border: 8px solid; border-color: transparent transparent #fff transparent; z-index: 1; right: 26px; top: -16px; } .cart-dropdown-block:after { border: 10px solid; border-color: transparent transparent #eeeeee transparent; right: 24px; top: -20px; } .cart-dropdown-block .single-cart-block { margin-bottom: 15px; border-bottom: 1px solid #ebebeb; } .cart-dropdown-block .single-cart-block:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0; } .cart-dropdown-block .cart-product { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; } .cart-dropdown-block .cart-product:last-child { margin-bottom: 0; border-bottom: 0; } .cart-dropdown-block .btn-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cart-dropdown-block .btn-block .btn { width: 151px; height: 53px; font-size: 15px; color: #333333; text-transform: capitalize; font-weight: 700; line-height: 52px; margin-right: 10px; padding: 0; } .cart-dropdown-block .btn-block .btn i { margin-left: 13px; } .cart-dropdown-block .btn-block .btn:last-child { margin-right: 0; } .cart-dropdown-block .btn-block .btn:hover { color: #62ab00; } .cart-dropdown-block .btn-block .btn.btn--primary:hover { color: #fff; } .cart-product { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .cart-product .image { width: 120px; padding: 0 10px; } .cart-product .content { padding-left: 10px; padding-right: 30px; } .cart-product .content .title { line-height: 20px; text-transform: capitalize; display: block; margin-bottom: 11px; font-size: 14px; font-weight: 400; color: #333; } .cart-product .content .title:hover a { color: #62ab00; } .cart-product .content .price { font-size: 18px; color: #62ab00; display: inline-block; vertical-align: top; line-height: 20px; font-weight: 600; margin-bottom: 0; } .cart-product .content .price .qty { line-height: 18px; font-size: 13px; display: inline-block; vertical-align: top; color: #666; font-weight: 300; } .cart-product .cross-btn { background-color: #999999; width: 16px; height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; border-radius: 2px; bottom: 20px; right: 10px; } .cart-product .cross-btn i { color: #fff; font-size: 10px; } .cart-product .cross-btn:hover { background: #62ab00; } .cart-total { position: relative; padding-right: 28px; display: inline-block; cursor: pointer; } .cart-total .text-number { width: 23px; height: 23px; line-height: 23px; border-radius: 100%; -webkit-border-radius: 100%; font-weight: 700; font-size: 14px; font-style: normal; text-align: center; color: #fff; background: #bd0018; position: absolute; right: 0px; top: -1px; } .cart-total .text-item { display: block; margin-bottom: 2px; line-height: 1; } .cart-total .price { color: #62ab00; font-style: normal; font-weight: 600; display: block; font-size: 18px; line-height: 1; } .cart-total .price i { color: #333; font-size: 12px; margin-left: 5px; } .login-block a { color: #333; } .login-block a:hover { color: #62ab00; } .login-block span { margin-right: 5px; } /*############### Desktop Menu ################*/ @media (min-width: 992px) { ul.main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transition: 0.4s; transition: 0.4s; } ul.main-menu > li.menu-item > a { margin-left: 10px; margin-right: 10px; padding-top: 25px; padding-bottom: 25px; font-size: 16px; text-transform: uppercase; font-weight: 400; color: #333; } } @media (min-width: 992px) and (min-width: 1200px) { ul.main-menu > li.menu-item > a { margin-left: 18px; margin-right: 18px; } } @media (min-width: 992px) { ul.main-menu > li.menu-item:hover > a { color: #62ab00; } } @media (min-width: 992px) { ul.main-menu > li.menu-item:first-child { padding-left: 0; } } @media (min-width: 992px) { ul.main-menu > li.menu-item:last-child { padding-right: 0; } } @media (min-width: 992px) { ul.main-menu > li.menu-item.has-children > a { position: relative; z-index: 139; } ul.main-menu > li.menu-item.has-children > a:before { position: absolute; content: ""; border-width: 10px 7px 10px 7px; border-color: transparent transparent #eee transparent; border-style: solid; bottom: 0; left: 50%; -webkit-transform: translate(-100%); transform: translate(-100%); display: none; } ul.main-menu > li.menu-item.has-children > a:after { position: absolute; content: ""; border-width: 12px 10px 12px 10px; border-color: transparent transparent #fff transparent; border-style: solid; bottom: -6px; margin-left: 3px; left: 50%; -webkit-transform: translate(-100%); transform: translate(-100%); display: none; } ul.main-menu > li.menu-item.has-children > a i { margin-left: 1px; font-size: 12px; display: inline-block; line-height: inherit; vertical-align: middle; font-style: normal; } ul.main-menu > li.menu-item.has-children:hover > a:before, ul.main-menu > li.menu-item.has-children:hover > a:after { display: block; } } @media (min-width: 992px) { ul.main-menu > li .sub-menu { width: 200px; position: absolute; top: 100%; left: 0; background: #fff; border: 2px solid #eee; margin-top: -1px; opacity: 0; pointer-events: none; } } @media (min-width: 992px) and (min-width: 992px) { ul.main-menu > li .sub-menu { padding: 20px 25px; } } @media (min-width: 992px) and (min-width: 1200px) { ul.main-menu > li .sub-menu { padding: 30px; } } @media (min-width: 992px) { ul.main-menu > li .sub-menu li { color: #333; text-transform: capitalize; font-weight: 400; font-size: 14px; margin-bottom: 10px; } } @media (min-width: 992px) and (min-width: 1200px) { ul.main-menu > li .sub-menu li { margin-bottom: 15px; } } @media (min-width: 992px) { ul.main-menu > li .sub-menu li:last-child { margin-bottom: 0; } } @media (min-width: 992px) { ul.main-menu > li .sub-menu li a { color: inherit; } } @media (min-width: 992px) { ul.main-menu > li .sub-menu li:hover > a { color: #62ab00; } } @media (min-width: 992px) { ul.main-menu.menu-black .menu-item { color: #292929; } } @media (min-width: 992px) { ul.main-menu.menu-right .mega-menu .sub-menu { left: auto; right: 0; } } @media (min-width: 992px) { ul.main-menu .has-children { position: relative; } ul.main-menu .has-children.mega-menu { position: static; } } @media (min-width: 992px) and (min-width: 992px) { ul.main-menu .has-children.mega-menu .menu-title { margin-bottom: 20px; } } @media (min-width: 992px) and (min-width: 1200px) { ul.main-menu .has-children.mega-menu .menu-title { margin-bottom: 30px; } } @media (min-width: 992px) { ul.main-menu .has-children.mega-menu > .sub-menu { width: 1000px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } ul.main-menu .has-children.mega-menu > .sub-menu.three-column { width: 700px; } ul.main-menu .has-children.mega-menu > .sub-menu.three-column > li { margin-bottom: 0; width: 33.3333%; padding-left: 20px; border-left: 1px solid #ebebeb; } ul.main-menu .has-children.mega-menu > .sub-menu.three-column > li:first-child { padding-left: 0; border-left: 0; } ul.main-menu .has-children.mega-menu > .sub-menu.four-column { width: 900px; } ul.main-menu .has-children.mega-menu > .sub-menu.four-column > li { margin-bottom: 0; width: 25%; padding-left: 20px; border-left: 1px solid #ebebeb; } ul.main-menu .has-children.mega-menu > .sub-menu.four-column > li:first-child { padding-left: 0; border-left: 0; } } @media (min-width: 992px) { ul.main-menu .has-children:hover { z-index: 200; } ul.main-menu .has-children:hover > .sub-menu { pointer-events: visible; opacity: 1; } } @media (min-width: 992px) { ul.main-menu .menu-title { font-size: 14px; text-transform: uppercase; font-weight: 600; color: #333; } ul.main-menu .menu-title:hover a { color: #62ab00 !important; } } @media (min-width: 992px) { ul.main-menu--white > li.menu-item { color: #fff; } ul.main-menu--white > li.menu-item:hover { color: #333; } ul.main-menu--white > li.menu-item:hover > a { color: #333; } ul.main-menu--white > li.menu-item > a { color: #fff; } ul.main-menu--white > li.menu-item > a:hover { color: #333; } ul.main-menu--white > li.menu-item.has-children:hover > li { color: #333; } } .category-nav { position: relative; max-width: 270px; z-index: 180; } .category-nav .category-trigger { position: relative; color: #000; text-decoration: none; border: 2px solid #eeeeee; display: block; font-weight: 700; padding: 12px 10px 12px 15px; } @media (min-width: 992px) { .category-nav .category-trigger { font-size: 14px; text-align: left; } } @media (min-width: 1200px) { .category-nav .category-trigger { text-align: center; padding: 12px 20px 12px 20px; font-size: 15px; } } .category-nav .category-trigger i { margin-right: 8px; font-size: 16px; } .category-nav .category-trigger:before { position: absolute; content: ""; font-size: 12px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; font-family: "Font Awesome 5 Free"; font-weight: 900; top: 0; margin-right: 25px; } .category-nav.show .category-menu { visibility: visible; opacity: 1; pointer-events: visible; } .category-nav.white-nav .category-trigger { color: #fff; } .category-nav.primary-nav { background: #62ab00; } .category-nav.primary-nav .category-trigger { color: #fff; border-color: #62ab00; } .category-nav.primary-nav .category-menu { border-color: transparent; } .category-menu { list-style: none; margin: 0; width: 100%; position: absolute; border: 2px solid #eeeeee; visibility: hidden; opacity: 0; pointer-events: none; background: #fff; } .category-menu .cat-item { padding: 0 10px; } .category-menu .cat-item:last-child a { border-color: transparent; } .category-menu .cat-item > a { border-bottom: 1px solid #d9d9d9; padding: 10px 25px 10px 15px; color: #555555; line-height: 26px; text-transform: capitalize; font-weight: 400; display: block; } .category-menu .cat-item a { color: #333; text-decoration: none; font-size: 14px; } .category-menu .cat-item:hover { color: #62ab00; } .category-menu .cat-item:hover > a { color: #62ab00; } .category-menu .has-children { position: relative; } .category-menu .has-children > .sub-menu { top: 0; width: 100%; background: #fff; padding-top: 10px; padding-bottom: 10px; position: relative; display: none; border-bottom: 1px solid #eeeeee; } @media (min-width: 992px) { .category-menu .has-children > .sub-menu { border: 2px solid #eeeeee; position: absolute; display: block; -webkit-transition: 0.4s; transition: 0.4s; width: 230px; left: 110%; visibility: hidden; opacity: 0; pointer-events: none; } } .category-menu .has-children > .sub-menu > li { padding: 5px 27px; font-weight: 600; } .category-menu .has-children > .sub-menu > li:hover > a { color: #62ab00; } @media (min-width: 992px) { .category-menu .has-children:hover > .sub-menu { left: 100%; visibility: visible; opacity: 1; pointer-events: visible; } } .category-menu .has-children > a { position: relative; } .category-menu .has-children > a:before { position: absolute; content: ""; right: 0; font-family: "font Awesome 5 Free"; font-size: 10px; font-weight: 900; margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; top: 0px; } @media (min-width: 992px) { .category-menu .has-children > a:before { content: ""; } } .category-menu .has-children.mega-menu > .sub-menu { background: #FFFFFF; padding: 20px 0; } @media (min-width: 992px) { .category-menu .has-children.mega-menu > .sub-menu { padding: 30px 30px 8px 30px; width: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .category-menu .has-children.mega-menu > .sub-menu .single-block { margin-bottom: 15px; } @media (min-width: 992px) { .category-menu .has-children.mega-menu > .sub-menu .single-block { margin-bottom: 22px; -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; } } .category-menu .has-children.mega-menu > .sub-menu .single-block li > a { font-weight: 400; color: #666666; font-size: 14px; line-height: 28px; } .category-menu .has-children.mega-menu > .sub-menu .single-block:last-child { margin-bottom: 0; } .category-menu .has-children.mega-menu > .sub-menu .title { color: #333; font-size: 15px; font-weight: 600; } /* Mobile Header */ .mobile-header.absolute-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; } .mobile-header .mobile-top-section { padding: 7px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #fff; } .mobile-header .site-brand { padding: 20px 0 20px 0; } .mobile-header .header-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-header .header-links .sin-link { font-size: 25px; margin: 0px 15px 0 0; } @media (min-width: 480px) { .mobile-header .header-links .sin-link { font-size: 30px; margin: 0px 20px 0 0; padding-bottom: 10px; } } .mobile-header .header-links .sin-link:last-child { margin-right: 0; } .mobile-header .header-links .sin-link:hover a { color: #62ab00; } .mobile-header .header-links .hamburgur-icon { font-size: 34px; width: 28px; height: 25px; border-color: #fff; } @media (min-width: 480px) { .mobile-header .header-links .hamburgur-icon { width: 33px; height: 33px; } } .mobile-header .header-links .hamburgur-icon:hover { border-color: #62ab00; } .mobile-header .category-nav { margin: 11px auto; max-width: 100%; } @media (min-width: 768px) { .mobile-header .category-nav { max-width: 270px; } } .mobile-header .category-nav .category-menu { max-height: 320px; overflow-y: auto; } @media (min-width: 576px) { .mobile-header .category-nav .category-menu { max-height: 480px; } } @media (min-width: 992px) { .mobile-header .category-nav .category-menu { max-height: none; overflow: unset; } } /* Mobile Off canvas */ .off-canvas-wrapper { top: 0; right: 0; height: 100vh; position: fixed; background-color: #fff; z-index: 9999; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09); opacity: 0; visibility: hidden; width: 250px; } @media (min-width: 480px) { .off-canvas-wrapper { width: 300px; } } .off-canvas-wrapper.open { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; } .off-canvas-wrapper .off-canvas-inner { padding-top: 30px; padding-left: 20px; padding-right: 20px; height: 100%; position: relative; overflow-y: scroll; margin-top: 1px; margin-left: 1px; } .off-canvas-wrapper .btn-close-off-canvas { top: 0; left: -50px; width: 50px; height: 50px; font-size: 30px; background-color: #62ab00; color: #fff; line-height: 50px; text-align: center; cursor: pointer; position: absolute; -webkit-transition: 0.4s; transition: 0.4s; } .off-canvas-wrapper .search-box.offcanvas { position: relative; } .off-canvas-wrapper .search-box.offcanvas input { width: 100%; height: 40px; padding-right: 50px; text-indent: 15px; } .off-canvas-wrapper .search-box.offcanvas input:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .off-canvas-wrapper .search-box.offcanvas button { width: 40px; height: 100%; position: absolute; top: 0; right: 0; font-size: 21px; background: #62ab00; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .off-canvas-wrapper .menu-expand { display: none; } .off-canvas-wrapper .header-social .single-icon { padding: 0 8px; } .off-canvas-wrapper .menu-block-2 > li { margin-bottom: 5px; } .off-canvas-wrapper .menu-block-2 > li:hover > a { color: #62ab00 !important; } .off-canvas-wrapper .menu-block-2 > li > a > i { font-size: 10px; margin-left: 6px; } .off-canvas-wrapper .menu-block-2 > li .sub-menu { padding-left: 15px; border-left: 2px solid #62ab00; } .off-canvas-wrapper .menu-block-2 > li .sub-menu > li { padding-top: 5px; } .off-canvas-wrapper .menu-block-2 > li .sub-menu > li > a:hover { color: #62ab00; } .off-canvas-wrapper .off-canvas-social a { margin-right: 10px; } .off-canvas-wrapper .off-canvas-social a:hover { color: #62ab00; } /* Mobile Menu */ .mobile-navigation { padding: 45px 0 30px; } .mobile-navigation .mobile-menu > li { padding-bottom: 13px; margin-bottom: 13px; border-bottom: 1px solid #ececec; } .mobile-navigation .mobile-menu > li .sub-menu > li { padding-top: 13px; margin-top: 13px; border-top: 1px solid #ececec; padding-left: 10px; } .mobile-navigation .mobile-menu li:hover > a { color: #62ab00; } .mobile-navigation .mobile-menu a { display: block; } .off-canvas-bottom { position: static; margin-top: 45px; margin-bottom: 30px; } .contact-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contact-list a { font-size: 12px; margin-bottom: 5px; } .contact-list a i { margin-right: 7px; } .contact-list a:last-child { margin-bottom: 0; } .contact-list a:hover { color: #62ab00; } .li-last-0 > li > a { margin-right: 30px; } .main-mobile-menu .menu-item-has-children { position: relative; } .main-mobile-menu .menu-expand { position: absolute; display: block; right: 0; margin-right: 50px; font-size: 12px; } /*>>>>>>>> Hero Area <<<<<<<<<*/ .hero-area .home-content { border-radius: 3px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; height: 450px; } @media (min-width: 768px) { .hero-area .home-content { padding-top: 0px; padding-bottom: 0px; min-height: 400px; } } @media (min-width: 992px) { .hero-area .home-content { min-height: 440px; } } @media (min-width: 1200px) { .hero-area .home-content { min-height: 410px; } } @media (min-width: 1600px) { .hero-area .home-content { min-height: 560px; } } .hero-area .home-content h1 { color: #333333; text-transform: capitalize; font-weight: 600; position: relative; padding: 0; line-height: 1.2; margin-bottom: 20px; font-size: 22px; } @media (min-width: 576px) { .hero-area .home-content h1 { font-size: 30px; } } @media (min-width: 768px) { .hero-area .home-content h1 { line-height: 1; font-size: 40px; } } @media (min-width: 1200px) { .hero-area .home-content h1 { font-size: 45px; } } @media (min-width: 1600px) { .hero-area .home-content h1 { font-size: 60px; } } .hero-area .home-content h2 { color: #333; font-weight: 300; font-style: italic; text-transform: capitalize; margin: 0; line-height: 1.2; padding: 0; font-size: 16px; } @media (min-width: 576px) { .hero-area .home-content h2 { font-size: 16px; } } @media (min-width: 768px) { .hero-area .home-content h2 { font-size: 22px; } } @media (min-width: 992px) { .hero-area .home-content h2 { font-size: 22px; } } @media (min-width: 1200px) { .hero-area .home-content h2 { font-size: 30px; } } @media (min-width: 1600px) { .hero-area .home-content h2 { font-size: 40px; } } .hero-area .home-content .btn { line-height: 40px; font-size: 13px; text-transform: capitalize; margin-top: 30px; padding: 0 20px; min-height: 40px; } @media (min-width: 576px) { .hero-area .home-content .btn { margin-top: 45px; padding: 0 30px; } } @media (min-width: 1200px) { .hero-area .home-content .btn { margin-top: 57px; padding: 0 40px; min-height: 57px; font-size: 15px; } } .hero-area .home-content .hero-partial-image { position: relative; margin-bottom: 10px; width: 70%; margin-left: auto; margin-right: auto; } @media (min-width: 480px) { .hero-area .home-content .hero-partial-image { width: 50%; } } @media (min-width: 576px) { .hero-area .home-content .hero-partial-image { z-index: -1; position: absolute; width: 65%; } } @media (min-width: 768px) { .hero-area .home-content .hero-partial-image { margin-top: 25px; top: 25px; width: 70%; bottom: auto; top: 0; } } @media (min-width: 992px) { .hero-area .home-content .hero-partial-image { margin-left: 0; width: 58%; } } @media (min-width: 1200px) { .hero-area .home-content .hero-partial-image { width: 58%; } } @media (min-width: 1600px) { .hero-area .home-content .hero-partial-image { top: 35px; width: auto; } } .hero-area .home-content .hero-partial-image img { width: 100%; } .hero-area .home-content .hero-partial-image.image-left { right: 0; } @media (min-width: 576px) { .hero-area .home-content .hero-partial-image.image-left { right: -75px; } } @media (min-width: 768px) { .hero-area .home-content .hero-partial-image.image-left { margin-left: -20px; left: 0; right: auto; bottom: auto; width: 65%; } } @media (min-width: 992px) { .hero-area .home-content .hero-partial-image.image-left { width: 58%; margin-left: 0px; } } @media (min-width: 1200px) { .hero-area .home-content .hero-partial-image.image-left { width: 45%; } } @media (min-width: 1600px) { .hero-area .home-content .hero-partial-image.image-left { width: auto; margin-left: -60px; } } .hero-area .home-content .hero-partial-image.image-right { left: 0; } @media (min-width: 576px) { .hero-area .home-content .hero-partial-image.image-right { left: auto; right: -75px; } } @media (min-width: 768px) { .hero-area .home-content .hero-partial-image.image-right { right: 0; margin-right: 0px; width: 55%; margin-top: 50px; } } @media (min-width: 1200px) { .hero-area .home-content .hero-partial-image.image-right { width: 50%; margin-right: 60px; margin-top: 10px; } } @media (min-width: 1600px) { .hero-area .home-content .hero-partial-image.image-right { margin-right: 0px; width: auto; } } @media (min-width: 1600px) { .hero-area .home-content .home-content-inner.content-right-side { padding-left: 85px; } } .hero-area.hero-slider-2 .home-content { min-height: 330px; } @media (min-width: 480px) { .hero-area.hero-slider-2 .home-content { min-height: 355px; } } @media (min-width: 768px) { .hero-area.hero-slider-2 .home-content { min-height: 430px; } } @media (min-width: 1600px) { .hero-area.hero-slider-2 .home-content { min-height: 530px; } } .hero-area.hero-slider-2 .home-content .title-small { font-size: 16px; line-height: 1; color: #3a3a3c; font-weight: 600; margin-bottom: 5px; } .hero-area.hero-slider-2 .home-content .title-mid { line-height: 28px; color: #62ab00; font-weight: 600; } @media (min-width: 576px) { .hero-area.hero-slider-2 .home-content .title-mid { font-size: 22px; } } @media (min-width: 768px) { .hero-area.hero-slider-2 .home-content .title-mid { font-size: 28px; } } .hero-area.hero-slider-2 .home-content h2 { letter-spacing: 3px; color: #333333; font-weight: 700; font-style: normal; margin-bottom: 12px; text-transform: uppercase; font-size: 42px; } @media (min-width: 576px) { .hero-area.hero-slider-2 .home-content h2 { font-size: 62px; } } .hero-area.hero-slider-2 .home-content h2.h2-v2 { letter-spacing: 0px; font-weight: 900; font-size: 25px; } @media (min-width: 480px) { .hero-area.hero-slider-2 .home-content h2.h2-v2 { font-size: 32px; } } @media (min-width: 576px) { .hero-area.hero-slider-2 .home-content h2.h2-v2 { font-size: 40px; } } @media (min-width: 768px) { .hero-area.hero-slider-2 .home-content h2.h2-v2 { font-size: 50px; } } @media (min-width: 1200px) { .hero-area.hero-slider-2 .home-content h2.h2-v2 { font-size: 60px; } } .hero-area.hero-slider-2 .home-content p { line-height: 26px; color: #333; font-style: italic; font-size: 13px; } @media (min-width: 480px) { .hero-area.hero-slider-2 .home-content p { font-size: 16px; } } @media (min-width: 576px) { .hero-area.hero-slider-2 .home-content p { font-size: 18px; } } .hero-area.hero-slider-2 .home-content .btn { margin-top: 20px; } .hero-area.hero-slider-3 .home-content { min-height: 355px; text-align: center; } @media (min-width: 992px) { .hero-area.hero-slider-3 .home-content { min-height: 400px; } } @media (min-width: 1200px) { .hero-area.hero-slider-3 .home-content { min-height: 450px; } } @media (min-width: 1600px) { .hero-area.hero-slider-3 .home-content { min-height: 595px; } } .hero-area.hero-slider-3 .home-content h1 { color: #fff; font-weight: 500; font-style: normal; margin-bottom: 12px; text-transform: capitalize; font-family: "PT Serif", serif; font-style: italic; font-size: 33px; } @media (min-width: 480px) { .hero-area.hero-slider-3 .home-content h1 { font-size: 40px; } } @media (min-width: 576px) { .hero-area.hero-slider-3 .home-content h1 { font-size: 50px; } } @media (min-width: 768px) { .hero-area.hero-slider-3 .home-content h1 { font-size: 55px; } } .hero-area.hero-slider-3 .home-content h2 { font-weight: 500; color: #fff; font-family: "PT Serif", serif; font-size: 20px; line-height: 25px; } @media (min-width: 480px) { .hero-area.hero-slider-3 .home-content h2 { font-size: 24px; line-height: 28px; } } @media (min-width: 576px) { .hero-area.hero-slider-3 .home-content h2 { font-size: 30px; line-height: 32px; } } @media (min-width: 768px) { .hero-area.hero-slider-3 .home-content h2 { font-size: 33px; line-height: 35px; } } @media (min-width: 1200px) { .hero-area.hero-slider-3 .home-content h2 { font-size: 40px; line-height: 40px; } } .hero-area.hero-slider-3 .home-content .btn { margin-top: 45px; } .hero-area.hero-slider-4 .home-content { padding-left: 20px; padding-right: 40px; height: 300px; } @media (min-width: 576px) { .hero-area.hero-slider-4 .home-content { height: 420px; } } @media (min-width: 768px) { .hero-area.hero-slider-4 .home-content { padding-left: 30px; padding-right: 30px; height: 420px; } } @media (min-width: 992px) { .hero-area.hero-slider-4 .home-content { padding-left: 30px; padding-right: 30px; min-height: 100%; } } .hero-area.hero-slider-4 .home-content .title-small { line-height: 1; color: #e61374; font-weight: 600; margin-bottom: 5px; font-size: 20px; } @media (min-width: 768px) { .hero-area.hero-slider-4 .home-content .title-small { font-size: 28px; } } .hero-area.hero-slider-4 .home-content h1 { color: #333; font-weight: 900; margin-bottom: 12px; text-transform: uppercase; font-style: normal; font-size: 33px; } @media (min-width: 576px) { .hero-area.hero-slider-4 .home-content h1 { font-size: 44px; } } @media (min-width: 992px) { .hero-area.hero-slider-4 .home-content h1 { font-size: 50px; } } @media (min-width: 1200px) { .hero-area.hero-slider-4 .home-content h1 { font-size: 55px; } } @media (min-width: 1600px) { .hero-area.hero-slider-4 .home-content h1 { letter-spacing: -3px; font-size: 60px; } } .hero-area.hero-slider-4 .home-content h1.v2 { font-family: "PT Serif", serif; letter-spacing: 0; color: #fff; font-weight: 500; font-style: italic; text-transform: capitalize; font-size: 33px; } @media (min-width: 576px) { .hero-area.hero-slider-4 .home-content h1.v2 { font-size: 44px; } } @media (min-width: 992px) { .hero-area.hero-slider-4 .home-content h1.v2 { font-size: 50px; } } @media (min-width: 1200px) { .hero-area.hero-slider-4 .home-content h1.v2 { font-size: 55px; } } @media (min-width: 1600px) { .hero-area.hero-slider-4 .home-content h1.v2 { letter-spacing: -3px; font-size: 60px; } } .hero-area.hero-slider-4 .home-content h2 { font-weight: 500; color: #fff; font-style: italic; text-transform: capitalize; font-family: "PT Serif", serif; font-size: 18px; line-height: 20px; } @media (min-width: 768px) { .hero-area.hero-slider-4 .home-content h2 { font-size: 20px; line-height: 28px; } } @media (min-width: 992px) { .hero-area.hero-slider-4 .home-content h2 { font-size: 40px; line-height: 40px; } } .hero-area.hero-slider-4 .home-content p { font-size: 18px; line-height: 24px; font-style: italic; color: #fff; } @media (min-width: 576px) { .hero-area.hero-slider-4 .home-content p { color: #333; } } .hero-area.hero-slider-4 .home-content .btn { margin-top: 20px; } @media (min-width: 768px) { .hero-area.hero-slider-4 .home-content .btn { margin-top: 45px; } } .hero-products-group-slider > .slick-list { margin: -10px; } .hero-products-group-slider .product-card { border: 2px solid #eeeeee; border-radius: 3px; padding: 20px 10px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; } .hero-products-group-slider .product-card .card-image { width: 135px; } [class*=hero-slider-] .single-slide { border-radius: 3px; } /*>>>>>>>> Welcome <<<<<<<<<*/ .welcome-content { text-align: center; } .welcome-content .title-xs { font-size: 14px; color: #929292; font-weight: 400; } .welcome-content .title-sep { margin-top: 30px; } @media (min-width: 576px) { .welcome-content .title-sep { margin-top: 40px; } } .welcome-content .welcome-description { margin-top: 40px; font-size: 14px; color: #707070; } @media (min-width: 768px) { .welcome-content .welcome-description { margin-top: 50px; } } @media (min-width: 992px) { .welcome-content .welcome-description { margin-top: 60px; } } .welcome-content .welcome-description p { letter-spacing: 0.025em; line-height: 30px; } .welcome-content .author-block { width: 100%; clear: both; display: inline-block; font-size: 14px; margin-top: 20px; } @media (min-width: 768px) { .welcome-content .author-block { margin-top: 30px; } } @media (min-width: 992px) { .welcome-content .author-block { margin-top: 45px; } } /*>>>>>>>> Testimonial <<<<<<<<<*/ .testimonial-card { padding-left: 70px; position: relative; } .testimonial-card .testimonial-body { height: 100%; padding-top: 50px; padding-bottom: 40px; padding-left: 40px; padding-right: 15px; border: 2px solid #e5e5e5; } .testimonial-card .testimonial-body article { position: relative; padding-top: 30px; } .testimonial-card .testimonial-body article:before { position: absolute; top: 0; content: ""; width: 21px; height: 15px; background: url(../image/icon/quotation.png) center no-repeat; } .testimonial-card .testimonial-body article p { font-weight: 400; line-height: 24px; text-transform: none; display: block; color: #333; font-size: 16px; } .testimonial-card .testimonial-body .client-name { font-size: 15px; text-transform: capitalize; color: #333; margin: 20px 0 0 0; font-weight: 700; } .testimonial-image { position: absolute; top: 0; margin-top: 30px; left: 0; } .testimonial-slider .slick-dots { margin-top: 40px; } .testimonial-slider > .slick-list { margin-left: -10px; margin-right: -10px; } .testimonial-slider .single-slide { margin: 0 10px; } .testimonial-slider.slider-one-column .testimonial-card { padding-left: 0px; padding-top: 60px; } .testimonial-slider.slider-one-column .testimonial-card .testimonial-image { top: 0%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 0; } .testimonial-slider.slider-one-column .testimonial-card .testimonial-body { padding-left: 25px; padding-right: 25px; } /*>>>>>>>> Best Seller Block <<<<<<<<<*/ .best-seller-block { background: #fff; border-radius: 3px; padding: 30px 0 15px; } @media (min-width: 768px) { .best-seller-block { padding: 15px 0; } } @media (min-width: 768px) { .best-seller-block { padding: 30px; } } .best-seller-block .author-image { text-align: center; padding: 0 24px; } @media (min-width: 576px) { .best-seller-block .author-image { padding: 0 22px; } } @media (min-width: 768px) { .best-seller-block .author-image { padding: 0; } } .best-seller-block .author-image img { width: 100%; } .best-seller-block .product-slider { margin-top: 30px; } @media (min-width: 768px) { .best-seller-block .product-slider { margin-top: 0; } } .best-seller-block .product-slider .slick-dots { margin-top: 30px; } .best-seller-block .product-slider .product-card--body:before { background: transparent; } @media (min-width: 576px) { .best-seller-block .product-slider .product-card--body:before { background: #e5e5e5; } } @media (min-width: 768px) { .best-seller-block .product-slider .product-card--body:before { background: transparent !important; } } @media (min-width: 1200px) { .best-seller-block .product-slider .product-card--body:before { background: #e5e5e5 !important; } } .best-seller-slider > .slick-list { margin: 0 !important; } @media (min-width: 992px) { .best-seller-slider > .slick-list { margin: -40px -1px 0 -1px; } } .best-seller-slider .product-card.card-style-list .product-card--body::before { background: transparent; } @media (min-width: 576px) { .best-seller-slider .product-card.card-style-list .product-card--body::before { background: #e5e5e5; right: -3px; } } .best-seller-slider .slick-dots { margin-top: 30px; } @media (min-width: 768px) { .best-seller-slider .slick-dots { margin-top: 50px; } } /*>>>>>>>> Home Features <<<<<<<<<*/ .feature-box { border: 2px solid #e5e5e5; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .feature-box .icon { margin-right: 10px; color: #62ab00; font-size: 34px; line-height: 40px; } .feature-box .text h5 { font-size: 16px; font-weight: 400; color: #282828; text-transform: capitalize; margin: 0; margin-bottom: 0; } .feature-box .text P:last-child { margin-bottom: 0; } /*>>>>>>>> Footer <<<<<<<<<*/ .footer-title { margin-bottom: 30px; } .footer-title h3 { font-size: 16px; line-height: 24px; text-transform: uppercase; font-weight: 600; line-height: 1; color: #333; } .newsletter-form .btn { margin-top: 9px; } .footer-contact p { position: relative; margin-bottom: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-contact p:last-child { margin-bottom: 0; } .footer-contact .label { color: #333; font-size: 15px; font-weight: 700; margin-right: 10px; } .footer-list { margin-top: 25px; } .normal-list li { padding: 5px 0; } .normal-list li a { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .normal-list li:hover a { color: #62ab00; } .normal-list--inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .normal-list--inline { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .normal-list--inline li { margin: 0 6px; } @media (min-width: 480px) { .normal-list--inline li { margin: 0 15px; } } .normal-list--inline li:last-child { margin-right: 0; } .normal-list--inline li:first-child { margin-left: 0; } .normal-list--inline li:hover a { color: #62ab00; } .social-block .title { font-size: 16px; line-height: 1; text-transform: uppercase; font-weight: 600; margin: 0; color: #333; display: block; padding-bottom: 8px; } .social-list .single-social { position: relative; display: inline-block; color: #fff; width: 32px; height: 32px; line-height: 32px; text-align: center; z-index: 1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: 7px; margin-top: 10px; } .social-list .single-social.facebook { background: #2b5893; } .social-list .single-social.twitter { background: #1ea8d4; } .social-list .single-social.google { background: #f96c4b; } .social-list .single-social.youtube { background: #de0f0f; } .social-list .single-social:hover { background-color: #000; } .social-list .single-social:hover a { color: #fff !important; } .footer-bottom { padding: 55px 0; text-align: center; background: #333; } .footer-bottom .copyright-heading { color: #fff; margin-bottom: 40px; } .footer-bottom .copyright-text { background: none; text-transform: capitalize; font-weight: 400; margin-top: 30px; line-height: 24px; color: #fff; margin-bottom: 0; } .footer-bottom .copyright-text a { color: #62ab00; } /*>>>>>>>> Layout <<<<<<<<<*/ .layout-box { background: #f4f4f4; } .layout-box-container { width: 100%; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .layout-box-container { padding-right: 30px; padding-left: 30px; } } @media (min-width: 992px) { .layout-box-container { padding-right: 50px; padding-left: 50px; } } @media (min-width: 1366px) { .layout-box-container { position: relative; max-width: 1270px; width: 100%; } } .layout-box-container-overflow { width: 100%; margin-left: auto; margin-right: auto; padding-right: 10px; padding-left: 10px; overflow: hidden; } @media (min-width: 480px) { .layout-box-container-overflow { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .layout-box-container-overflow { padding-right: 30px; padding-left: 30px; } } @media (min-width: 992px) { .layout-box-container-overflow { padding-right: 50px; padding-left: 50px; } } @media (min-width: 1366px) { .layout-box-container-overflow { position: relative; max-width: 1270px; width: 100%; } } /*>>>>>>>> Bredcrumb <<<<<<<<<*/ .breadcrumb-contents .breadcrumb { background: transparent; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; padding: 20px 0; } .breadcrumb-contents .breadcrumb .breadcrumb-item { font-size: 14px; color: #333; } .breadcrumb-contents .breadcrumb .breadcrumb-item + .breadcrumb-item:before { color: #333; content: ""; font-family: "Ionicons"; font-size: 12px; } .breadcrumb-contents .breadcrumb .breadcrumb-item a:hover { color: #62ab00; } .breadcrumb-contents .breadcrumb .breadcrumb-item.active a { color: #62ab00; } /*>>>>>>>> Sidebar <<<<<<<<<*/ .inner-page-sidebar .single-block { margin-bottom: 40px; } .inner-page-sidebar .single-block:last-child { margin-bottom: 0; } .sidebar-title { font-size: 15px; text-transform: capitalize; margin: 0 0 6px 0; text-align: left; font-weight: 700; display: block; line-height: 52px; background: #62ab00; text-align: center; color: #fff; border-radius: 3px; } .sidebar-menu--shop { margin: 0; padding-left: 20px; padding-right: 20px; } @media (min-width: 992px) { .sidebar-menu--shop { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1200px) { .sidebar-menu--shop { padding-left: 20px; padding-right: 20px; } } .sidebar-menu--shop li a { text-transform: capitalize; line-height: 25px; padding: 10px; display: block; position: relative; color: #555555; font-size: 14px; border-bottom: 1px solid #d9d9d9; } .sidebar-menu--shop li a:hover { color: #62ab00; } .sidebar-menu--shop .inner-cat-items { padding-left: 20px; } .sidebar-menu--shop.menu-type-2 li a { overflow: hidden; } .sidebar-menu--shop.menu-type-2 li a span { float: right; } .sidebar-list-1 li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .sidebar-list-1 li label { margin-bottom: 0; margin-left: 5px; } .sidebar-list-1 li label i { font-size: 24px; } .sidebar-list-1 li label > a { position: relative; top: -3px; margin-left: 5px; color: #707070; } .sidebar-list-1 li label > a:hover { color: #62ab00; } .sidebar-list-1 li:last-child { margin-bottom: 0; } .sidebar-checkbox-list .box-field { position: relative; cursor: pointer; } .sidebar-checkbox-list .box-field .checkmark { position: absolute; top: -3px; left: 1px; display: none; font-size: 17.6px; } .sidebar-checkbox-list input:checked ~ label > .box-field > .checkmark { display: block; } .sidebar-checkbox-list label { margin-bottom: 0; } .sidebar-checkbox-list li { color: #707070; font-size: 14px; margin-top: 10px; } .sidebar-checkbox-list li a { color: inherit; } .sidebar-checkbox-list .custom-square { margin: -3px 3px 0 0; width: 15px; height: 15px; border: 1px #dadada solid; display: inline-block; position: relative; top: 2px; } .sidebar-color-list .color-box { -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); width: 15px; height: 15px; position: relative; top: 2px; margin-right: 5px; } .sidebar-color-list li { margin-bottom: 10px; color: #707070; } .sidebar-color-list li a { color: inherit; } .sidebar-color-list li a:hover { color: #62ab00; } .promo-image.sidebar { position: relative; } .promo-image.sidebar:before { background: rgba(255, 255, 255, 0.2); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; } .promo-image.sidebar:after { background: rgba(255, 255, 255, 0.2); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; top: 50%; opacity: 1; } .promo-image.sidebar:hover:before { left: 0; right: 0; opacity: 0; -webkit-transition: all 900ms ease-in; transition: all 900ms ease-in; } .promo-image.sidebar:hover:after { top: 0; bottom: 0; opacity: 0; -webkit-transition: all 900ms ease-in; transition: all 900ms ease-in; } .color-list .color-box { width: 15px; height: 15px; } .sb-range-slider { height: 7px; background: #e8e8e8; } .sb-range-slider .ui-slider-handle { width: 21px; height: 21px; top: -7px; background: #fff; border: 3px solid #62ab00; border-radius: 100%; } .sb-range-slider .ui-slider-handle:focus { outline: none; } .sb-range-slider .ui-widget-header { background: #62ab00; top: 0; height: 100%; } .slider-price { margin-top: 25px; text-align: center; } .slider-price p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider-price p .btn { width: 100px; } .slider-price input#amount { background: transparent; border: transparent; color: #333; text-align: left; font-weight: 700; word-spacing: 15px; } .slider-price input#amount:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } /*>>>>>>>> Comment <<<<<<<<<*/ .comment-block-wrapper h3 { display: inline-block; font-size: 17px; margin-bottom: 20px; position: relative; text-transform: uppercase; color: #333; } .single-comment { border: 1px solid #ececec; margin: 0 0 20px; padding: 30px 30px 45px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } @media (min-width: 480px) { .single-comment { padding: 30px 30px 10px; } } .single-comment .comment-avatar { margin-right: 25px; width: 50px; height: 50px; } .single-comment .comment-text .author { font-size: 14px; font-weight: 700; color: #333; margin-bottom: 5px; } .single-comment .comment-text .author a { color: inherit; } .single-comment .comment-text .author a:hover { color: #62ab00; } .single-comment .comment-text .time { color: #333; margin: 0 0 15px; font-size: 0.93em; font-style: italic; } .single-comment .comment-text p { color: #333; } .single-comment .reply-btn { position: absolute; right: 30px; font-weight: 700; color: #62ab00; border: 1px solid #62ab00 !important; position: absolute; bottom: 10px; font-weight: 700; color: #62ab00; border: 1px solid #62ab00 !important; right: 10px; min-height: 35px; } @media (min-width: 576px) { .single-comment .reply-btn { top: 20px; bottom: auto; right: 20px; } } .single-comment .reply-btn:hover { color: #fff; } @media (min-width: 768px) { .single-comment:nth-child(odd) { margin-left: 15px; width: calc(100% - 15px); } } .single-comment:last-child { margin-bottom: 0; } .reply-btn { font-size: 0.8em; width: 75px; height: 28px; line-height: 26px; } /*>>>>>>>> Card <<<<<<<<<*/ .best-seller-block .slider-two-column .card-style-list .product-card--body { padding-right: 0px !important; } @media (min-width: 480px) { .best-seller-block .slider-two-column .card-style-list .product-card--body { padding-right: 30px !important; } } .best-seller-block .slider-two-column .card-style-list .product-card--body:before { right: -5px !important; } /* -- Home sidebar -- */ .home-left-sidebar .home-sidebar-title { background: #62ab00; padding: 9px; margin-bottom: 36px; font-size: 28px; color: #fff; line-height: 30px; text-transform: none; font-weight: 400; border-radius: 3px; text-align: center; } .home-left-sidebar .single-side { margin-bottom: 30px; } .home-left-sidebar .single-side:last-child { margin-bottom: 0; } .home-right-block .single-block { padding-top: 40px; padding-bottom: 40px; margin-bottom: 30px; } .home-right-block .single-block:last-child { margin-bottom: 0; } /* -- Home 2 Promo Four -- */ .home2-promo .promo-type-four .promo-text .btn { min-height: 40px; } /* -- Category Gallery -- */ .category-gallery-block { overflow: hidden; margin-top: -30px; } @media (min-width: 768px) { .category-gallery-block { margin-top: 0px; } } .category-gallery-block .single-block { display: block; width: 100%; } @media (min-width: 768px) { .category-gallery-block .single-block { float: left; width: 75.64%; } } @media (min-width: 992px) { .category-gallery-block .single-block { width: 75.64%; } } .category-gallery-block .single-block.hr-large { float: left; } @media (min-width: 768px) { .category-gallery-block .single-block.hr-large { width: 22.15%; padding-right: 7.5px; } } @media (min-width: 992px) { .category-gallery-block .single-block.hr-large { width: 24.36%; padding-right: 15px; } } .category-gallery-block .single-block img { width: 100%; margin-top: 30px; } @media (min-width: 768px) { .category-gallery-block .single-block img { margin-top: 0; } } @media (min-width: 768px) { .category-gallery-block .inner-block-wrapper { margin-top: -30px; padding-left: 7.5px; } } @media (min-width: 992px) { .category-gallery-block .inner-block-wrapper { padding-left: 15px; } } .category-gallery-block .inner-block-wrapper .single-image { display: block; } @media (min-width: 768px) { .category-gallery-block .inner-block-wrapper .single-image { float: left; margin-top: 10px; } } @media (min-width: 992px) { .category-gallery-block .inner-block-wrapper .single-image { margin-top: 30px; } } @media (min-width: 768px) { .category-gallery-block .inner-block-wrapper .single-image:nth-child(odd) { padding-right: 7.5px; } } @media (min-width: 992px) { .category-gallery-block .inner-block-wrapper .single-image:nth-child(odd) { padding-right: 15px; } } @media (min-width: 768px) { .category-gallery-block .inner-block-wrapper .single-image:nth-child(2n) { padding-left: 7.5px; } } @media (min-width: 992px) { .category-gallery-block .inner-block-wrapper .single-image:nth-child(2n) { padding-left: 15px; } } .category-gallery-block .inner-block-wrapper .mid-image { width: 100%; } @media (min-width: 768px) { .category-gallery-block .inner-block-wrapper .mid-image { width: 54.749%; } } @media (min-width: 992px) { .category-gallery-block .inner-block-wrapper .mid-image { width: 54.749%; } } .category-gallery-block .inner-block-wrapper .small-image { width: 100%; } @media (min-width: 768px) { .category-gallery-block .inner-block-wrapper .small-image { width: 45%; } } @media (min-width: 992px) { .category-gallery-block .inner-block-wrapper .small-image { width: 45.2%; } } .home-left-side .single-block { margin-bottom: 80px; } @media (min-width: 992px) { .home-left-side .single-block:last-child { margin-bottom: 0px; } } .home-left-side .home-sidebar-title { position: relative; text-transform: uppercase; padding: 0; vertical-align: top; line-height: 30px; color: #222222; font-weight: 600; margin-bottom: 32px; font-size: 20px; } @media (min-width: 992px) { .home-left-side .home-sidebar-title { font-size: 16px; } } @media (min-width: 1200px) { .home-left-side .home-sidebar-title { font-size: 20px; } } .home-left-side .home-sidebar-title.style-2 { background: #62ab00; padding: 9px; margin-bottom: 36px; margin-top: 0; border-radius: 3px; display: block; text-align: center; font-size: 28px; color: #fff; line-height: 30px; text-transform: none; font-weight: 400; } .home-right-side .single-block { margin-bottom: 60px; } @media (min-width: 992px) { .home-right-side .single-block { margin-bottom: 80px; } } .home-right-side .single-block:last-child { margin-bottom: 0px; } /*-- Promo Block --*/ .promo-wrapper img { width: 100%; } .promo-image { display: block; } .promo-image img { width: 100%; } .promo-overlay { position: relative; } .promo-overlay:before { position: absolute; content: ""; background: #fff; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .promo-overlay:hover:before { opacity: 0.2; } /* Promotion Image */ .promo-overlay { position: relative; } .promo-overlay:before { position: absolute; content: ""; background: #fff; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .promo-overlay:hover:before { opacity: 0.2; } .promo-wrapper { position: relative; height: 100%; overflow: hidden; } .promo-wrapper .promo-image { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .promo-wrapper .promo-text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; z-index: 1; left: 0; width: 100%; } @media (min-width: 992px) { .promo-wrapper .promo-text { margin-left: 50px; } } .promo-wrapper .promo-text .btn { pointer-events: visible; } .promo-wrapper.promo-type-one { height: 245px; } .promo-wrapper.promo-type-one .promo-text { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 480px) { .promo-wrapper.promo-type-one .promo-text { margin-left: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 992px) { .promo-wrapper.promo-type-one .promo-text { margin-left: 50px; } } .promo-wrapper.promo-type-one .promo-text h2 { text-transform: uppercase; font-weight: 700; color: #282828; margin-bottom: 10px; font-size: 23px; } @media (min-width: 480px) { .promo-wrapper.promo-type-one .promo-text h2 { font-size: 28px; margin-bottom: 10px; } } @media (min-width: 768px) { .promo-wrapper.promo-type-one .promo-text h2 { font-size: 28px; margin-bottom: 10px; } } .promo-wrapper.promo-type-one .promo-text h3 { color: #555555; font-style: italic; margin: 0; font-weight: 600; font-size: 16px; } @media (min-width: 480px) { .promo-wrapper.promo-type-one .promo-text h3 { font-size: 18px; font-weight: 400; } } .promo-wrapper.promo-type-one .promo-text .btn { font-size: 15px; text-transform: capitalize; font-weight: 700; min-height: 40px; padding: 0 23px; margin-top: 24px; pointer-events: visible; } .promo-wrapper.promo-type-two { height: 245px; } .promo-wrapper.promo-type-two .promo-text { text-align: left; margin-left: 25px; } .promo-wrapper.promo-type-two .promo-text .price { color: #62ab00; font-size: 24px; font-weight: 600; margin-bottom: 12px; } .promo-wrapper.promo-type-two .promo-text h2 { color: #fffefe; font-size: 24px; font-weight: 600; line-height: 28px; text-transform: capitalize; margin: 0; } .promo-wrapper.promo-type-two .promo-text h3 { font-size: 18px; color: #555555; font-style: italic; margin: 0; } .promo-wrapper.promo-type-two .promo-text .btn { font-size: 15px; text-transform: capitalize; font-weight: 700; min-height: 40px; padding: 0 23px; margin-top: 24px; pointer-events: visible; } .promo-wrapper.promo-type-three { height: 320px; } @media (min-width: 480px) { .promo-wrapper.promo-type-three .promo-text { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 768px) { .promo-wrapper.promo-type-three .promo-text { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .promo-wrapper.promo-type-three .promo-text h2 { font-family: "PT Serif", serif; margin-top: 0; color: #fff; font-weight: 400; font-style: italic; text-transform: capitalize; margin-bottom: 8px; line-height: 1; font-size: 11.5vw; } @media (min-width: 480px) { .promo-wrapper.promo-type-three .promo-text h2 { font-size: 9.5vw; margin-bottom: 15px; } } @media (min-width: 768px) { .promo-wrapper.promo-type-three .promo-text h2 { font-size: 7.5vw; margin-bottom: 10px; } } @media (min-width: 992px) { .promo-wrapper.promo-type-three .promo-text h2 { font-size: 5.5vw; margin-bottom: 8px; } } @media (min-width: 1200px) { .promo-wrapper.promo-type-three .promo-text h2 { font-size: 3.5vw; margin-bottom: 8px; } } .promo-wrapper.promo-type-three .promo-text h3 { font-family: "PT Serif", serif; margin-top: 0; color: #fff; font-weight: 400; font-style: italic; line-height: 1; font-size: 6.5vw; } @media (min-width: 480px) { .promo-wrapper.promo-type-three .promo-text h3 { font-size: 5.5vw; } } @media (min-width: 768px) { .promo-wrapper.promo-type-three .promo-text h3 { font-size: 2.5vw; } } @media (min-width: 992px) { .promo-wrapper.promo-type-three .promo-text h3 { font-size: 3.5vw; } } @media (min-width: 1200px) { .promo-wrapper.promo-type-three .promo-text h3 { font-size: 2.5vw; } } .promo-wrapper.promo-type-three .promo-text .btn { font-size: 15px; color: #282828; font-weight: 700; text-transform: capitalize; line-height: 52px; padding: 0 50px; display: inline-block; vertical-align: top; border-radius: 3px; -webkit-border-radius: 3px; margin-top: 30px; } .promo-wrapper.promo-type-four { height: 240px; } .promo-wrapper.promo-type-four .promo-text { text-align: center; margin-left: 0; } @media (min-width: 992px) { .promo-wrapper.promo-type-four .promo-text { margin-left: 25px; } } .promo-wrapper.promo-type-four .promo-text h2 { text-transform: capitalize; font-weight: 700; color: #282828; margin-top: 0; line-height: 1.4; font-size: 26px; margin-bottom: 10px; } @media (min-width: 992px) { .promo-wrapper.promo-type-four .promo-text h2 { font-size: 34px; margin-bottom: 5px; } } .promo-wrapper.promo-type-four .promo-text h3 { color: #555555; font-style: italic; margin: 0; font-size: 20px; } @media (min-width: 992px) { .promo-wrapper.promo-type-four .promo-text h3 { font-size: 24px; } } .promo-wrapper.promo-type-four .promo-text .btn { font-size: 15px; color: #ec776d; text-transform: capitalize; font-weight: 700; padding: 0 23px; vertical-align: top; border: 2px solid #f5857a; border-radius: 3px; -webkit-border-radius: 3px; margin-top: 24px; pointer-events: visible; min-height: 35px; } /* Home -4 Left Sidebar Product List Slider */ .home-4-left-sidebar.product-list-slider .product-card { padding-left: 0; padding-bottom: 15px; border-bottom: 1px solid transparent; } @media (min-width: 992px) { .home-4-left-sidebar.product-list-slider .product-card .card-image { width: 210px; } } .home-4-left-sidebar.product-list-slider .slick-current .product-card { border-bottom: 1px solid #e5e5e5; } .home-4-left-sidebar.product-list-slider .slick-current > div:last-child .product-card { border-color: transparent; } /*>>>>>>>> Shop <<<<<<<<<*/ .shop-toolbar { border: 2px solid #eeeeee; margin-bottom: 60px; padding: 14px 20px 9px 20px; } @media (min-width: 768px) { .shop-toolbar { padding: 2.5px 20px; } } .shop-toolbar.with-sidebar .sorting-selection span { padding: 6px 0px 6px 0; font-size: 13px; } @media (min-width: 1200px) { .shop-toolbar.with-sidebar .sorting-selection span { font-size: 14px; } } .product-view-mode .sorting-btn { margin-right: 7px; cursor: pointer; font-size: 16px; color: #333; } .product-view-mode .sorting-btn i { color: inherit; } .product-view-mode .sorting-btn.active { color: #62ab00; } .product-view-mode .grid-four-icon i + i { margin-left: 2px; } .toolbar-status { color: #555; } .sorting-selection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0; } @media (min-width: 992px) { .sorting-selection { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .sorting-selection > span { margin-right: 0; } .sorting-selection span { line-height: 24px; font-size: 12px; padding: 6px 8px 6px 0; } @media (min-width: 576px) { .sorting-selection span { padding: 6px 8px 6px 0; display: inline-block; vertical-align: top; line-height: 30px; margin: 0; margin-right: 8px; color: #666666; font-size: 14px; } } @media (min-width: 768px) { .sorting-selection span { padding: 6px 1px 6px 0; font-size: 13px; } } @media (min-width: 992px) { .sorting-selection span { padding: 6px 15px 6px 0; font-size: 14px; } } .sorting-selection .nice-select { border: 1px solid transparent; padding: 5px 15px; border-radius: 4px; line-height: 24px; font-size: 12px; margin: 0; right: 0; height: 36px; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333333; } @media (min-width: 992px) { .sorting-selection .nice-select { margin-right: 0px; } } @media (min-width: 1200px) { .sorting-selection .nice-select { margin-right: 15px; } } .sorting-selection .nice-select .list { left: auto; right: 0; } .sorting-selection .nice-select:after { right: 0px; } .pagination-block { font-size: 12px; font-weight: 400; border: 2px solid #ebebeb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pagination-block .pagination-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; line-height: 28px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 480px) { .pagination-block .pagination-btns { line-height: auto; } } .pagination-block .pagination-btns li { position: relative; } .pagination-block .pagination-btns li::before { content: ""; border: 11px solid; border-color: transparent transparent #62ab00 transparent; position: absolute; width: 22px; left: 0; right: 0; top: -22px; margin: auto; opacity: 0; } .pagination-block .pagination-btns li.active::before { opacity: 1; } .pagination-block .pagination-btns li.active .single-btn:before, .pagination-block .pagination-btns li.active .single-btn:after { opacity: 1; } .pagination-block .pagination-btns .single-btn { color: #555; background: none; font-size: 16px; border: none; padding: 0; font-weight: 600; width: 54px; height: 48px; border-radius: 0; -webkit-border-radius: 0; line-height: 48px; position: relative; text-align: center; } .pagination-block .pagination-btns .single-btn:before { content: ""; top: -2px; bottom: -2px; left: 0; right: 0; border: 2px solid #62ab00; position: absolute; border-radius: 3px; -webkit-border-radius: 3px; opacity: 0; } .pagination-block .pagination-btns .single-btn:after { content: ""; border: 9px solid; border-color: transparent transparent #fff transparent; position: absolute; width: 18px; left: 0; right: 0; top: -18px; margin: auto; z-index: 2; opacity: 0; } .pagination-block .pagination-btns .single-btn:hover, .pagination-block .pagination-btns .single-btn.current { color: #62ab00; } .pagination-block .pagination-btns .single-btn i { font-size: 18px; position: relative; top: 2px; display: inline-block; } .pagination-block .pagination-btns .single-btn.prev-btn i { margin-right: 10px; } .pagination-block .pagination-btns .single-btn.next-btn i { margin-left: 10px; } /*List Vewing Toolbar*/ .shop-product-wrap.list [class*=col] { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; } .shop-product-wrap.list [class*=col]:last-child .product-card { margin-bottom: 0; } @media (min-width: 992px) { .shop-product-wrap.grid-four [class*=col] { -webkit-box-flex: 25%; -ms-flex: 25%; flex: 25%; max-width: 25%; } } .shop-product-wrap { overflow: hidden; } .shop-product-wrap .product-card { /* margin-bottom: 30px; */ margin-bottom: 81px; } .shop-product-wrap .product-card .product-card--body:before { right: -19px; } .shop-product-wrap.list .product-card { position: relative; padding-bottom: 40px; margin-bottom: 40px; } @media (min-width: 576px) { .shop-product-wrap.list .product-card { padding-bottom: 60px; margin-bottom: 60px; } } .shop-product-wrap.list .product-card .product-card--body:before { width: 0; } .shop-product-wrap.list .product-card .product-list-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 576px) { .shop-product-wrap.list .product-card .product-list-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .shop-product-wrap.list .product-card .product-list-content .card-image { max-width: 100%; margin-bottom: 30px; } @media (min-width: 576px) { .shop-product-wrap.list .product-card .product-list-content .card-image { max-width: 270px; margin-bottom: 0px; } } .shop-product-wrap.list .product-card .product-grid-content { display: none; } .shop-product-wrap.list .product-card::before { position: absolute; content: ""; background: #e5e5e5; bottom: -2px; left: 0; width: 100%; height: 1px; } .shop-product-wrap .product-card .product-list-content { display: none; } .shop-border { overflow: hidden; } .shop-border [class*=col] .product-card .product-card--body { position: relative; } .shop-border [class*=col] .product-card .product-card--body::before { position: absolute; background: #e5e5e5; content: ""; left: -16px; height: 100%; width: 1px; top: 0; } .shop-border [class*=col] .product-card.card-style-list { position: relative; } .shop-border [class*=col] .product-card.card-style-list::before { position: absolute; background: #e5e5e5; content: ""; left: 0px; height: 1px; width: 100%; bottom: 1px; } .shop-border [class*=col] .product-card.card-style-list .product-card--body::before { opacity: 0; } .shop-border [class*=col]:last-child .product-card.card-style-list:before { opacity: 0; } /*>>>>>>>> Product-details <<<<<<<<<*/ .product-details-info .product-title { text-transform: capitalize; margin: 0px 0 15px 0; background: none; color: #282828; font-weight: 600; font-size: 16px; line-height: 1.3; } @media (min-width: 768px) { .product-details-info .product-title { font-size: 20px; line-height: 1; } } .product-details-info .list-unstyled { margin-bottom: 13px; position: relative; font-size: 14px; } .product-details-info .list-unstyled li { color: #181818; display: block; line-height: 22px; } .product-details-info .list-unstyled li .list-value { color: #62ab00; } .product-details-info .price-block { margin-bottom: 13px; } .product-details-info .price-block .price-new { color: #62ab00; font-size: 18px; font-weight: 600; } .product-details-info .rating-widget { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 13px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-details-info .rating-widget .rating-block { margin-right: 8px; } .product-details-info .rating-widget .review-widget a { text-transform: capitalize; color: #333; font-size: 14px; line-height: 18px; display: inline-block; vertical-align: middle; } .product-details-info .rating-widget .review-widget a:last-child { margin-right: 0; } .product-details-info .add-to-cart-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; } .product-details-info .add-to-cart-row > div { margin-bottom: 10px; } .product-details-info .add-to-cart-row .count-input-block { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 15px; } .product-details-info .add-to-cart-row .count-input-block .widget-label { font-size: 14px; font-weight: 500; margin-right: 15px; } .product-details-info .add-to-cart-row .count-input-block input { -webkit-appearance: textfield !important; -moz-appearance: textfield !important; appearance: none !important; color: #333; background-color: #eeeeee; height: 48px; padding: 2.8px 8px; width: 48px; font-size: 16px; border-radius: 0; border-radius: 50%; text-align: center; font-weight: 600; } .product-details-info .add-to-cart-row .add-cart-btn .btn { padding: 0 30px; color: #333; font-size: 15px; font-weight: 700; text-transform: capitalize; } .product-details-info .add-to-cart-row .add-cart-btn .btn span { padding-right: 5px; } .product-details-info .variable-block .title { font-size: 18px; color: #222222; font-weight: 600; } .product-details-info .variable-block p { display: block; color: #222; font-size: 14px; font-weight: 500; margin-bottom: 10px; text-transform: capitalize; line-height: 1.428571429; } .product-details-info .variable-block p span { margin-right: 2px; } .product-details-info .variable-block .color-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; } .product-details-info .variable-block .color-list .single-color { border: 1px solid #ccc; display: inline-block; margin-right: 5px; padding: 2px; width: 36px; height: 36px; } .product-details-info .variable-block .color-list .single-color span { width: 100%; height: 100%; } .product-details-info .variable-block .color-list .single-color.active { border-color: #62ab00; } .product-details-info .variable-block .color-list .single-color.active .color-text { display: block; } .product-details-info .variable-block .color-list .color-text { position: absolute; right: -60px; width: auto !important; top: 0; margin-top: 7px; display: none; color: #333; } .tag-block { font-size: 13px; color: #333; margin-bottom: 13px; } .tag-block a { color: #333; } .tag-block a:hover { color: #62ab00; } .product-gallery-image { border: 1px solid #e5e5e5; padding: 20px; } .count-input-block { display: -webkit-box; display: -ms-flexbox; display: flex; } .count-input-block input { -webkit-appearance: textfield !important; -moz-appearance: textfield !important; appearance: textfield !important; color: #414141; background-color: white; height: 44px; padding: 2.8px 8px; width: 48px; border-radius: 0; text-align: center; } .count-input-block .count-input-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 5px; } .count-input-block .count-input-btns .count-btn { padding: 1px 6px; border: 1px solid rgba(0, 0, 0, 0.15); height: 22px; font-size: 16px; margin-bottom: 1px; } .count-input-block .count-input-btns .count-btn + .count-btn { border-top: none; margin-top: -1px; } .add-cart-btn .btn { font-size: 12px; font-weight: 500; border: 2px solid #62ab00; color: #62ab00; background: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0 30px; height: 44px; } .add-cart-btn .btn i { font-size: 20px; margin-right: 12px; } .add-cart-btn .btn:hover { color: #fff; background: #62ab00; } .buy-btn .btn { font-size: 14px; font-weight: 500; max-width: 155px; border: 2px solid #62ab00; color: #62ab00; background: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0 20px; height: 44px; } .buy-btn .btn i { font-size: 20px; margin-right: 12px; } .buy-btn .btn:hover { color: #fff; background: #62ab00; } .product-group .count-input-block { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-group .count-input-block input { -webkit-appearance: textfield !important; -moz-appearance: textfield !important; appearance: textfield !important; color: #414141; background-color: white; height: 44px; padding: 2.8px 8px; width: 48px; border-radius: 0; text-align: center; } .product-group .count-input-block .count-input-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 5px; } .product-group .count-input-block .count-input-btns .count-btn { padding: 1px 6px; border: 1px solid rgba(0, 0, 0, 0.15); height: 22px; font-size: 16px; margin-bottom: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; } .product-group .count-input-block .count-input-btns .count-btn + .count-btn { border-top: none; margin-top: -1px; } .product-group .single-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #dee2e6; } .product-group .single-product .product-image { width: 60px; margin-right: 20px; padding-bottom: 5px; } .product-group .single-product .product-title { margin-right: 15px; padding-bottom: 5px; font-size: 14px; } .product-group .single-product .count-input-block { margin-right: 15px; padding-bottom: 5px; } .product-group .single-product .add-cart-btn .btn { padding: 0 20px; color: #333; font-size: 14px; font-weight: 600; text-transform: capitalize; } .policy-list { -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); } .policy-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .policy-list li p { margin-bottom: 0; font-weight: 700; font-size: 12px; } @media (min-width: 576px) { .policy-list li p { font-size: 13px; } } @media (min-width: 768px) { .policy-list li p { font-size: 14px; } } .policy-list li .icon { margin-right: 10px; } .compare-wishlist-row .add-link { margin-top: 15px; font-size: 14px; color: #333; line-height: 30px; border-radius: 0; font-weight: 400; padding: 0; background: #fff; border: 0; margin-right: 24px; } .compare-wishlist-row .add-link i { margin-right: 4px; } .review-tab { text-align: left; } .review-tab .nav-tabs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-color: transparent; margin-bottom: 30px; margin-top: -2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .review-tab .nav-tabs .nav-item, .review-tab .nav-tabs .nav-link.active, .review-tab .nav-tabs .nav-link:hover { border-color: transparent; } .review-tab .nav-tabs .nav-item { margin: 0 20px; } @media (min-width: 480px) { .review-tab .nav-tabs .nav-item { margin: 0 15px; } } @media (min-width: 576px) { .review-tab .nav-tabs .nav-item { margin: 0 25px; } } .review-tab .nav-tabs .nav-item .nav-link { text-transform: capitalize; color: #929292; padding: 0; line-height: 30px; font-weight: 500; font-size: 18px; } @media (min-width: 576px) { .review-tab .nav-tabs .nav-item .nav-link { font-size: 20px; } } @media (min-width: 768px) { .review-tab .nav-tabs .nav-item .nav-link { font-size: 24px; } } .review-tab .nav-tabs .nav-item .nav-link.active { color: #484848; } .review-tab .tab-content .review-article p { font-size: 14px; color: #333; line-height: 30px; letter-spacing: 0.025em; } .tab-product-details .brand { margin-bottom: 30px; } .tab-product-details .meta { font-size: 16px; color: #333; font-weight: 700; } .tab-product-details .meta .small-text { font-size: 12px; text-align: left; font-weight: 400; } .product-features { margin-top: 20px; margin-left: 5px; } .product-features .data-sheet { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name { font-weight: 400; background: #ebebeb; padding: 0.625rem; margin-right: 0.625rem; min-height: 2.5rem; word-break: break-all; margin-bottom: 0.5rem; box-flex: 1; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } @media (min-width: 768px) { .product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name { -webkit-box-flex: 1; -ms-flex: 1 0 40%; flex: 1 0 40%; } } .product-features .title { font-weight: 700; font-size: 15px; margin-left: -5px; } .product-features dl { margin-left: -5px; } .product-features > dl.data-sheet dd.value:nth-of-type(even), .product-features > dl.data-sheet dt.name:nth-of-type(even) { background: #f6f6f6; } .review-wrapper .title-lg { font-size: 15px; color: #333; } @media (min-width: 768px) { .review-wrapper .title-lg { font-size: 16px; font-weight: 600; } } .review-comment { display: -webkit-box; display: -ms-flexbox; display: flex; } .review-comment .avatar { width: 60px; margin-right: 10px; } .review-comment .text { border: 1px solid #ececec; width: calc(100% - 70px); padding: 1em 1em 0; border-radius: 3px; position: relative; } .review-comment .text:before { background: #fff; border-bottom: 1px solid #ececec; border-left: 1px solid #ececec; content: ""; display: block; height: 10px; left: -6px; position: absolute; top: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; } .review-comment .text .author { margin-bottom: 10px; font-size: 14px; } .review-comment .text p { padding-bottom: 18px; margin-bottom: 0; } /*Dynamic Rating*/ .rating-row p { margin-right: 3px; display: inline-block; font-weight: 500; } .rating-widget-block { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .rating-widget-block input { display: none; } .rating-widget-block label { margin-right: 10px; cursor: pointer; position: relative; margin-bottom: 0; display: inline-block; } .rating-widget-block label:last-child { margin-right: 0; } .rating-widget-block label:before { content: ""; font-family: "Font Awesome 5 Free"; position: relative; display: block; font-size: 16px; color: #e3e3e3; font-weight: 900; } .rating-widget-block label:after { content: ""; font-family: "Font Awesome 5 Free"; position: absolute; display: block; font-size: 16px; color: #fec701; font-weight: 900; top: 0; left: 0; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .rating-widget-block label:hover ~ label:after, .rating-widget-block label:hover:after, .rating-widget-block input:checked ~ label:after { opacity: 1; } .site-form .form-group { margin-bottom: 20px; } .site-form .form-control { border-radius: 0; border: 1px solid #ececec; background: #f4f4f4; } .site-form .form-control:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: #f4f4f4; } .site-form .form-control::-webkit-input-placeholder { font-weight: 400; font-size: 14px; } .site-form .form-control:-moz-placeholder { font-weight: 400; font-size: 14px; } .site-form .form-control::-moz-placeholder { font-weight: 400; font-size: 14px; } .site-form .form-control:-ms-input-placeholder { font-weight: 400; font-size: 14px; } .site-form textarea.form-control { height: 130px; width: 100%; } .site-form textarea.form-control:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: #f4f4f4; } .site-form input.form-control { height: 50px; line-height: 50px; max-width: 100%; padding: 0 10px; } .site-form label { color: #333; display: block; margin: 0 0 5px; } .site-form .submit-btn { margin-top: 15px; } .site-form.contact-form-2 .form-control { background: #e7e7e7; } .product-details-slider .single-slide img { width: 100%; } /*>>>>>>>> Blog Page <<<<<<<<<*/ /* Sidebar Search */ .site-mini-search { background: #fff; border: 1px solid #ececec; color: #333; font-family: Rubik, Arial, Helvetica, sans-serif; position: relative; width: 100%; } .site-mini-search input { background: none; border: none; height: 34px; padding: 0 40px 0 15px; width: 100%; } .site-mini-search input:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .site-mini-search button { background: none; border: none; color: #333; font-size: 14px; margin: 0; outline: none; padding: 0; position: absolute; right: 0; text-align: center; top: 0; width: 34px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .site-mini-search button:hover { color: #62ab00; } /* Sidebar List */ .sidebar-list { list-style: disc; padding-left: 15px; } .sidebar-list li { color: #1a1f2b; margin-bottom: 8px; } .sidebar-list li a { color: inherit; -webkit-transition: 0.4s; transition: 0.4s; } .sidebar-list li:hover { color: #62ab00; } .sidebar-tag-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sidebar-tag-list a { background: #f1f1f1; border: none; color: #333; display: inline-block; font-size: 1em !important; margin: 0 5px 10px 0; padding: 3px 12px; text-transform: capitalize; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 4px; } .sidebar-tag-list a:hover { background: #62ab00; color: #fff; } /* BLog List Card */ .blog-list-cards .blog-card { margin-bottom: 60px; } .blog-list-cards .blog-card:last-child { margin-bottom: 0; } .blog-list-cards .blog-card a:hover { color: #62ab00; } /*>>>>>>>> Blog Details Page <<<<<<<<<*/ .blog-post .blog-content header { margin-bottom: 20px; } .blog-post .blog-content .post-category { margin-bottom: 10px; } .blog-post .blog-content .post-category i { margin-right: 5px; } .blog-post .blog-content .post-category a:hover { color: #62ab00; } .blog-post .blog-content .blog-title { display: inline-block; font-size: 18px; margin-bottom: 16px; padding: 0; } @media (min-width: 768px) { .blog-post .blog-content .blog-title { font-size: 20px; } } @media (min-width: 992px) { .blog-post .blog-content .blog-title { font-size: 25px; } } .blog-post .blog-content .blog-title a { color: #333; -webkit-transition: 0.4s; transition: 0.4s; } .blog-post .blog-content .blog-title a:hover { color: #62ab00; } .blog-post .blog-content .post-meta { font-size: 14px; } .blog-post .blog-content .post-meta .post-separator { margin: 0 10px; } .blog-post .blog-content .post-meta span { font-size: 14px; } .blog-post .blog-content .post-meta span i { margin-right: 5px; } .blog-post .blog-content article p { margin: 0; padding-bottom: 20px; } .blog-post .blog-content footer { margin-top: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 480px) { .blog-post .blog-content footer { display: -webkit-box; display: -ms-flexbox; display: flex; } } .blog-post .blog-content footer div { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; display: block; margin-bottom: 15px; } @media (min-width: 480px) { .blog-post .blog-content footer div { display: static; margin-bottom: 0; } } .blog-post .blog-btn .btn { color: #62ab00; } @media (min-width: 768px) and (max-width: 991px) { .blog-post .blog-btn .btn { width: 130px; } } .blog-post .blog-btn .btn:hover { color: #fff; } .blog-post.post-details .blog-image img { width: 100%; } .blog-post.post-details .blog-title { font-size: 18px; } @media (min-width: 576px) { .blog-post.post-details .blog-title { font-size: 22px; } } @media (min-width: 768px) { .blog-post.post-details .blog-title { font-size: 25px; } } @media (min-width: 992px) { .blog-post.post-details .blog-title { font-size: 28px; } } @media (min-width: 1200px) { .blog-post.post-details .blog-title { font-size: 30px; } } .blog-post.post-details .blog-content { margin-top: 30px; } .blog-post.post-details .blog-content header { margin-bottom: 25px; } .blog-post.post-details .blog-content blockquote { background: #f6f6f6; border: 1px solid #ececec; border-left: 5px solid #62ab00; font-size: 14px; font-style: italic; line-height: 26px; margin: 30px 0 30px 30px; padding: 30px 45px 10px; } .blog-post.post-details .blog-meta { padding: 10px; color: #1a1f2b; font-size: 14px; padding: 15px 0; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; margin-top: 10px; } .blog-post.post-details .blog-meta a { color: #62ab00; } .blog-post.post-details .blog-meta a:hover { text-decoration: underline; } .share-block { text-align: center; } .share-block h3 { background: none; color: #8c8c8c; font-size: 14px; line-height: 26px; margin: 0 20px; text-transform: uppercase; width: auto; } .social-links { display: -webkit-box; display: -ms-flexbox; display: flex; } .social-links .single-social { color: #333; background: #f7f7f7; border-radius: 100%; color: #353535; display: inline-block; font-size: 14px; height: 26px; line-height: 26px; margin-right: 10px; text-align: center; width: 26px; } .social-links .single-social:hover { color: #fff; background: #62ab00; } .blog-posts-container .blog-post { border-bottom: 1px solid #ececec; margin: 0 0 50px; padding: 0 0 50px 0; width: 100%; } .blog-posts-container .blog-post:last-child { padding-bottom: 0; border: none; } .related-post-block h3 { display: inline-block; font-size: 20px; text-transform: uppercase; color: #333; } .related-post .post-date { color: #333; display: block; font-style: italic; margin-top: 15px; font-size: 14px; font-weight: 400; margin-bottom: 5px; } .related-post .post-title { font-size: 1.143em; color: #333; } .related-post .post-title a { display: inline-block; } .related-post .post-title:hover a { color: #62ab00; } /* Pagination */ .pagination-widget { text-align: right; } .pagination-widget p { color: inherit; } .site-pagination a { background: #fff; border: 1px solid #ececec; color: #1a1f2b; display: inline-block; font-size: 14px; font-weight: normal; height: 32px; line-height: 30px; margin-right: 7px; min-width: 0; padding: 0; text-align: center; width: 32px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 4px; } .site-pagination a:hover { color: #62ab00; } .site-pagination a.active, .site-pagination a:hover { background: #62ab00; border-color: #62ab00; color: #fff; } .blog-page-section.with-sidebar .single-block { margin-bottom: 40px; } .blog-page-section.with-sidebar .single-block:last-child { margin-bottom: 0; } .replay-form-wrapper h3 { font-size: 17px; margin: 20px 0; position: relative; text-transform: uppercase; font-weight: 600; font-family: "Open Sans", sans-serif; } .replay-form-wrapper p { color: #333; font-size: 14px; padding-bottom: 2px; } .blog-image { display: block; } textarea.form-control { height: auto; } /*>>>>>>>> Cart <<<<<<<<<*/ .cart_area .page-section-title { margin-bottom: 40px; } .cart_area .page-section-title h1 { font-size: 22px; color: #1a1f2b; margin-bottom: 30px; text-transform: capitalize; font-weight: 700; } @media (min-width: 480px) { .cart_area .page-section-title h1 { font-size: 28px; } } @media (min-width: 992px) { .cart_area .page-section-title h1 { font-size: 33px; } } /*-- Cart Table --*/ .cart-table { color: #d4d4d4; } .cart-table .table { margin: 0; border: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 575px) { .cart-table .table { border-top: 8px solid #14191e; } } .cart-table .table thead { background-color: transparent; } @media only screen and (max-width: 575px) { .cart-table .table thead { display: none; } } .cart-table .table thead tr { border-bottom: 1px solid #e5e5e5; } .cart-table .table thead tr th { text-align: center; border: none; text-transform: uppercase; font-weight: 500; color: #333; border-right: 1px solid #e5e5e5; padding: 20px 10px; font-family: Rubik, Arial, Helvetica, sans-serif; font-size: 15px; } .cart-table .table tbody { color: #333; font-weight: 500; } .cart-table .table tbody tr { -webkit-transition: 0.4s; transition: 0.4s; } .cart-table .table tbody tr:not(:last-child):hover { background: #f6f6f6; } .cart-table .table tbody tr td { text-align: center; border: none; padding: 20px 10px; vertical-align: middle; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } @media only screen and (max-width: 575px) { .cart-table .table tbody tr td { display: block; width: 100%; max-width: none; padding: 15px; text-align: left; } } .cart-table .table tbody tr td .coupon-block { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #e5e5e5; margin: 0 0 20px; padding: 25px !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cart-table .table tbody tr td .coupon-block .coupon-text { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; } @media (min-width: 576px) { .cart-table .table tbody tr td .coupon-block .coupon-text { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; text-align: left; } } .cart-table .table tbody tr td .coupon-block .coupon-text input { border: 1px solid #e5e5e5; height: 50px; line-height: 48px; padding: 6px 6px 5px; background: #f4f4f4; font-weight: 500; width: 100%; } @media (min-width: 576px) { .cart-table .table tbody tr td .coupon-block .coupon-text input { width: auto; } } .cart-table .table tbody tr td .coupon-block .coupon-text input:focus { outline: none; } .cart-table .table tbody tr td .coupon-block .coupon-btn { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; margin-top: 10px; } @media (min-width: 576px) { .cart-table .table tbody tr td .coupon-block .coupon-btn { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; margin-top: 0px; text-align: right; } } .cart-table .table tbody tr td .coupon-block .coupon-btn .btn { padding: 0 30px; color: #333; font-weight: 700; } .cart-table .table tbody tr td .coupon-block .coupon-btn .btn:hover { color: #fff; } .cart-table .table tbody tr td .coupon-block label { display: none; } .update-block .btn { padding: 0 30px; color: #333; font-weight: 700; } .update-block .btn:hover { color: #fff; } .cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail { max-width: 160px; min-width: 32px; width: 160px; } @media only screen and (max-width: 575px) { .cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a { width: 160px; } } .cart-table th.pro-title, .cart-table td.pro-title { min-width: 200px; } .cart-table td.pro-thumbnail a { display: block; } .cart-table td.pro-thumbnail a img { width: 70px; background-color: #f6f7f8; } .cart-table td.pro-title a { font-size: 16px; color: #333; } .cart-table td.pro-title a:hover { color: #62ab00; } .cart-table td.pro-price span { display: block; font-size: 15px; } .cart-table td.pro-quantity .pro-qty { width: 50px; display: block; margin: auto; } .cart-table td.pro-quantity .pro-qty input { padding-right: 0; font-size: 15px; border-radius: 0; background: transparent; border: 1px solid #e5e5e5; color: #333; } @media only screen and (max-width: 575px) { .cart-table td.pro-quantity .pro-qty { margin: 0; } } .cart-table td.pro-subtotal span { display: block; font-size: 15px; } .cart-table td.pro-addtocart button { width: 140px; border-radius: 50px; height: 36px; border: 1px solid #62ab00; line-height: 24px; padding: 5px 20px; font-weight: 700; text-transform: capitalize; color: #fff; background-color: #62ab00; } .cart-table td.pro-remove a { display: block; font-weight: 600; } .cart-table td.pro-remove a i { font-size: 15px; } .cart-table td.pro-remove a:hover { color: #62ab00; } @media only screen and (max-width: 575px) { .cart-table td.pro-remove a { width: 60px; text-align: center; } } /*-- Calculate Shipping --*/ .calculate-shipping { margin-bottom: 23px; } .calculate-shipping h4 { font-size: 20px; line-height: 23px; text-transform: capitalize; font-weight: 700; margin-bottom: 30px; color: #d4d4d4; } .calculate-shipping form .nice-select { width: 100%; border-radius: 50px; height: 36px; border: 1px solid #565f69; line-height: 24px; padding: 5px 20px; background-color: transparent; } .calculate-shipping form .nice-select::after { border-color: #565f69; } .calculate-shipping form .nice-select .current { display: block; line-height: 24px; font-size: 14px; color: #d4d4d4; } .calculate-shipping form input { width: 100%; border-radius: 50px; height: 36px; border: 1px solid #565f69; line-height: 24px; padding: 5px 20px; color: #d4d4d4; background-color: transparent; } .calculate-shipping form input::-webkit-input-placeholder { color: #d4d4d4; } .calculate-shipping form input:-moz-placeholder { color: #d4d4d4; } .calculate-shipping form input::-moz-placeholder { color: #d4d4d4; } .calculate-shipping form input:-ms-input-placeholder { color: #d4d4d4; } .calculate-shipping form input:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .calculate-shipping form input[type=submit] { font-weight: 700; text-transform: uppercase; color: #fff; background-color: #62ab00; border-color: #62ab00; width: 140px; cursor: pointer; } /*-- Discount Coupon --*/ .discount-coupon h4 { font-size: 20px; line-height: 23px; text-transform: capitalize; font-weight: 700; margin-bottom: 30px; color: #d4d4d4; } .discount-coupon form input { width: 100%; border-radius: 50px; height: 36px; border: 1px solid #565f69; line-height: 24px; padding: 5px 20px; color: #d4d4d4; background-color: transparent; } .discount-coupon form input::-webkit-input-placeholder { color: #d4d4d4; } .discount-coupon form input:-moz-placeholder { color: #d4d4d4; } .discount-coupon form input::-moz-placeholder { color: #d4d4d4; } .discount-coupon form input:-ms-input-placeholder { color: #d4d4d4; } .discount-coupon form input:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .discount-coupon form input[type=submit] { font-weight: 700; text-transform: uppercase; color: #fff; background-color: #62ab00; border-color: #62ab00; width: 140px; line-height: 27px; cursor: pointer; } /*-- Cart Summary --*/ .cart-summary { float: right; width: 100%; margin-left: auto; } @media (min-width: 992px) { .cart-summary { padding-left: 30px; } } @media only screen and (max-width: 767px) { .cart-summary { margin-left: 0; } } @media only screen and (max-width: 575px) { .cart-summary { margin-left: 0; } } .cart-summary .cart-summary-wrap { background-color: #fff; padding: 30px 30px; margin-bottom: 20px; border: 1px solid #e5e5e5; color: #333; } @media only screen and (max-width: 479px) { .cart-summary .cart-summary-wrap { padding: 25px 30px; } } .cart-summary .cart-summary-wrap h4 { font-size: 20px; line-height: 23px; text-transform: capitalize; font-weight: 700; margin-bottom: 30px; display: block; font-size: 20px; font-weight: 500; margin: 0 0 20px; text-align: right; } .cart-summary .cart-summary-wrap p { font-size: 14px; font-weight: 500; line-height: 23px; } .cart-summary .cart-summary-wrap p span { float: right; } .cart-summary .cart-summary-wrap h2 { border-top: 1px solid #ececec; padding-top: 9px; font-size: 18px; line-height: 23px; font-weight: 500; margin: 0; } .cart-summary .cart-summary-wrap h2 span { float: right; } .cart-summary .cart-summary-button { overflow: hidden; width: 100%; } @media only screen and (max-width: 767px) { .cart-summary .cart-summary-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-width: 575px) { .cart-summary .cart-summary-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cart-summary .cart-summary-button .c-btn { margin-top: 10px; width: 140px; border-radius: 50px; height: 36px; border: 2px solid #e5e5e5; line-height: initial; padding: 5px 20px; background-color: transparent; margin-left: 20px; float: right; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cart-summary .cart-summary-button .c-btn:hover { color: #fff; background: #62ab00; border-color: #62ab00; } .cart-summary .cart-summary-button .c-btn:last-child { margin-left: 0; } .cart-summary .cart-summary-button .c-btn.checkout-btn { font-weight: 500; text-transform: uppercase; color: #fff; background-color: #62ab00; border-color: #62ab00; } .cart-summary .cart-summary-button .c-btn.checkout-btn:hover { background: #333; color: #fff; border-color: #333; } @media only screen and (max-width: 767px) { .cart-summary .cart-summary-button .c-btn { margin-left: 0; margin-right: 20px; } .cart-summary .cart-summary-button .c-btn:last-child { margin-right: 0; } } @media only screen and (max-width: 575px) { .cart-summary .cart-summary-button .c-btn { margin-left: 0; margin-right: 10px; } .cart-summary .cart-summary-button .c-btn:last-child { margin-right: 0; } } @media only screen and (max-width: 479px) { .cart-summary .cart-summary-button .c-btn { width: 130px; } } .cart-block-title h2 { color: #1a1f2b; font-size: 24px; font-weight: 600; margin: 0 0 35px 0; text-align: center; text-transform: uppercase; } /*>>>>>>>> Checkout <<<<<<<<<*/ /*-- Checkout Title --*/ .checkout-title { border-bottom: 1px solid #e6e6e6; margin: 0 0 20px; padding-bottom: 10px; text-transform: none; width: 100%; color: #1a1f2b; font-size: 20px; font-weight: 700; text-transform: capitalize; } @media (min-width: 480px) { .checkout-title { font-size: 28px; } } @media (min-width: 992px) { .checkout-title { font-size: 33px; } } /*-- Checkout Form --*/ .checkout-form { color: #d4d4d4; } .checkout-form label { color: #1a1f2b; font-family: Rubik, Arial, Helvetica, sans-serif; margin: 0 0 5px; } .checkout-form .nice-select { width: 100%; background-color: #f4f4f4; border: 1px solid transparent; border-radius: 0; line-height: 23px; padding: 10px 20px; font-size: 14px; height: 45px; color: #14191e; margin-bottom: 15px; } .checkout-form .nice-select::after { width: 6px; height: 6px; border-width: 1px; right: 20px; border-color: #565f69; } .checkout-form .nice-select .current { color: #565f69; display: block; line-height: 23px; } .checkout-form .nice-select .list { width: 100%; } .checkout-form input { width: 100%; background-color: #f4f4f4; border: 1px solid transparent; border-radius: 0; line-height: 23px; padding: 10px 20px; font-size: 14px; color: #14191e; margin-bottom: 15px; } .checkout-form input[type=checkbox] { width: auto; } .checkout-form input:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: #62ab00; } .checkout-form .check-box { margin-right: 70px; } .checkout-form .check-box:last-child { margin-right: 0; } .checkout-form .check-box input[type=checkbox] { display: none; } .checkout-form .check-box input[type=checkbox] + label { position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #14191e; margin: 0; } .checkout-form .check-box input[type=checkbox] + label::before { position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #565f69; content: ""; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .checkout-form .check-box input[type=checkbox] + label::after { position: absolute; left: 0; top: 0; display: block; content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; line-height: 20px; opacity: 0; color: #333; width: 20px; text-align: center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .checkout-form .check-box input[type=checkbox]:checked + label::before { border: 2px solid #565f69; } .checkout-form .check-box input[type=checkbox]:checked + label::after { opacity: 1; } /*-- Shipping Form --*/ #shipping-form { display: none; } /*-- Checkout Cart Total --*/ .checkout-cart-total { background-color: #f9f9f9; color: #333; padding: 35px 30px; } .checkout-cart-total .checkout-title { border-bottom: 1px solid #dfdfdf; font-size: 24px; margin: 0 0 20px; padding-bottom: 10px; text-transform: capitalize; width: 100%; font-weight: 700; } @media only screen and (max-width: 479px) { .checkout-cart-total { padding: 30px; } } .checkout-cart-total h4 { line-height: 23px; font-weight: 600; font-size: 18px; margin-top: 10px; } @media (max-width: 479px) { .checkout-cart-total h4 { font-size: 19px; } } .checkout-cart-total h4:first-child { margin-top: 0; margin-bottom: 25px; } .checkout-cart-total h4:last-child { margin-top: 15px; margin-bottom: 0; } .checkout-cart-total h4 span { float: right; display: block; } .checkout-cart-total ul { border-bottom: 1px solid #dfdfdf; color: #333; } .checkout-cart-total ul li { color: inherit; font-size: 14px; line-height: 23px; font-weight: 500; display: block; margin-bottom: 16px; overflow: hidden; } .checkout-cart-total ul li span { color: inherit; float: right; } .checkout-cart-total ul li span.left { float: left; width: 70%; } .checkout-cart-total p { font-size: 14px; line-height: 30px; font-weight: 600; color: #333; padding: 10px 0; border-bottom: 1px solid #dfdfdf; margin: 0; } .checkout-cart-total p span { float: right; } /*-- Checkout Payment Method --*/ .checkout-payment-method { background-color: #14191e; padding: 45px; } @media only screen and (max-width: 479px) { .checkout-payment-method { padding: 30px; } } /*-- Single Payment Method --*/ .single-method { margin-bottom: 20px; } .single-method:last-child { margin-bottom: 0; } .single-method input[type=radio] { display: none; } .single-method input[type=radio] + label { position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #d4d4d4; margin: 0; } .single-method input[type=radio] + label::before { position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #565f69; content: ""; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single-method input[type=radio] + label::after { position: absolute; left: 5px; top: 5px; display: block; content: ""; opacity: 0; background-color: #d4d4d4; width: 10px; text-align: center; height: 10px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single-method input[type=radio]:checked + label::before { border: 2px solid #565f69; } .single-method input[type=radio]:checked + label::after { opacity: 1; } .single-method input[type=checkbox] { display: none; } .single-method input[type=checkbox] + label { position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #d4d4d4; margin: 0; } .single-method input[type=checkbox] + label::before { position: absolute; left: 0; top: 0; width: 16px; height: 16px; display: block; border: 2px solid #999999; content: ""; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single-method input[type=checkbox] + label::after { position: absolute; left: 4px; top: 4px; display: block; content: ""; opacity: 0; background-color: #d4d4d4; width: 8px; text-align: center; height: 8px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single-method input[type=checkbox]:checked + label::before { border: 2px solid #565f69; } .single-method input[type=checkbox]:checked + label::after { opacity: 1; } .single-method p { display: none; margin-top: 8px; font-size: 14px; color: #d4d4d4; line-height: 23px; } /*-- Place Order --*/ .place-order { border-radius: 3px; height: 50px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6px 20px; font-weight: 500; font-size: 18px; text-transform: uppercase; color: #fff; background-color: #62ab00; background-color: #62ab00; -webkit-transition: 0.4s; transition: 0.4s; } .place-order:hover { background: #b85e5e; border-color: #b85e5e; color: #fff; } /*===== End of 14. Checkout ======*/ .checkout-area.checkout-area-padding { padding-top: 60px; padding-bottom: 60px; } .term-block { margin-bottom: 10px; } .method-notice { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1em 2em 1em 3.5em; margin: 0 0 15px; position: relative; background-color: #f7f6f7; color: #333; border-top: 3px solid #62ab00; list-style: none outside; width: auto; word-wrap: break-word; } .method-notice:before { font-family: "Font Awesome 5 Free"; content: ""; display: inline-block; position: absolute; top: 1em; color: #62ab00; left: 1.5em; } .order-note-block label { font-family: Rubik, Arial, Helvetica, sans-serif; margin: 0 0 5px; line-height: 2; color: #333; } .order-note-block textarea { height: 100px; line-height: 1.5; padding: 10px; width: 100%; background: #f4f4f4; border: none; } .order-note-block textarea::-webkit-input-placeholder { color: #333; } .order-note-block textarea:-moz-placeholder { color: #333; } .order-note-block textarea::-moz-placeholder { color: #333; } .order-note-block textarea:-ms-input-placeholder { color: #333; } .order-note-block textarea:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .block-border { border-bottom: 1px solid #e6e6e6; padding-bottom: 16px; } .checkout-quick-box { padding: 16px 32px 16px 20px; margin: 0 0 2em; position: relative; background-color: #f7f6f7; color: #333; border-top: 3px solid #62ab00; list-style: none outside; width: auto; word-wrap: break-word; } .checkout-quick-box p { margin-bottom: 0; } .checkout-quick-box p i { color: #62ab00; margin-right: 10px; } .checkout-quick-box p a { color: #b85e5e; } .checkout-quick-box p a:hover { color: #62ab00; } .checkout-slidedown-box { display: none; } .quick-login-form { background: #fff; border: 1px solid #e6e6e6; border-radius: 0; padding: 20px; color: #333; margin: 0 0 20px; } .quick-login-form .form-group input { margin-bottom: 0; } .quick-login-form label { display: block; } .quick-login-form input { border: 1px solid #e6e6e6; height: 36px; margin: 0 0 14px; max-width: 100%; padding: 0 0 0 10px; width: 370px; } .pass-lost { color: #a43d21; } .pass-lost:hover { color: #62ab00; } .checkout_coupon { border: 1px solid #d3ced2; padding: 20px; margin-bottom: 2em; text-align: left; border-radius: 5px; } .checkout_coupon input { background: #f4f4f4; border: none; border-radius: 0; height: 50px; line-height: 50px; max-width: 100%; padding: 0 0 0 10px; vertical-align: middle; margin-right: 10px; width: 180px; } .checkout_coupon .btn { font-size: 14px; margin-top: 15px; } @media (min-width: 480px) { .checkout_coupon .btn { margin-top: 0; } } .quick-title { margin-bottom: 40px; line-height: 1.35; font-size: 28px; color: #333; font-weight: 700; text-transform: capitalize; } @media (min-width: 768px) { .quick-title { font-size: 36px; } } .check-bx-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 480px) { .check-bx-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .check-bx-wrapper .check-box + .check-box { margin-top: 10px; } @media (min-width: 480px) { .check-bx-wrapper .check-box + .check-box { margin-top: 0; } } /*>>>>>>>> Compare <<<<<<<<<*/ /*-- Compare Table --*/ .compare-table { color: #333; } .compare-table::-webkit-scrollbar-thumb { background: red; border-radius: 10px; } .compare-table .table tbody tr:first-child { border-top: 1px solid #e5e5e5; } .compare-table .table tbody tr td { text-align: center; border: none; padding: 25px 30px; vertical-align: middle; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } .compare-table .table tbody tr td:last-child { border-right: 1px solid #e5e5e5; } .compare-table .table tbody tr td.first-column { min-width: 170px; font-size: 18px; font-weight: 600; color: #333; margin: 0; line-height: 1; } .compare-table .table tbody tr td.product-image-title { min-width: 310px; vertical-align: bottom; padding-top: 50px; } .compare-table .table tbody tr td.product-image-title .image { clear: both; width: 100%; margin-bottom: 40px; } .compare-table .table tbody tr td.product-image-title .image img { max-width: 100%; } .compare-table .table tbody tr td.product-image-title .category { clear: both; float: left; font-size: 13px; letter-spacing: 0.5px; line-height: 15px; margin-bottom: 7px; margin-top: 15px; text-transform: capitalize; } .compare-table .table tbody tr td.product-image-title .title { float: left; clear: both; font-size: 16px; font-weight: 600; line-height: 20px; margin-bottom: 10px; } .compare-table .table tbody tr td.product-image-title .title:hover { color: #62ab00; } .compare-table .table tbody tr td.pro-desc p { text-align: left; margin: 0; } .compare-table .table tbody tr td.pro-price { font-size: 16px; font-weight: 600; } .compare-table .table tbody tr td.pro-color { font-size: 16px; font-weight: 600; } .compare-table .table tbody tr td.pro-stock { font-size: 16px; font-weight: 600; } .compare-table .table tbody tr td.pro-addtocart .add-to-cart { position: relative; background-color: #f6f6f6; border-radius: 50px; display: inline-block; width: 170px; padding: 10px 25px 10px 56px; -webkit-transition: left 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s, color 0.4s ease-in; transition: left 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s, color 0.4s ease-in; } .compare-table .table tbody tr td.pro-addtocart .add-to-cart i { width: 41px; height: 41px; background-color: #fff; border-radius: 50px; display: block; float: left; font-size: 20px; text-align: center; line-height: 41px; -webkit-box-shadow: 0 3px 7px rgba(40, 40, 40, 0.3); box-shadow: 0 3px 7px rgba(40, 40, 40, 0.3); -webkit-transition: left 0.3s ease 0s, color 0.4s ease-in; transition: left 0.3s ease 0s, color 0.4s ease-in; position: absolute; left: 0; right: auto; top: 0; } .compare-table .table tbody tr td.pro-addtocart .add-to-cart span { font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 21px; overflow: hidden; display: block; text-align: center; } .compare-table .table tbody tr td.pro-addtocart .add-to-cart.added { padding-left: 25px; padding-right: 56px; } .compare-table .table tbody tr td.pro-addtocart .add-to-cart.added i { left: calc(100% - 41px); } .compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover { color: #62ab00; } .compare-table .table tbody tr td.pro-remove button { border: none; background-color: transparent; padding: 0; color: #333; } .compare-table .table tbody tr td.pro-remove button i { font-size: 20px; } .compare-table .table tbody tr td.pro-ratting i { font-size: 14px; } /*>>>>>>>> Contact <<<<<<<<<*/ #google-map { height: 512px; width: 100%; } .ct_title { color: #555555; font-weight: 500; margin-bottom: 15px; } .ct_address p { color: #555555; line-height: 28px; margin-bottom: 35px; font-size: 14px; } .address_wrapper .address { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .address_wrapper .address .icon { min-width: 35px; } .address_wrapper .address .icon i { color: #555555; font-size: 22px; } .address_wrapper .address .contact-info-text p { color: #555555; margin: 0; font-size: 14px; } .address_wrapper .address .contact-info-text p span { font-weight: 600; } .contact_form .input_box input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #dddddd; border-radius: 3px; color: #252525; height: 45px; margin-bottom: 20px; padding: 0 20px; text-transform: capitalize; width: 100%; } .contact_form textarea { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 3px; height: 150px; margin-bottom: 20px; padding: 10px; width: 100%; } p.form-messege { margin-top: 20px; } p.form-messege.success { color: green; } p.form-messege.error { color: red; } .contact-form .form-control { background: transparent; font-size: 14px; color: #252525; } .contact-form .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: #62ab00; } .contact-form input { border-radius: 3px; height: 45px; } .contact-form label { color: #555555; } .contact-form .form-btn .theme-btn-otlined, .contact-form .form-btn .theme-btn, .contact-form .form-btn button, .contact-form .form-btn a { height: 50px; padding: 0 40px; } .contact-info { text-align: center; } .contact-info .icon { width: 88px; height: 88px; border: 1px solid #62ab00; color: #62ab00; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; border-radius: 50%; } .contact-info .icon i { font-size: 30px; } .contact-info .content .title { font-weight: 600; color: #333; font-size: 18px; } /*>>>>>>>> Login-register <<<<<<<<<*/ /*-- Login Title --*/ .login-title { line-height: 23px; text-transform: capitalize; font-weight: 500; margin-bottom: 18px; color: #333; font-weight: 600; } @media (min-width: 768px) { .login-title { font-size: 27px; } } /*-- Login Form --*/ .login-box { border: 1px solid #e3e3e3; padding: 45px 20px 20px 20px; text-align: left; border-radius: 5px; } .login-box .btn { text-transform: capitalize; font-size: 15px; } .login-form { border: 1px solid #e3e3e3; padding: 45px 20px 20px 20px; text-align: left; border-radius: 5px; } @media (min-width: 768px) and (max-width: 991px) { .login-form { padding: 15px; } } .login-form .btn { text-transform: capitalize; font-size: 15px; } .login-form label { display: block; font-size: 13px; margin-bottom: 8px; font-weight: 400; text-transform: capitalize; } .login-form .nice-select { width: 100%; background-color: transparent; border: 1px solid #565f69; border-radius: 0; line-height: 23px; padding: 10px 20px; font-size: 14px; height: 45px; color: #d4d4d4; margin-bottom: 15px; } .login-form .nice-select::after { width: 6px; height: 6px; border-width: 1px; right: 20px; border-color: #565f69; } .login-form .nice-select .current { color: #555555; display: block; line-height: 23px; } .login-form .nice-select .list { width: 100%; } .login-form input { height: 40px; color: #7b7b7b; font-size: 13px; } .login-form input:focus { border-color: #62ab00; -webkit-box-shadow: none; box-shadow: none; outline: none; } .login-form .check-box { float: left; margin-right: 70px; } .login-form .check-box:last-child { margin-right: 0; } .login-form .check-box input[type=checkbox] { display: none; } .login-form .check-box input[type=checkbox] + label { position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #d4d4d4; margin: 0; } .login-form .check-box input[type=checkbox] + label::before { position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #565f69; content: ""; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .login-form .check-box input[type=checkbox] + label::after { position: absolute; left: 0; top: 0; display: block; content: ""; font-family: Fontawesome; font-size: 12px; line-height: 20px; opacity: 0; color: #d4d4d4; width: 20px; text-align: center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .login-form .check-box input[type=checkbox]:checked + label::before { border: 2px solid #565f69; } .login-form .check-box input[type=checkbox]:checked + label::after { opacity: 1; } .login-form .forget-pass { color: #343434; font-size: 14px; } /*-- Place Order --*/ .register-button { display: block; margin-top: 40px; width: 140px; border-radius: 0; height: 36px; border: none; line-height: 24px; padding: 6px 20px; float: left; font-weight: 400; text-transform: uppercase; color: #fff; border-radius: 3px; } /*===== End of 17. Login Register ======*/ .entry-header { margin-bottom: 40px; } .entry-header .entry-title { font-size: 30px; line-height: 1.35; margin: 0 0 5px; text-transform: uppercase; color: #333; } @media (min-width: 992px) { .entry-header .entry-title { font-size: 36px; } } /*>>>>>>>> My-account <<<<<<<<<*/ .myaccount-tab-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .myaccount-tab-menu a { border: 1px solid #cecece; border-bottom: none; color: #333; font-weight: 500; font-size: 12px; display: block; padding: 15px 15px 13px; text-transform: uppercase; } .myaccount-tab-menu a:last-child { border-bottom: 1px solid #cecece; } .myaccount-tab-menu a:hover, .myaccount-tab-menu a.active { background-color: #62ab00; color: #fff; } .myaccount-tab-menu a i { font-size: 14px; text-align: center; width: 25px; } /*-- My Account Content -*/ .myaccount-content { font-size: 14px; border: 1px solid #cecece; padding: 30px; color: #333; } @media only screen and (max-width: 479px) { .myaccount-content { padding: 20px 15px; } } .myaccount-content h3 { border-bottom: 1px dashed #cecece; padding-bottom: 10px; margin-bottom: 25px; } .myaccount-content .welcome a { color: inherit; } .myaccount-content .welcome a:hover { color: #62ab00; } .myaccount-content .welcome strong { font-weight: 600; } .myaccount-content a.btn i { padding-right: 5px; } .myaccount-content button.save-change-btn { background: none; border: none; font-weight: 400; text-transform: uppercase; color: #ffffff; background-color: #555555; border-color: #555555; width: 140px; padding: 10px 0; border-radius: 3px; } .myaccount-content button.save-change-btn:hover { background-color: #62ab00; } /*-- My Account Table -*/ .myaccount-table { white-space: nowrap; font-size: 15px; } .myaccount-table table th, .myaccount-table .table th { padding: 10px; background: #14191E; color: #fff; border-color: #565f69; } .myaccount-table table td, .myaccount-table .table td { padding: 20px 10px; vertical-align: middle; border-color: #565f69; } .myaccount-table table td a:hover, .myaccount-table .table td a:hover { color: #62ab00; } .saved-message { border-top: 3px solid #62ab00; border-radius: 5px 5px 0 0; font-weight: 600; font-size: 13px; padding: 20px; } /*-- My Account Details Form -*/ .account-details-form h4 { margin: 0; } .account-details-form input { display: block; width: 100%; border: 1px solid #cecece; border-radius: 0; line-height: 24px; padding: 11px 25px; color: #333; background: transparent; border-radius: 3px; } .account-details-form input:focus { border-color: #62ab00; -webkit-box-shadow: none; box-shadow: none; outline: none; } /*===== End of 16. My Account ======*/ /*-- Order Complete --*/ /*Order Complete Message*/ .order-complete-message h1 { color: #333; font-size: 36px; line-height: 48px; font-weight: 700; } @media only screen and (max-width: 575px) { .order-complete-message h1 { font-size: 26px; line-height: 30px; } } .order-complete-message p { font-size: 24px; font-weight: 300; } @media only screen and (max-width: 575px) { .order-complete-message p { font-size: 18px; line-height: 24px; } } .order-table-title { font-size: 24px; font-weight: 600; } /*Order Details List*/ .order-details-list { list-style: inside; margin-bottom: 10px; } /*Order Details Table*/ .order-details-table { border: 1px solid #e5e5e5; margin: 0; } .order-details-table thead tr th { font-weight: 400; color: #333; border: none; border-right: 1px solid #e5e5e5; } .order-details-table tbody tr td { border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .order-details-table tbody tr td .btn { padding: 6px 35px; } .order-details-table tfoot tr th { font-weight: 400; color: #333; border-right: 1px solid #e5e5e5; } .order-details-table tfoot tr td { border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } /*-- Elements - Accordion ------------------------------------------------------*/ .faq-area .inner h1 { font-size: 36px; line-height: 1.2; font-weight: 700; padding-bottom: 30px; } @media only screen and (max-width: 575px) { .faq-area .inner h1 { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .faq-area .accordion-2 { margin-top: 30px; } } /*Accordion*/ .accordion .card { border: 1px solid rgba(169, 174, 189, 0.3) !important; border-radius: 4px !important; background-color: #fff; margin-bottom: 20px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .accordion .card:last-child { margin-bottom: 0px; } .accordion .card.open { border-color: #e5e5e5 !important; -webkit-box-shadow: 0 0 87px 0 rgba(41, 44, 58, 0.1); box-shadow: 0 0 87px 0 rgba(41, 44, 58, 0.1); } .accordion .card .card-header { padding: 0; background-color: transparent; border: none; } .accordion .card .card-header h5 { margin: 0; } .accordion .card .card-header h5 button { border: none; background-color: transparent; display: block; width: 100%; text-align: left; line-height: 24px; font-weight: 400; padding: 15px 30px; position: relative; color: #333; } .accordion .card .card-header h5 button::before, .accordion .card .card-header h5 button::after { position: absolute; content: ""; background-color: #333; top: 50%; margin-top: -1px; width: 10px; height: 2px; right: 20px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .accordion .card .card-header h5 button.collapsed::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .accordion .card .card-header h5 { margin: 0; } .accordion .card .card-header h5 button { border: none; background-color: transparent; display: block; width: 100%; text-align: left; font-size: 14px; line-height: 24px; font-weight: 700; padding: 15px 30px; position: relative; color: #333; } .accordion .card .card-header h5 button::before, .accordion .card .card-header h5 button::after { position: absolute; content: ""; background-color: #333; top: 50%; margin-top: -1px; width: 10px; height: 2px; right: 20px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .accordion .card .card-header h5 button.collapsed::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .accordion .card .card-body { padding: 0 30px 30px; } .pro-img{ max-width: 187px; height: 296px; } .sec-pp{ overflow: hidden; }