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

    .container,
    .small-container {
        width: 85%;
    }
	a.btn.mob-hide {
		display: none;
	}
    body.page-template-template-blog.inner .kontact-listing .left {
        height: 150px;
    }

    .page-template-template-blog.inner .banner {
        padding: 60px 0 20px 0;
        height: inherit;
        min-height: inherit;
    }

    .banner.blog-detaled-banner {
        background: #f8f6f3;
        padding: 100px 0 0 0;
        height: inherit;
    }

    .banner.blog-detaled-banner img {
        width: 100%;
    }

    .logo {
        width: 220px !important;
        margin: 10px 0 0 0;
    }

    .service ul {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));

    }

    .service-block ul {

        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));

    }

    .butik-sec .left {
        padding: 0;
    }

    .butik-sec .right {
        padding: 0;
    }

    /* .banner {

    height: 95vh;
    min-height: 95vh;
  } */
    .home .banner {

        padding: 0 0 100px 0;
    }

    .banner .gallery-cell {
        height: inherit;
        min-height: 450px;
        height: inherit;
    }

    img.circle-logo {
        display: none;
    }
	.banner-text-home h2 {
		font-size: 2em!important;
	}
    .banner-text {
        width: 100%;
        margin: 0 0 100px 0;
        position: relative;
        text-align: center;
    }

    .gallery-nav {

        bottom: 17%;
    }

    .nav-main {
        max-width: 100%!important;
    }

    .gallery-nav li {
        display: inline-block;
        font-size: 11px;
        font-weight: 600;
        color: #000;
        padding: 8px;
        margin-right: 5px;
    }

    .tryggare p {
        padding: 10px 0;
    }

    a.btn {
        padding: 7px 15px;
    }

    .header {
        padding: 20px !important;
    }

    .top-header {

        top: 32px !important;
        right: 75px !important;
    }

    [id=main-navigation-toggle] ~ label {

        right: 15px !important;
        top: 19px !important;

    }

    .dropdownbox {
        margin: 0 auto;
        width: 400px;
        margin-top: 40px;
        background: rgb(129, 111, 127);
        color: rgb(254, 238, 223);
        cursor: pointer;
        display: block;
    }

    .dropdownbox > p {
        padding: 5px 10px;
        font-size: 1.25em;
        line-height: 1.4em;
        user-select: none;
        -moz-user-select: none;
        /* Safari */
        -khtml-user-select: none;
    }

    ul.service_menu {
        position: relative;
        margin: 0 auto;
        width: 400px;
        overflow: hidden;
        height: 0;
        margin-top: 10px;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        /*-moz-transform:scale(0); */
        background: rgb(129, 111, 127);
        color: rgb(254, 238, 223);
        cursor: pointer;
        user-select: none;
        -moz-user-select: none;
        /* Safari */
        -khtml-user-select: none;
    }

    ul.service_menu li {
        padding: 2px 10px;
        font-size: 1.25em;
        line-height: 1.4em;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        border-bottom: 1px dotted rgb(254, 238, 223);
    }

    .flex {
        flex-wrap: wrap;
    }

    .footer-logo {
        width: 100%;
    }

    .address-sec {
        width: 100%;
    }

    .social-links {
        padding: 10% 0 0 0;
    }

    .left {
        width: 100%;
    }

    .black-box {
        padding: 30px;
    }

    .camera-logo {
        padding: 50px;
    }

    .camera-detail .right {
        width: 100%;
    }

    .contact {
        position: relative;
        bottom: 0;
    }

    .contact {
        padding: 30px 0 30px 0;
    }

    .box-icon {
        width: 100%;
        height: auto;
        padding: 15px;
    }

    .process {
        padding: 0 0 100px 0;
    }

    .safety {
        padding: 10px 0 50px 0;
    }

    .contact .left {
        padding: 25px;
    }

    .right {
        width: 100%;
    }

    .contact .right {
        padding: 25px;
        margin: 20px 0;
    }

    .buil-img {
        height: auto;
    }

    .kontact-box.flex {
        margin: 0 0 20px 0;
    }

    .vertical-text {
        display: none;
    }

    .news {
        padding: 50px 0;
    }

    .news-content {
        margin: 20px;
    }

    body.inner.contact-inner .banner-text {
        padding: 50px 0 0 0;
        margin: 0;
    }

    .common-sec .left {
        width: 100%;
    }

    .common-sec .right {
        width: 100%;
        text-align: center;
    }

    .inner .banner-text {
        padding: 200px 0 0 0;
    }

    .butik-box-content {
        padding: 20px 0 30px 0;
        width: 100%;
    }

    body.inner.contact-main .banner-text {
        padding: 200px 0 0 0;
    }

    .passer-sec li {
        width: 100%;
    }

    .passer-sec li h3 {
        text-align: center;
    }

    .passer-sec li p {
        text-align: center;
    }

    .passer-sec ul {
        flex-wrap: wrap;
    }

    .common-sec .box-sec {
        margin: 0 30px 50px 0;
    }

    .lekia {
        padding: 50px;
    }

    .lekia .left {
        width: 100%;
    }

    .lekia .right {
        width: 100%;
    }

    .contact .lekia-content .flickity-page-dots {
        bottom: -25px;
        text-align: right;
    }

