@media screen and (min-width:200px) and (max-width:683px) {
    body {
        font-size: 85%;
    }


    .header header nav li:hover > ul {
        display: block;
        position: relative;
        top: 100%;
        left: 0;
        width: 100%;
        max-width: 300px;
    }


    .container {
        width: 85%;
    }



    .medium-container {
        width: 85%;
    }


    .contact-btn a {
        display: none;
    }



    .hamburger .line {
        width: 20px;
        height: 2px;
        background-color: #fff;
        display: block;
        margin: 4px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    header nav .contact-sec {
        display: block;
    }

    header nav {
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 45px 0 0 10px;
    }



    .header header nav li ul li a {
        padding: 5px 15px;
        font-size: 1.1em;

        font-size: 1.1em;
        color: #fff;
        font-weight: 500;
        opacity: 0.7;
    }

    .header header nav li ul {
        padding: 0 0;
    }

    .header header nav li ul li:nth-child(odd) a {
        background: transparent;
    }
	.scroll-down {
		display: none;
	}
    .header header nav li ul li:nth-child(even) a {
        background: transparent;
    }

    ul.sub {

        padding: 0 0 0 20px;
    }

    .header header nav ul li a {
        padding: 5px 0;
        margin: 0 5px;
        color: #fff;
        text-decoration: none;
        display: block;
        font-size: 1em;
        white-space: nowrap;
        border-radius: 0;
        font-weight: normal;
        text-align: left;
    }

    .hamburger span.line:nth-child(2) {
        width: 15px;
    }

    .hamburger:hover {
        cursor: pointer;
    }

    .hamburger.is-active .line {
        background-color: #fff;
    }

    #hamburger-1.is-active .line:nth-child(2) {
        opacity: 0;
    }

    #hamburger-1.is-active .line:nth-child(1) {
        -webkit-transform: translateY(2px) rotate(45deg);
        -ms-transform: translateY(2px) rotate(45deg);
        -o-transform: translateY(2px) rotate(45deg);
        transform: translateY(2px) rotate(45deg);
    }

    #hamburger-1.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }

    .hamburger.is-active span.line:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle {
        color: #000;
        width: 20px;
    }

    .flex {
        display: flex;
        flex-wrap: wrap
    }

    h2 {
        font-size: 1.7em;
    }

    .logo {
        width: 40%;
    }

    .header header nav li > ul {
        display: block
    }

    .flex {
        flex-wrap: wrap;
    }

    .bg-video-wrap {
        height: 100%;
    }

    h1 {
        font-size: 2.2em;
    }

    .header.bgcolor .logo {
        width: 40%;
    }

    .video-parent-class {
        padding: 0 0 0 0;
    }

    .header .logo img {
        max-width: 120px;
    }

    .relief-box ul li {
        padding: 0 0 0 0;
        width: 100%;
        display: flex;
        justify-content: center;
        border-bottom: 2px solid #d9ac26;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }

    .relief-box ul li:last-child {
        border-bottom: 0;
    }

    header {
        padding: 20px 0;
    }

    .top-header ul {
        justify-content: center;
    }

    .relief-box ul li a svg {
        display: none;
    }

    .relief-box {
        flex-wrap: wrap;
        padding: 30px;
        justify-content: center;
        align-items: center;
    }
	.advantage h4 {
		font-size: 1.6em;
	}
    .relief-box h2 {
        max-width: 300px;
        transform: translateX(0);
        text-align: center;
        padding: 0 0 0 0;
    }

    .relief-box ul {
        flex-wrap: wrap;
        padding: 20px 0 0 0;
    }

    .product-slider img {
        height: 250px;
    }

    .product-slider .carousel-cell {
        height: 180px;
        width: 55%;
    }

    .video-sec img {
        transform: translateY(-20px);
        width: 50px;
        height: 50px;
        position: relative;
        z-index: 2;
    }

    .header header nav li:hover > ul li:hover > ul {
        padding: 0 0 0 20px;
    }

    .product-slider {

        text-align: center;
        padding: 0 0 0 0;
    }

    .slider-block .carousel-cell {
        width: 80%;
		height: 180px;
    }

    .client-logo ul {
        grid-template-columns: 100%;
    }

    .scrollbar {
        padding: 0 5% 0 0;
    }

    .set {
        background-size: contain !important;
    }

    .divTable.blueTable .divTableHeading .divTableHead {
        font-size: 14px;
        padding: 4px;
    }
	.product-slider .carousel-cell img {
		height: 180px;
	}

    .table-divider::after {
        content: '';
        position: absolute;
        width: 96%;
        height: 1px;
        background-color: #fff;
        transform: rotate(32deg);
        top: -14px;
        bottom: 0;
        left: 10px;
    }

    .header header nav li:hover > ul li:hover > ul {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 250px;

    }

    .header header nav li > ul li > ul {
        padding: 0 0 0 25px!important;
    }



    .solution-block-sec h4 {
        color: #fff;
        border-bottom: 3px solid #fff;
        padding: 0 0 10px 0;
        margin: 0 0 20px 0;
        font-size: 1em;
    }
	.white-block p {
		white-space: inherit;
	}
    .full-width .set {
        margin: 30px 0 0 0;
    }

    .about .white-box {
        background-color: #ededed;
    }

    .solution-block-sec h2 {
        padding: 10px;
        font-size: 1.5em;
    }

    .white-box {
        background-color: #fff;
        width: 100%;
        margin: 11em 0 0 0;
        padding: 20px;
    }

    h3 {
        font-size: 2em;
    }

    .video-sec .desc {
        padding: 50px 0;
    }

    .desc strong {
        max-width: 300px;
    }

    img.pause-play-img {
        left: 0 !important;
        right: 0 !important;
        top: 138px !important;
        margin: 0 auto;
        bottom: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
    }

    .video-sec video {
        height: 250px;
        width: 100%;
    }

    .advantage-detail ul {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .advantage-detail ul li {
        width: 100%;
    }

    .advantage h4 {
        padding: 0 0 50px 0;
    }

    .full-img {
        height: 50vh;
    }

    .table-sec .medium-container {
        overflow-x: auto;
    }

    .active-block ul {
        padding: 10px 0 0 0;
    }

    .kontact-sec .medium-container {
        gap: 30px;
    }

    .form-text {
        width: 100%;
    }

    .form-blck {
        width: 100%;
    }

    fieldset {
        flex-wrap: wrap;
    }

    .divide {
        width: 100%;
    }

    .home .slider-block .carousel-cell img {
        height: 180px;
    }

    .kontact-form input[type="text"],
    input[type="password"],
    input[type="date"],
    input[type="datetime"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="time"],
    input[type="url"],
    textarea,
    select {
        padding: 8px;
    }

    .link-sec-block {
        padding: 0;
    }

    .play {
        width: 60px;
        height: 60px;
    }

    .pause {
        width: 60px;
        height: 60px;
    }

    .link-sec-block a {
        padding: 0 5% 0 0;
    }

    .ft-nav ul {
        display: flex;
        padding: 10px 0 0 0;
        flex-wrap: wrap;
    }

    .ft-nav ul li {
        padding: 0 20px 10px 0;
    }

    .footer {
        background-color: #000;
        padding: 0 0 50px 0;
    }

    .footer .flex {
        flex-direction: column-reverse;
    }

    .video-sec video {
        height: auto;
    }

    .ft-logo {
        width: 50%;
        padding: 25px 0;
    }

    .inner .banner {
        height: 65vh;
    }
	.text-block {
		padding: 30px 0;
	}
    .banner-text {
        padding: 30px 0;
		position: relative;
    }

    .product-img {
        width: 100%;
    }

    .header header nav ul li > ul.hover li a:hover {
        color: #fff;
    }

    .product-img img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
	.icon img {
    width: 40px;
}
.white-block h3 {
  
    padding: 4px 0 15px 0;
}
    .inner-banner {
        margin: 8em 0 0 0;
    }

    .product-detail {
        width: 100%;
        padding: 20px 0;
    }

    .product-galleri .carousel-cell {
        height: 170px;
    }

    .product-galleri .flickity-page-dots {
        bottom: -49px;
		background-color: rgb(224 224 224 / 55%);
        width: 50%;
    }

    .ft-nav {
        width: 100%;
    }

    .accessories-sec {
        grid-template-columns: 100%;
    }

    .page-template-template-vanracking .full-width h2 {
        padding: 0 0 30px 0;
    }

    .scroll-down svg {
        width: 50px;
        height: 50px;
        fill: #fff;
        margin: 0 auto;
    }

    .about .video-sec img.den-logo {
        display: none;
    }

    #counter-box {

        width: 47%;
        min-width: auto;

    }

    a.btn.outline {
        white-space: nowrap;
    }

    .safety-set {
        flex-direction: column-reverse;
    }

    .safety-block .left {
        padding: 25px;
        width: 100%;
    }

    .safety-block .right {
        width: 100%;
    }

    #wrapper {
        width: 100%;
    }

    .safety-block .right {
        padding: 50px;
    }

    .tradition {
        padding: 50px 0;
    }

    .dealers {
        padding: 0 0;
    }

    .inner.kontacts-page .safety-set .right {
        width: 100%;
        background-color: #000;
        padding: 50px;
    }

    .inner.kontacts-page .safety-set .left {
        width: 100%;
    }

    .installation ul {
        padding: 0 0;
    }

    .installation h2 {
        padding: 0 0 20px 0;
    }

    .white-block li {
        width: 100%;
        padding: 20px;
    }

    .product-detail h2 {
        font-size: 3em;
    }

    .white-block ul {
        flex-wrap: wrap;
        margin: 0 0 0 0;
    }
	.desc {
		padding: 70px 0 50px 0;
	}
    .tradition.social-links ul {
        padding: 10px 0;
    }

    .kontacts-page .white-block ul li {
        width: 100%;
    }

    .team-content {
        width: 100%;
		height: 360px;
    }

    .team-content.detail {
        justify-content: flex-start;
		height: auto;
		padding: 0 20px 50px 20px;
    }

    .team-block {
        margin: 0 0 0 0;
    }

    .solution-block {
        grid-template-columns: 50% 50%;
    }

    .solution-block-sec img {
        height: 150px;
    }
	.header.bgcolor header nav ul li a
	{
	padding: 5px 0;
		margin: 0 5px;
	}
	.header header nav li ul li a {
		padding: 5px 0;
	}
	.header header nav ul li a {
	  color: #fff;
    font-weight: 500;
    opacity: 0.7;
	 font-size: 1.1em;
}
}

