/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   @font-face {
       font-family: "Nokian Tyres Sans";
       src: url('../fonts/NokianTyresSans221217.otf');
       font-weight: 400;
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       font-family: "Nokian Tyres Sans", sans-serif;
       letter-spacing: 0.1em;
   }

   a,
   button,
   .scroll {
       font-family: "Nokian Tyres Sans", sans-serif;
   }

   .no-js #loader {
       display: none;
   }

   .js #loader {
       display: block;
       position: absolute;
       left: 100px;
       top: 0;
   }

   .se-pre-con {
       position: fixed;
       left: 0px;
       top: 0px;
       width: 100%;
       height: 100%;
       z-index: 9999999;
       /* background: url(/wp-content/uploads/2017/08/Preloader_11.gif) center no-repeat #fff; */
       background-color: #fff;
   }

   .spinner {
       position: absolute;
       left: 0;
       right: 0;
       top: 0;
       bottom: 0;
       width: 45px;
       height: 45px;
       margin: auto;
       background-color: #51b848;
       border-radius: 100%;
       -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
       animation: sk-scaleout 1.0s infinite ease-in-out;
   }

   @-webkit-keyframes sk-scaleout {
       0% {
           -webkit-transform: scale(0)
       }
       100% {
           -webkit-transform: scale(1.0);
           opacity: 0;
       }
   }

   @keyframes sk-scaleout {
       0% {
           -webkit-transform: scale(0);
           transform: scale(0);
       }
       100% {
           -webkit-transform: scale(1.0);
           transform: scale(1.0);
           opacity: 0;
       }
   }

   @media screen and (min-width:1921px) {
       .second-section,
       .fourth-section,
       .section-win-tyres {
           background-size: cover;
       }
   }

   @-webkit-keyframes scroll-inner {
       0% {
           margin-top: 20%;
           opacity: 1;
       }
       90% {
           margin-top: 60%;
           opacity: 0;
       }
       100% {
           margin-top: 20%;
           opacity: 0;
       }
   }

   @keyframes scroll-inner {
       0% {
           margin-top: 20%;
           opacity: 1;
       }
       90% {
           margin-top: 60%;
           opacity: 0;
       }
       100% {
           margin-top: 20%;
           opacity: 0;
       }
   }

   .mouse-container {
       position: absolute;
       bottom: 0;
       left: 50%;
       transform: translate(-50%);
       display: block;
       height: 100px;
   }

   .mouse {
       position: relative;
       margin: 0 auto;
       display: block;
       width: 30px;
       height: 50px;
       border: solid 2px #fff;
       border-radius: 20px;
       opacity: .4;
   }

   .mouse .scroll-down {
       display: block;
       width: 5px;
       height: 5px;
       background: #fff;
       border-radius: 50%;
       margin: 15% auto auto auto;
       -webkit-animation: scroll-inner 1.5s;
       animation: scroll-inner 1.5s;
       -webkit-animation-iteration-count: infinite;
       animation-iteration-count: infinite;
       -webkit-animation-timing-function: ease;
       animation-timing-function: ease;
   }

   .scroll {
       font-size: 12px;
       opacity: .5;
       text-align: center;
       color: #fff;
   }

   .hidden {
       opacity: 1;
   }

   .visible {
       opacity: 1;
   }

   a {
       transition: all 0.2s ease-in-out;
   }

   .cta-float {
       display: none;
       position: fixed;
       top: 200px;
       z-index: 999;
       width: 240px;
       text-align: center;
       right: -97px;
       background-color: #51b848;
       -webkit-font-smoothing: antialiased;
       -webkit-transform: perspective(1px) rotate(90deg);
       -moz-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
       transform: perspective(1px) rotate(90deg);
       box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15);
       transition: all 0.5s;
   }

   .cta-float a {
       color: #fff;
       padding: 13px 25px;
       display: inline-block;
       font-size: 15px;
       font-weight: 400;
   }

   .cta-float:hover {
       background-color: #fff;
   }

   .cta-float a:hover {
       color: #51b848;
       text-decoration: none;
   }

   img {
       max-width: 100%;
   }

   .header-video {
       position: relative;
       overflow: hidden;
       max-width: 100% !important;
   }

   .header-video iframe,
   .header-video video {
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
   }

   .header-video iframe {
       height: 100%;
       width: 100%;
       z-index: 9;
   }

   .header-video video {
       width: 100%;
   }

   .header-video__teaser-video {
       width: 100%;
       height: auto;
   }

   .header-video__media {
       width: 100%;
       height: auto;
   }

   .header-video__play-trigger {}

   .header-video__close-trigger {
       z-index: 999;
       position: absolute;
       top: 30px;
       right: 30px;
       background-color: rgba(0, 0, 0, 0);
       border: none;
   }

   .content-video {
       position: relative;
       overflow: hidden;
       background-color: #fff;
       max-width: 100% !important;
   }

   .content-video iframe,
   .content-video video {
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
   }

   .content-video iframe {
       height: 100%;
       width: 50%;
       z-index: 9;
       -webkit-animation-name: example;
       /* Chrome, Safari, Opera */
       -webkit-animation-duration: 3s;
       /* Chrome, Safari, Opera */
       animation-name: example;
       animation-duration: 3s;
       -webkit-animation-delay: 2s;
       /* Chrome, Safari, Opera */
       animation-delay: 2s;
       animation-fill-mode: forwards;
   }

   /* Chrome, Safari, Opera */

   @-webkit-keyframes example {
       from {
           width: 50%;
       }
       to {
           width: 100%;
       }
   }

   /* Standard syntax */

   @keyframes example {
       from {
           width: 50%;
       }
       to {
           width: 100%;
       }
   }

   .content-video video {
       width: 50%;
   }

   .content-video__teaser-video {
       width: 100%;
       height: auto;
   }

   .content-video__media {
       width: 50%;
       height: auto;
   }

   .content-video__play-trigger {
       position: absolute;
       top: 50%;
       left: 25%;
       transform: translate(-75%, -50%);
       z-index: 9;
       text-align: center;
   }

   .content-video__play-trigger:hover {
       opacity: 0.7;
   }

   .content-video__close-trigger {
       z-index: 999;
       position: absolute;
       top: 30px;
       right: 30px;
       background-color: rgba(0, 0, 0, 0);
       border: none;
   }

   #videoheader header .header-top {
       position: absolute;
       width: 100%;
       background-color: rgba(255, 255, 255, 0.5);
       z-index: 3;
       padding: 10px 0;
   }

   #videoheader header .header-top .wrap {
       max-width: 1170px;
       margin: 0 auto;
   }

   body {
       padding: 0;
       display: none;
       font-family: "Nokian Tyres Sans", sans-serif;
       overflow-x: hidden;
   }

   h2 {
       color: white;
       font-size: 40px;
       margin-bottom: 20px;
   }

   p {
       color: #333d48;
       font-family: 'Open Sans', sans-serif;
   }

   .extra-links {
       margin-top: 28px;
       float: right;
   }

   .extra-links a {
       font-weight: 600;
       color: white;
   }

   .section-padding {
       padding: 85px 0;
   }

   .first-section {
       position: absolute;
       top: 0;
       width: 100%;
       height: 100%;
       z-index: 9;
   }

   .first-section .logo {
       padding-top: 20px;
       float: left;
   }

   .first-section .heading {
       text-align: center;
       position: absolute;
       left: 50%;
       top: 50%;
       transform: translate(-50%, -50%);
       max-width: 781px;
   }

   #second-video-mobile {
       display: none;
   }

   .first-section .heading h1 {
       font-size: 36px;
       font-weight: 900;
       color: white;
       text-transform: uppercase;
   }

   .first-section .heading p {
       color: #fff;
       font-size: 20px;
       max-width: 1100px;
       margin: 0 auto;
   }

   .first-section .heading .watch-video {
       border: 1px solid #fff;
       padding: 15px 45px;
       font-size: 14px;
       font-weight: 700;
       text-transform: uppercase;
       color: #fff;
       display: inline-block;
       margin-top: 50px;
       transition: all 0.2s ease-in-out;
   }

   .first-section .heading .watch-video:hover {
       text-decoration: none;
       background-color: #fff;
       color: rgba(0, 0, 0, 0.5);
   }

   .first-section .green-button {
       font-weight: 600;
       margin: 30px 0 0 0;
   }

   .second-section {
       position: relative;
       padding-top: 75px;
       background-image: url(../img/tyres-bg.jpg);
       /* min-height: 1080px; */
       background-position: bottom center;
       background-repeat: no-repeat;
       width: 100%;
       background-color: #e6eaf0;
   }

   .second-section .meet-us-item {
       margin-bottom: 2em;
   }

   .second-section h2 {
       color: #262626;
       margin-bottom: 0.5em;
       font-size: 24px;
       text-transform: none;
       font-weight: 700;
       text-align: center;
   }

   .second-section p {
       font-size: 15px;
       color: #000;
       opacity: .5;
       text-align: center;
       margin-bottom: 15px;
   }

   .second-section .hkpl-wrap {
       text-align: center;
       max-width: 1000px;
       margin: 0 auto;
       margin-top: 100px;
   }

   .second-section .hkpl-wrap p {
       opacity: .3;
   }

   .second-section .hkpl {
       float: left;
       margin-bottom: -220px;
   }

   .second-section .hkpl-9-suv {
       margin-right: -100px;
       margin-left: 100px;
   }

   .third-section .video-text {
       width: 50%;
       position: absolute;
       top: 50%;
       left: 70%;
       transform: translate(-20%, -50%);
       z-index: 9;
   }

   .third-section .video-text h2 {
       color: #262626;
       font-size: 24px;
       max-width: 60%;
       font-weight: 700;
       margin-bottom: 0.5em;
   }

   .third-section .video-text h3 {
       color: #262626;
       font-size: 24px;
       max-width: 60%;
       font-weight: 700;
   }

   .third-section .video-text p {
       font-size: 15px;
       color: #000;
       opacity: .5;
       max-width: 60%;
       margin-bottom: 20px;
   }

   .video-btn {
       color: #fff;
       font-weight: 700;
       margin-top: 20px;
       text-transform: uppercase;
       font-size: 18px;
   }

   /* tyre image */

   .hkpl-image {
       margin: 100px 25px 0px 25px;
   }

   .hkpl-image img {
       display: block;
       margin: 0 auto;
   }

   .content-video__play-trigger:hover {
       text-decoration: none;
   }

   .solution-wrap {
       height: 540px;
       width: 100%;
       overflow: hidden;
       position: relative;
   }

   .solution {
       background-image: url(../img/solution.jpg);
       position: absolute;
       height: 100%;
       width: 100%;
       -moz-transition: all 1.1s;
       -webkit-transition: all 1.1s;
       transition: all 1.1s;
       -moz-transform: scale(1, 1);
       -webkit-transform: scale(1, 1);
       transform: scale(1, 1);
       -moz-background-size: cover;
       -webkit-background-size: cover;
       background-size: cover;
   }

   .solution .solution-txt {
       position: absolute;
       left: 50%;
       top: 50%;
       transform: translate(-50%, -50%);
   }

   .solution .solution-txt h3 {
       color: #fff;
       text-transform: uppercase;
       font-weight: 700;
   }

   .handling-consumption h3 {
       color: #fff;
       text-transform: uppercase;
       font-weight: 700;
       position: absolute;
       left: 50%;
       top: 50%;
       transform: translate(-50%, -50%);
       text-align: center;
   }

   .handling-consumption .wrap {
       height: 540px;
       width: 50%;
       overflow: hidden;
       position: relative;
       float: left;
   }

   .handling-consumption .handling {
       background-image: url(../img/handling.jpg);
       position: absolute;
       height: 100%;
       width: 100%;
       -moz-transition: all 1.1s;
       -webkit-transition: all 1.1s;
       transition: all 1.1s;
       -moz-transform: scale(1, 1);
       -webkit-transform: scale(1, 1);
       transform: scale(1, 1);
       -moz-background-size: cover;
       -webkit-background-size: cover;
       background-size: cover;
       background-position-x: center;
   }

   .handling-consumption .consumption {
       background-image: url(../img/consumption.jpg);
       position: absolute;
       height: 100%;
       width: 100%;
       -moz-transition: all 1.1s;
       -webkit-transition: all 1.1s;
       transition: all 1.1s;
       -moz-transform: scale(1, 1);
       -webkit-transform: scale(1, 1);
       transform: scale(1, 1);
       -moz-background-size: cover;
       -webkit-background-size: cover;
       background-size: cover;
   }

   .solution:hover,
   .handling:hover,
   .consumption:hover {
       -moz-transform: scale(1.2, 1.2);
       -webkit-transform: scale(1.2, 1.2);
       transform: scale(1.2, 1.2);
   }

   .btn-green {
       display: inline-block;
       margin: 0 auto;
       background-color: #50b848;
       color: #fff;
       border: none;
       margin-bottom: 20px;
       padding: 10px 30px;
       font-size: 12px;
       text-transform: uppercase;
       font-weight: 700;
       opacity: 1;
       transition: all 0.2s ease-in-out;
   }

   .btn-green:hover,
   .btn-green:focus {
       color: #fff;
       text-decoration: none;
       opacity: 0.8;
   }

   .button-searchtyres,
   .button-wintyres {
       display: table;
       margin: 0 auto;
       background-color: #50b848;
       color: #fff;
       border: none;
       padding: 20px 30px;
       font-size: 14px;
       text-transform: uppercase;
       font-weight: 700;
       opacity: 1;
       transition: all 0.2s ease-in-out;
   }

   .button-searchtyres:hover,
   .button-searchtyres:active,
   .button-wintyres:hover,
   .button-wintyres:active {
       color: #fff;
       text-decoration: none;
       opacity: 0.8;
   }

   .fourth-section {
       padding: 100px 0;
       background-image: url(../img/range-bg.jpg);
       background-color: #f7f7f7; //min-height: 1620px;
       background-position: bottom center;
       background-repeat: no-repeat;
   }

   .fourth-section .container.subscribe {
       display: block;
   }

   .fourth-section.ru {
       min-height: 1220px;
       display: none;
   }

   .fourth-section h2 {
       color: #262626;
       font-weight: 700;
       font-size: 24px;
       text-transform: uppercase;
       text-align: center;
       line-height: 0.9em;
       margin-bottom: 30px;
   }

   .fourth-section .desc {
       text-align: center;
       font-size: 16px;
       opacity: .6;
       color: #000;
   }

   .fourth-section h3 {
       color: #262626;
       font-weight: 700;
       margin-top: 20px;
       font-size: 36px;
   }

   .fourth-section .green-button {
       background-color: rgba(255, 255, 255, 0);
       border: 1px solid #51b848;
       color: #51b848;
       margin: 15px 0;
   }

   .fourth-section .green-button:hover {
       background-color: #51b848;
   }

   .fourth-section .ui-tabs-nav {
       margin: 0 auto;
       max-width: 600px;
       list-style-type: none;
       padding: 50px 0;
       text-align: center;
   }

   .fourth-section .ui-tabs-nav li {
       display: inline-block;
   }

   .fourth-section .ui-tabs-nav a {
       display: inline-block;
       padding: 10px 15px;
       border: 1px solid #ccc;
       text-transform: uppercase;
       color: #262626;
       opacity: .6;
       font-weight: 700;
       min-width: 217px;
   }

   .fourth-section .ui-tabs-nav a.left {
       border-right: none;
       margin-right: -5px;
   }

   .fourth-section .ui-tabs-nav a.right {
       border-left: none;
   }

   .fourth-section .ui-tabs-nav a:hover {
       text-decoration: none;
   }

   .fourth-section .ui-tabs-nav a:focus {
       outline: 0;
       text-decoration: none;
   }

   .fourth-section .ui-state-active a {
       background-color: #51b848;
       border-color: #51b848;
       color: #fff;
       opacity: 1;
   }

   .fourth-section .tabs-content {
       background-color: #fff;
   }

   .fourth-section .tabs-content .head-line {
       text-align: center;
       padding: 30px 30px 0 30px;
   }

   .fourth-section .tabs-content .head-line h3 {
       font-size: 18px;
   }

   .fourth-section .tabs-content .head-line p {
       text-transform: uppercase;
       opacity: .5;
       font-size: 14px;
   }

   .fourth-section .tabs-content .row {
       padding: 70px;
   }

   .fourth-section .tabs-content ul {
       padding: 0;
       list-style-type: none;
       margin-bottom: 0;
   }

   .fourth-section .tabs-content li {
       margin-bottom: 5px;
   }

   .fourth-section .tabs-content .light {
       margin-left: 10px;
       opacity: .5;
   }

   .show-more {
       display: none;
   }

   .small-green-text {
       font-size: 28px;
       color: #51b848;
       text-align: center;
       text-transform: uppercase;
       margin-top: 25px;
   }

   .fourth-section p {
       font-size: 18px;
   }

   .fourth-section img.right {
       float: right;
   }

   .fourth-section .first-article {
       margin-bottom: 8em;
   }

   .fourth-section .subscribe {
       text-align: center;
       /*margin-top: 100px;*/
   }

   .fourth-section .subscribe h3 {
       text-transform: uppercase;
       color: #000;
       font-size: 22px;
       margin-bottom: 15px;
   }

   .fourth-section .subscribe p {
       color: #262626;
       font-size: 18px;
   }

   .news {
       text-align: center;
       /*margin-top: 100px;*/
       padding: 0 15px;
   }

   .news p {
       color: #000;
       opacity: 1;
       font-weight: 700;
   }

   .news p:first-child {
       text-transform: uppercase;
   }

   .news a {
       color: #50b848;
       font-weight: 700;
   }

   .news a:hover {
       text-decoration: none;
       color: #50b848;
       opacity: 1;
   }

   /* Win tyres section */

   .section-win-tyres {
       background-image: url('../img/nokiantyres_snowteksture05.jpg');
       /* url(../img/range-bg.jpg); */
       background-position: center center;
       background-size: cover;
       padding: 100px 0;
       text-align: center;
   }

   .section-win-tyres h2 {
       display: block;
       margin: 0 auto 1em auto;
       color: #262626;
       font-size: 24px;
       max-width: 60%;
       font-weight: 700;
       margin-bottom: 1em;
   }

   .section-win-tyres p {
       font-size: 18px;
       color: #000;
       opacity: .5;
       margin-bottom: 25px;
   }

   .green-bg {
       background-color: #262626;
       padding: 100px 0;
   }

   .green-bg p {
       color: #fff;
       font-size: 14px;
   }

   /* FOOTER */

   footer {
       background-color: #f9f9f9;
       padding: 70px 0;
       text-align: center;
   }

   footer .footer-row {
       margin-bottom: 40px;
   }

   footer .footer-row:first-child {
       font-size: 14px;
   }

   footer p {
       font-size: 12px;
       color: #000;
       opacity: .5;
       margin-bottom: 0;
   }

   footer a:first-child {
       padding-left: 0;
   }

   footer a img {
       opacity: .3;
       height: 24px;
       padding-left: 10px;
   }

   footer a:hover img {
       opacity: .5;
   }

   footer a.link {
       font-weight: 700;
       color: #000;
   }

   footer a.link:hover {
       text-decoration: none;
       color: #000;
       opacity: .7;
   }

   .dropdown {
       margin: 0 0 0 35px;
       float: right;
   }

   .dropdown-menu {
       margin: 2px 0px 0px -138px;
       min-width: 182px;
       right: 0;
   }

   .dropdown-button {
       background: transparent;
       font-weight: 600;
       color: white;
       border: 0;
       padding: 0;
   }

   .dropdown-button:focus {
       outline: 0;
   }

   .language-switcher:after {
       height: 8px;
       content: "";
       background: url(../img/arrow-down-transparent.png)no-repeat;
       display: inline-block;
       width: 13px;
       margin-left: 0.6em;
   }

   .no-left-padding {
       padding-left: 0;
   }

   form .name {
       display: none;
   }

   form {
       margin-top: 80px;
   }

   form input {
       padding: 20px 20px;
       border: none;
       margin-right: -5px;
       width: 400px;
       color: rgba(78, 82, 86, 0.7);
       font-size: 14px;
   }

   form input:focus {
       outline-color: #50b848;
   }

   form .btnWrap button {
       background-color: #50b848;
       color: #fff;
       border: none;
       padding: 20px 30px;
       font-size: 14px;
       text-transform: uppercase;
       font-weight: 700;
       opacity: 1;
       transition: all 0.2s ease-in-out;
   }

   form .btnWrap button:hover {
       opacity: .8;
   }

   @media (max-width:1400px) {
       .hide-video {
           display: none;
       }
       .header-video {
           width: auto !important;
           height: auto !important;
       }
       .header-video video {
           display: none;
       }
       .content-video video {
           display: none;
       }
       .content-mobile-img {
           display: block;
       }
       .first-section {
           position: relative !important;
           background-image: url(../img/masthead.jpg);
           min-height: 800px;
           background-position: top center;
           background-repeat: no-repeat;
           width: 100%;
           background-size: cover;
       }
   }

   @media screen and (max-width: 1400px) {
       .mobile-play {
           display: block;
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
       }
       .first-section .heading {
           padding: 0 0;
       }
       .second-section h2 {
           font-size: 35px;
       }
       #second-video {
           display: none;
       }
       #second-video-mobile {
           display: block !important;
           padding-bottom: 30px;
           position: relative;
       }
       #second-video-mobile .video-text {
           width: 100%;
           position: relative;
           top: 0;
           left: 0;
           transform: translate(0%, 0%);
           padding: 0 30px;
           margin-top: 40px;
           ;
       }
       .third-section .video-text h2,
       .third-section .video-text p {
           max-width: 100% !important;
       }
   }

   @media screen and (max-width: 991px) {
       .first-section .heading {
           padding: 100px 10px 0 10px;
       }
       .hide-video {
           display: none;
       }
       footer h2 {
           font-size: 36px;
       }
       .fourth-section img.right {
           margin-top: 30px;
       }
       .handling-consumption .wrap {
           width: 100%;
       }
       .green-bg .col-sm-12 {
           text-align: center;
           margin-bottom: 40px;
       }
       h1,
       .first-section .heading p {
           //padding-right:45px;
           padding-left: 15px;
           padding-right: 15px;
       }
   }

   @media screen and (max-width: 990px) {
       .first-section .heading p {
           font-size: 20px;
       }
       .second-section .hkpl-wrap {
           max-width: 700px;
       }
       .second-section .hkpl {
           margin-bottom: -200px;
           max-width: 40%;
       }
       .second-section .hkpl-9-suv {
           margin-right: -50px;
       }
   }

   @media screen and (max-width: 767px) {
       .second-section .hkpl {
           margin-bottom: -100px;
       }
       .second-section .hkpl-9-suv {
           margin-right: 0;
           margin-left: 50px;
       }
       .handling-consumption .handling,
       .handling-consumption .consumption {
           width: 100%;
       }
       .show-hide {
           display: none;
       }
       .show-more {
           display: inline-block;
           color: #51b848;
           font-size: 16px;
           text-transform: uppercase;
           margin: 20px auto;
           cursor: pointer;
           padding-left: 15px;
       }
       .show-more:hover,
       .show-more:focus {
           color: #51b848;
           text-decoration: none;
       }
       .show-more:after {
           content: url(../img/arrowhead-down-green.png);
           height: 13px;
           width: 17px;
       }
       .show-more.arrow:after {
           content: url(../img/arrowhead-up-green.png);
           height: 13px;
           width: 17px;
       }
       .show-hide-2 {
           display: none;
       }
       .show-more-2 {
           display: inline-block;
           color: #51b848;
           font-size: 16px;
           text-transform: uppercase;
           margin: 20px auto;
           cursor: pointer;
           padding-left: 15px;
       }
       .show-more-2:hover,
       .show-more-2:focus {
           color: #51b848;
           text-decoration: none;
       }
       .show-more-2:after {
           content: url(../img/arrowhead-down-green.png);
           height: 13px;
           width: 17px;
       }
       .show-more-2.arrow:after {
           content: url(../img/arrowhead-up-green.png);
           height: 13px;
           width: 17px;
       }
       .extra-links a {
           margin-bottom: 10px;
       }
   }

   @media screen and (max-width: 600px) {
       .fourth-section {
           padding: 50px 0;
       }
       .fourth-section .users-column-image {
           padding: 235px 0 0 0;
       }
       .fourth-section .users-column-image-2 {
           padding: 235px 0 0 0;
       }
       .seventh-section {
           padding: 13em 0 11em 0;
       }
       .no-left-padding {
           padding-left: 15px;
       }
       .mobile-margin {
           margin-bottom: 5em;
       }
       #tabs ul li {
           margin: 0;
       }
       .third-section .absolute-pos-text {
           top: 15%;
       }
       .third-section .bsd {
           display: none;
       }
   }

   @media screen and (max-width: 540px) {
       .container {
           padding-left: 20px;
           padding-right: 20px;
       }
       .first-section .heading h1 {
           font-size: 32px;
       }
       .first-section .heading p {
           font-size: 17px;
       }
       .third-section .video-text p {
           font-size: 18px;
       }
       .green-bg {
           text-align: center;
       }
       .green-bg img {
           margin-bottom: 20px;
       }
       footer {
           text-align: center;
       }
       footer .col-sm-3 {
           margin-bottom: 30px;
       }
   }

   @media screen and (max-width: 500px) {
       .first-section .heading {
           padding: 50px 0 0 0;
       }
       form input {
           width: 300px;
       }
       .dropdown {
           margin: 0 0 0 15px;
       }
   }

   @media screen and (max-width: 441px) {
       .second-section .hkpl-9-suv {
           margin-left: 40px;
       }
       .fourth-section .ui-tabs-nav a.left {
           border-right: 1px solid #ccc;
           margin-right: 0;
       }
       .fourth-section .ui-tabs-nav a.right {
           border-left: 1px solid #ccc;
       }
   }

   @media screen and (min-width: 601px) and (max-width: 991px) {
       .third-section .absolute-pos-text {
           top: 15%;
       }
       .third-section .bsd {
           display: none;
       }
       .fourth-section {
           padding: 100px 15px;
       }
       .first-article .col-md-3,
       .first-article .col-md-6 {
           padding-left: 0;
       }
       .second-article .col-md-3,
       .second-article .col-md-6 {
           padding-left: 0;
       }
       .first-article h3.mobile-header {
           margin-top: 1em;
       }
       /* Header video */