/*     .top-header a {
        display: none !important;
    } */
	.top-header a img {
		padding: 0 5px 0 0;
		display: none;
	}
	.top-header a.btn {
		padding: 10px 10px!important;
		font-size: 10px!important;
	}
    [id=main-navigation-toggle] ~ label span {
        padding: 18px !important;
        width: 2.5rem !important;
        height: 2.5rem !important;
    }

    [id=main-navigation-toggle] ~ label span::before,
    [id=main-navigation-toggle] ~ label span::after {

        height: 1px !important;

    }

    .client-logo img.circle-logo {
        display: none;
    }

    .client-logo ul {
        width: 100%;
        display: flex;
        grid-template-columns: none;
        gap: 20px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .client-logo ul li img {
        max-width: 65px;
        filter: grayscale(100%);
    }

    .client-logo {
        text-align: center;
        width: 100%;
        padding: 0 0 50px 0;
    }

    .camera-detail .left {
        margin: 0;
        width: 100%;
    }

    .black-box h2 {
        font-size: 1.7em;
    }

    .black-box p {
        color: #fff;
        padding: 0 0 20px 0;
        font-weight: 400;
    }

    .camera-logo {
        padding: 50px;
        display: flex;
        flex-wrap: wrap;
    }

    .camera-logo img {
        padding: 20px 0;
    }

    .box-tag {
        display: none;
    }


    .process {
        display: none;
    }

    .camera-detail {
        padding: 50px 0 0 0;
    }

    .question {

        padding: 5px 10px 15px 25px;

    }

    .contact-footer a.link {
        font-size: 1.5em;
        margin: 0 10px;
    }

    .contact-footer a.link img {
        padding: 0 20px 0 0;
        width: 37px;
    }

    .inner .banner {
        height: 300px;
        background-size: cover !important;
        min-height: 300px;

    }

    .inner .banner h1 {
        color: #fff;
        font-size: 2.2em;
        letter-spacing: -1px;
        word-break: break-word;
    }

    a.menu__link {
        color: #f3940b !important;
        font-size: 25px;
    }

    .menu__item .submenu .menu__link {
        opacity: 1;
        font-size: 16px;
    }

    [id=main-navigation-toggle]:checked ~ .nav-main {

        background: #18181a !important;
    }

    .contact.contact-blcks a {
        font-weight: 600;
        font-family: roc-grotesk, sans-serif;
        color: #fff;
        font-size: 1.2em;
    }

    .contact.contact-blcks a img {
        position: relative;
        top: 5px;
    }

    .single-losningar .contact .left {
        display: none;
    }

    .single-tjanster .contact .left {
        display: none;
    }

    .page-template-page-kontact .common-content {
        padding: 50px 0 5px 0;
        width: 100%;
        background-color: #f8f6f3;
    }

    .page-template-page-kontact .contact.contact-blcks h5 {
        padding: 0;
    }

    .news h3 {
        color: #b1b1b1;
        padding: 0 0 20px 0;
        font-size: 1.5em;
    }

    .footer .wide-links ul li a {
        font-weight: 600;
        padding: 5px 0;
		margin:4px 0;
        display: block;
        color: #000;
        font-size: 15px;
    }

    .footer .wide-links a.menu__link {
        color: #000 !important;
    }

    .wide-links {
        padding: 20px 0 0 0;
    }

    .flex.contact-bottom {
        padding: 10px;
    }

    .common-content h5 {
        font-size: 1.4em;
    }

    .banner-text-home {
        position: relative;
        left: 12px;
        width: 100%;
        top: 0;
    }

    .banner-text-home p {
       color: #000;
    max-width: 700px;
    font-size: 1em;
    padding: 5px 15px 20px 0;
    }

    .banner-text-home h1 {
        color: #000;
        max-width: 1000px;
        font-size: 2em;
    }

    .banner-text-home a {
        color: #ffffff;
        font-weight: 700;
        background: #f3940b;
        padding: 10px 30px;
        border-radius: 30px;
        display: inline-block;
    }

}



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

    /* 	.left {
		width:48%;
	}
		.right {
		width:48%;
	} */

    .container,
    .small-container {
        width: 85%;
    }

    .logo {
        width: 250px !important;
    }

    .service ul {
        grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));

    }

    .service-block ul {

        grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));

    }

    .wpcf7-form-control-wrap {
        position: relative;
        padding: 0 2px;
        width: 99.5%;
    }

    /* .banner {

    height: 95vh;
    min-height: 95vh;
  } */
    .home .banner {

        padding: 0 0 100px 0;
    }

    .banner .gallery-cell {
       height: inherit;
    min-height: 400px;
    }

    img.circle-logo {
        display: none;
    }

    .banner-text {
        width: 100%;
        margin: 0 0 50px 0;
        position: relative;
        text-align: center;
    }

    .gallery-nav {

        bottom: 22%;
    }

    .gallery-nav li {
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        color: #000;
        padding: 8px;
        margin-right: 5px;
    }

    .tryggare p {
        padding: 10px 0;
    }

    a.btn {
        padding: 7px 15px;
    }

    .header {
        padding: 20px !important;
    }

    .top-header {

        top: 32px !important;
        right: 75px !important;
    }

    [id=main-navigation-toggle] ~ label {

        right: 15px !important;
        top: 19px !important;

    }

    .dropdownbox {
        margin: 0 auto;
        width: 400px;
        margin-top: 40px;
        background: rgb(129, 111, 127);
        color: rgb(254, 238, 223);
        cursor: pointer;
        display: block;
    }

    .dropdownbox > p {
        padding: 5px 10px;
        font-size: 1.25em;
        line-height: 1.4em;
        user-select: none;
        -moz-user-select: none;
        /* Safari */
        -khtml-user-select: none;
    }

    ul.service_menu {
        position: relative;
        margin: 0 auto;
        width: 400px;
        overflow: hidden;
        height: 0;
        margin-top: 10px;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        /*-moz-transform:scale(0); */
        background: rgb(129, 111, 127);
        color: rgb(254, 238, 223);
        cursor: pointer;
        user-select: none;
        -moz-user-select: none;
        /* Safari */
        -khtml-user-select: none;
    }

    ul.service_menu li {
        padding: 2px 10px;
        font-size: 1.25em;
        line-height: 1.4em;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        border-bottom: 1px dotted rgb(254, 238, 223);
    }

    /* .flex {
  flex-wrap: wrap;
} */
    .footer-logo {
        width: 100%;
    }

    .address-sec {
        width: 48%;
    }

    .social-links {
        padding: 10% 0 0 0;
    }

    .black-box {
        padding: 30px;
    }

    .camera-logo {
        padding: 50px;
    }

    .camera-detail .right {
        width: 100%;
    }

    .contact {
        position: relative;
        bottom: 0;
    }

    .box-icon {
        width: 100%;
        height: auto;
        padding: 15px;
    }

    .process {
        padding: 0 0 100px 0;
    }

    .safety {
        padding: 50px 0 50px 0;
    }

    body.inner.contact-main .buil-img {
        height: 55vh;
    }

    .contact .left {
        padding: 25px;
        width: 100%;
    }

    .contact .right {
        padding: 25px;
        margin: 0px 0 50px 0;
        width: 100%;
    }

    .buil-img {
        height: auto;
        min-height: 55vh;
    }

    .kontact-box.flex {
        margin: 0 0 20px 0;
    }

    .vertical-text {
        display: none;
    }

    .news {
        padding: 50px 0;
    }

    .news-content {
        margin: 20px;
    }

    body.inner.contact-inner .banner-text {
        padding: 50px 0 0 0;
        margin: 0;
    }

    .common-sec .left {
        width: 100%;
    }

    .common-sec .right {
        width: 100%;
        text-align: center;
    }

    .inner .banner-text {
        padding: 180px 0 0 0;
    }

    .butik-box-content {
        padding: 20px 0 30px 0;
        width: 100%;
    }

    body.inner.contact-main .banner-text {
        padding: 200px 0 0 0;
    }

    .passer-sec li {
        width: 100%;
    }

    .passer-sec li h3 {
        text-align: center;
    }

    .passer-sec li p {
        text-align: center;
    }

    .passer-sec ul {
        flex-wrap: wrap;
    }

    .common-sec .box-sec {
        margin: 0 30px 50px 0;
    }

    .lekia {
        padding: 50px;
    }

    .lekia .left {
        width: 100%;
    }

    .lekia .right {
        width: 100%;
    }

    .contact .lekia-content .flickity-page-dots {
        bottom: -25px;
        text-align: right;
    }

    .top-header a {
        display: none !important;
    }

    [id=main-navigation-toggle] ~ label span {
        padding: 18px !important;
        width: 2.5rem !important;
        height: 2.5rem !important;
    }

    [id=main-navigation-toggle] ~ label span::before,
    [id=main-navigation-toggle] ~ label span::after {

        height: 1px !important;

    }

    .client-logo img.circle-logo {
        display: none;
    }

    .client-logo ul {
        width: 100%;
        display: flex;
        grid-template-columns: none;
        gap: 20px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .client-logo ul li img {
        max-width: 65px;
        filter: grayscale(100%);
    }

    .client-logo {
        text-align: center;
        width: 100%;
        padding: 0 0 50px 0;
    }

    .camera-detail .left {
        margin: 0;
        width: 100%;
    }

    .black-box h2 {
        font-size: 1.7em;
    }

    .black-box p {
        color: #fff;
        padding: 0 0 20px 0;
        font-weight: 400;
    }

    .camera-logo {
        padding: 50px;
        display: flex;
        flex-wrap: wrap;
    }

    .camera-logo img {
        padding: 20px 0;
    }

    .box-tag {
        display: none;
    }


    .process {
        display: none;
    }

    .camera-detail {
        padding: 50px 0 0 0;
    }

    .question {

        padding: 5px 10px 15px 25px;

    }

    .contact-footer a.link {
        font-size: 1.5em;
        margin: 0 10px;
    }

    .contact-footer a.link img {
        padding: 0 20px 0 0;
        width: 37px;
    }

    .inner .banner {
        height: 250px;
    }

    .inner .banner h1 {
        color: #fff;
        font-size: 2.5em;
        letter-spacing: -1px;
        word-break: break-word;
    }

    a.menu__link {
        color: #f3940b !important;
        font-size: 25px;
    }

    .menu__item .submenu .menu__link {
        opacity: 1;
        font-size: 16px;
    }

    [id=main-navigation-toggle]:checked ~ .nav-main {

        background: #18181a !important;
    }

    .contact.contact-blcks a {
        font-weight: 600;
        font-family: roc-grotesk, sans-serif;
        color: #fff;
        font-size: 1.2em;
    }

    .contact.contact-blcks a img {
        position: relative;
        top: 5px;
    }

    .single-losningar .contact .left {
        display: none;
    }

    .single-tjanster .contact .left {
        display: none;
    }

    .page-template-page-kontact .common-content {
        padding: 50px 0 5px 0;
        width: 100%;
        background-color: #f8f6f3;
    }

    .page-template-page-kontact .contact.contact-blcks h5 {
        padding: 0;
    }

    .news h3 {
        color: #b1b1b1;
        padding: 0 0 20px 0;
        font-size: 1.5em;
    }

    .footer .wide-links ul li a {
        font-weight: 600;
        padding: 5px 0 0 0;
        display: block;
        color: #000;
        font-size: 15px;
    }

    .footer .wide-links a.menu__link {
        color: #000 !important;
    }

    .wide-links {
        padding: 20px 0 0 0;
    }

    .flex.contact-bottom {
        padding: 10px;
        flex-wrap: wrap;
    }

    .flex.contact-top {
        flex-wrap: wrap;
    }

    .common-content h5 {
        font-size: 1.4em;
    }

    .common-sec .flex {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .banner-text-home p {
        color: #000;
        max-width: 500px;
        font-size: 1.1em;
        padding: 5px 0 20px 0;
    }

    .banner-text-home h1 {
        color: #000;
        max-width: 450px;
        font-size: 2em;
    }

    .banner-text-home a {
        color: #ffffff;
        font-weight: 700;
        background: #f3940b;
        padding: 10px 30px;
        border-radius: 30px;
        display: inline-block;
    }

}


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

    body {
        font-size: 90%;
    }

    .container {
        width: 90%;
    }

    .inner .banner-text {
        padding: 250px 0 50px 0;
    }
.banner-text-home h2 {
   
 	font-size: 3em!important;
 }
	.banner-text-home {
		top: 40%;
	}
	.banner-text-home h2 {
 		max-width: 550px; 
	}
}


@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}