@media screen and (min-width:684px) and (max-width:1024px) {
    body {
        font-size: 85%;
    }


    .header header nav li:hover > ul {
        display: block;
        position: relative;
        top: 100%;
        left: 0;
        width: 100%;
        max-width: 300px;
    }


    .container {
        width: 85%;
    }




    .service {
        flex-wrap: nowrap
    }

    header nav {
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 80px 0 0 10px;
    }



    .header header nav li ul li a {
        padding: 5px 15px;
        font-size: 1.1em;
        position: relative;
        font-size: 1.1em;
        color: #fff;
        font-weight: 500;
        opacity: 0.7;
    }

    .header header nav li ul {
        padding: 10px 0;
    }

    .header header nav li ul li:nth-child(odd) a {
        background: transparent;
    }

    .header header nav li ul li:nth-child(even) a {
        background: transparent;
    }

    ul.sub {

        padding: 0 0 0 20px;
    }

    .header header nav ul li a {
        padding: 8px 0;
        margin: 0 5px;
        color: #fff;
        text-decoration: none;
        display: block;
        font-size: 1em;
        white-space: nowrap;
        border-radius: 0;
        font-weight: normal;
        text-align: left;
    }

    .hamburger span.line:nth-child(2) {
        width: 15px;
    }

    .hamburger:hover {
        cursor: pointer;
    }

    .hamburger.is-active .line {
        background-color: #fff;
    }

    #hamburger-1.is-active .line:nth-child(2) {
        opacity: 0;
    }

    #hamburger-1.is-active .line:nth-child(1) {
        -webkit-transform: translateY(2px) rotate(45deg);
        -ms-transform: translateY(2px) rotate(45deg);
        -o-transform: translateY(2px) rotate(45deg);
        transform: translateY(2px) rotate(45deg);
    }

    #hamburger-1.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }

    .hamburger.is-active span.line:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle {
        color: #000;
        width: 20px;
    }

    .hamburger .line {
        width: 20px;
        height: 2px;
        background-color: #fff;
        display: block;
        margin: 4px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    header nav .contact-sec {
        display: block;
    }

    header nav {
        flex-wrap: wrap;
    }

    body.inner .set {

        margin: 0 0 25px 0;
    }

    .header header nav li ul li a {
        padding: 0;
    }

    ul.sub {

        padding: 10px 0;
    }

    .header header nav ul li a {
        padding: 15px 0;
        margin: 0 5px;
        color: #fff;
        text-decoration: none;
        display: block;
        font-size: 1.5em;
        white-space: nowrap;
        border-radius: 0;
        font-weight: normal;
        text-align: center;
    }

    /*
    .header header nav li > ul {
        padding: 0 0 0 20px;
    }
*/

    .hamburger span.line:nth-child(2) {
        width: 15px;
    }

    .hamburger:hover {
        cursor: pointer;
    }

    .hamburger.is-active .line {
        background-color: #fff;
    }

    #hamburger-1.is-active .line:nth-child(2) {
        opacity: 0;
    }

    #hamburger-1.is-active .line:nth-child(1) {
        -webkit-transform: translateY(2px) rotate(45deg);
        -ms-transform: translateY(2px) rotate(45deg);
        -o-transform: translateY(2px) rotate(45deg);
        transform: translateY(2px) rotate(45deg);
    }

    #hamburger-1.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }

    .hamburger.is-active span.line:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle {
        color: #000;
        width: 20px;
    }


    .flex {
        display: flex;
        flex-wrap: wrap;
    }

    .bg-video-wrap {
        height: 75vh;
    }

    h1 {
        font-size: 2em;
    }

    .banner-text {
        padding: 100px 0 20px 0;
    }

    .video-sec video {
        height: 250px;
        width: 100%;
    }

    img.pause-play-img {
        left: 0 !important;
        right: 0 !important;
        top: 138px !important;
        margin: 0 auto;
        bottom: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
    }

    .inner.kontacts-page .safety-set .right {
        width: 30%;
        background-color: #000;
        padding: 80px 50px;
    }

    .scroll-down {
        display: none;
    }

    .bg-video-wrap {
        height: 100%;
    }

    h1 {
        font-size: 2.2em;
    }

    .header.bgcolor .logo {
        width: 40%;
    }

    .video-parent-class {
        padding: 0 0 0 0;
    }

    .header .logo img {
        max-width: 120px;
    }

    .relief-box ul li {
        padding: 0 0 0 0;
        width: 100%;
        display: flex;
        justify-content: center;
        border-bottom: 2px solid #d9ac26;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }

    .relief-box ul li:last-child {
        border-bottom: 0;
    }

    header {
        padding: 20px 0;
    }

    .top-header ul {
        justify-content: center;
    }

    .relief-box ul li a svg {
        display: none;
    }

    .relief-box {
        flex-wrap: wrap;
        padding: 30px;
        justify-content: center;
        align-items: center;
    }

    .relief-box h2 {
        max-width: 300px;
        transform: translateX(0);
        text-align: center;
    }

    .relief-box ul {
        flex-wrap: wrap;
        padding: 20px 0 0 0;
    }

    .product-slider img {
        height: 250px;
    }

    .product-slider .carousel-cell {
        height: 250px;
        width: 30%;
    }

    .video-sec img {
        transform: translateY(-20px);
        width: 50px;
        height: 50px;
        position: relative;
        z-index: 2;
    }

    .product-slider {

        text-align: center;
        padding: 0 0 0 0;
    }

    .slider-block .carousel-cell {
        width: 50%;
    }

    .client-logo ul {
        grid-template-columns: 100%;
        justify-content: center;
    }

    .scrollbar {
        padding: 0 5% 0 0;
    }

    .white-box {
        width: 45%;
    }

    .solution-block-sec h4 {
        color: #fff;
        border-bottom: 3px solid #fff;
        padding: 0 0 10px 0;
        margin: 0 0 20px 0;
        font-size: 1em;
    }

    .full-width .set {
        margin: 30px 0 0 0;
    }

    .about .white-box {
        background-color: #ededed;
    }

    .solution-block-sec h2 {
        padding: 10px;
        font-size: 1.5em;
    }

    h3 {
        font-size: 2em;
    }

    .video-sec .desc {
        padding: 50px 0;
    }

    img.pause-play-img {
        left: 0 !important;
        right: 0 !important;
        top: 138px !important;
        margin: 0 auto;
        bottom: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
    }

    .video-sec video {
        height: 250px;
        width: 100%;
    }

    .advantage-detail ul {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .advantage-detail ul li {
        max-width: 100%;
    }

    .advantage h4 {
        padding: 0 0 50px 0;
    }

    .full-img {
        height: 50vh;
    }

    .active-block ul {
        padding: 10px 0 0 0;
    }

    .header header nav li > ul {
        display: block;
        width: 70%;
        margin: 0 auto;
    }

    .header header nav li > ul li a {
        padding: 10px 0;
    }

    .kontact-sec .medium-container {
        flex-wrap: nowrap;
    }

    .kontact-sec .medium-container {
        gap: 30px;
    }

    .form-text {
        width: 100%;
    }

    .form-blck {
        width: 100%;
    }

    .page-template-template-vanracking .full-width h2 {
        padding: 0 0 30px 0;
    }

    fieldset {
        flex-wrap: wrap;
    }

    .divide {
        width: 100%;
    }

    .kontact-form input[type="text"],
    input[type="password"],
    input[type="date"],
    input[type="datetime"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="time"],
    input[type="url"],
    textarea,
    select {
        padding: 8px;
    }

    .link-sec-block {
        padding: 0;
    }

    .play {
        width: 60px;
        height: 60px;
    }

    .pause {
        width: 60px;
        height: 60px;
    }

    .link-sec-block a {
        padding: 0 5% 0 0;
    }

    .ft-nav ul {
        display: flex;
        padding: 10px 0 0 0;
        flex-wrap: wrap;
    }

    .ft-nav ul li {
        padding: 0 20px 10px 0;
    }

    .footer {
        background-color: #000;
        padding: 0 0 50px 0;
    }

    .footer .flex {
        flex-direction: column-reverse;
    }

    .video-sec video {
        height: auto;
    }

    .ft-logo {
        width: 50%;
        padding: 25px 0;
    }

    .inner .banner {
        height: 65vh;
    }

    .banner-text {
        padding: 45px 0 20px 0;
    }

    .product-img {
        width: 100%;
    }

    .product-img img {
        width: 100%;
        height: 650px;
        object-fit: cover;
    }

    .inner-banner {
        margin: 8em 0 0 0;
    }

    .product-detail {
        width: 100%;
        padding: 20px 0;
    }

    .product-galleri .carousel-cell {
        height: 300px;
    }

    .product-galleri .flickity-page-dots {
        bottom: 141px;
        width: 50%;
    }

    .ft-nav {
        width: 100%;
    }

    .accessories-sec {
        grid-template-columns: 50% 50%;
        justify-content: center;
    }

    .scroll-down svg {
        width: 50px;
        height: 50px;
        fill: #fff;
        margin: 0 auto;
    }

    .about .video-sec img.den-logo {
        display: none;
    }

    #counter-box {

        width: 47%;
        min-width: auto;

    }

    a.btn.outline {
        white-space: nowrap;
    }
	.white-block p {
		padding: 0 25% 15px 0;
		white-space: inherit;
	}
    .safety-block .left {

        padding: 20px;

    }

    #wrapper {
        width: 100%;
    }

    .safety-block .right {
        padding: 50px;
    }

    .tradition {
        padding: 50px 0;
    }

    .dealers {
        padding: 0 0;
    }

    .inner.kontacts-page .safety-set .right {
        width: 100%;
        background-color: #000;
        padding: 50px;
    }

    .inner.kontacts-page .safety-set .left {
        width: 100%;
    }

    .installation ul {
        padding: 0 0;
    }

    .installation h2 {
        padding: 0 0 20px 0;
    }

    .white-block li {

        padding: 20px;
    }

    .white-block ul {
        flex-wrap: wrap;
        margin: 0 0 0 0;
    }

    .tradition.social-links ul {
        padding: 10px 0;
    }

    .team-content {
        width: 45%;
    }

    .team-content.detail {
        justify-content: flex-start;
    }

    .team-block {
        margin: 0 0 50px 0;
    }

    .solution-block {
        grid-template-columns: 50% 50%;
    }

    .solution-block-sec img {
        height: 150px;
    }

    .client-logo ul {
        grid-template-columns: 50% 50%;
        justify-content: center;
    }

    .page-template-template-vanracking .full-width h2 {
        padding: 0 0 30px 0;
    }
}

@media screen and (min-width:1024px) and (max-width:1500px) {

    body {
        font-size: 95%;
    }



    p {
        font-size: 1.1em;
    }




}

@media screen and (min-width:1024px) and (max-width:1280px) {

    body {
        font-size: 85%;
    }



    p {
        font-size: 1.1em;
    }

}