/* Intro stripe
---------------------------------------------------------------*/
	#intro-stripe.with-bg-logo > .bg-logo {
	    bottom: unset;
	    top: 0;
	    left: 0;
	    transform: unset;
	    width: 50.05vw; /*961*/
	    height: 20.26vw; /*389*/
	}

/* Extra Boxes
---------------------------------------------------------------*/
	.extra-box .stripe-container {
	    padding-bottom: 8.8vw; /*169*/
	}
	.extra-box .stripe-title {
	    z-index: 2;
	}
	.extra-box .btn,
	#product-categories .btn {
	    margin-top: 1.3vw; /*25*/
	}
	.extra-box .stripe-content {
	    position: relative;
	    z-index: 1;
	    height: 28.28vw; /*543*/
	}

/* Categories Stripe
---------------------------------------------------------------*/
	#product-categories .two-col-grid {
	    gap: 8.8vw; /*169*/
	}
	#product-categories .col-img {
	    height: 36.98vw; /*710*/
	    position: relative;
	    z-index: 1;
	}
	#product-categories .col-content {
		width: 100%;
	    left: 50%;
	    bottom: 40%;
	  	transform: translateX(-50%);
	    z-index: 2;
	}
	#product-categories .cat-icon {
	    margin: 0 auto;
	    max-width: 10.16vw; /*195*/
	    height: 6.77vw; /*130*/
	    margin-bottom: 0.78vw; /*15*/
	}
	#product-categories .cat-icon img {
	    filter: brightness(10);
	    object-position: bottom;
	}



/* 1920x1080
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1920px) {

}

/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1600px) {
	#product-categories .cat-icon {
	    margin-bottom: 10px;
	}
	.extra-box .btn,
	#product-categories .btn {
	    margin-top: 20px;
	}
}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {
	.extra-box .stripe-content {
	    height: 29.31vw;
	}

	#product-categories .col-img {
	    height: 38.48vw;
	}
	#product-categories .cat-icon {
	    max-width: 146px;
	    height: 97px;
	}
}

/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	.extra-box .stripe-container {
	    padding-bottom: 6.8vw;
	}
    .extra-box .btn, #product-categories .btn {
        margin-top: 15px;
    }	
	#product-categories .two-col-grid {
	    gap: 5.8vw;
	}
    #product-categories .col-img {
        height: 39.98vw;
    }	
    #product-categories .cat-icon {
        max-width: 137px;
        height: 91px;
    }
	#product-categories .col-content {
	    bottom: 34%;
	}
}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {

}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {
    .extra-box .stripe-content {
        height: 32.16vw;
    }
    #product-categories .col-img {
        height: 44.15vw;
    }
    #product-categories .cat-icon {
        max-width: 115px;
        height: 76px;
    }
    .extra-box .btn,
    #product-categories .btn {
        margin-top: 10px;
    }    
}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#intro-stripe.with-bg-logo > .bg-logo {
	    display: block !important;
	    transform: unset;
	    top: 0;
	    left: 0;
	    bottom: unset;
	    width: 342px;
	    height: 144px;
	}
	#intro-stripe h2 {
	    padding-bottom: 35px;
	}
	#intro-stripe .stripe-container {
	    padding-bottom: 100px;
	}

	.extra-box .stripe-content {
	    height: unset;
	}
	.extra-box .stripe-content img {
	    width: 100vw;
	    height: 129.53vw;
	    max-height: 648px;
	    position: relative;
	    left: 50%;
	    transform: translateX(-50%);
	}
	.extra-box .btn,
	#product-categories .btn {
	    margin-top: 20px;
	}
	.extra-box .stripe-container {
	    padding-bottom: 80px;
	}

	main > section:nth-last-of-type(2) .stripe-container {
	    padding-bottom: 60px;
	}
	#product-categories .stripe-container-inner {
	    padding-bottom: 0;
	}
	#product-categories .two-col-grid {
	    gap: 35px;
	}
	#product-categories .col-img {
	    height: 57.44vw;
	    min-height: 247px;
	}
	#product-categories .col-content {
	    bottom: unset;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}
    #product-categories .cat-icon {
        margin-bottom: 15px;
	    max-width: 108px;
	    height: unset;
    }
	#product-categories .cat-icon img {
	    max-height: 89px;
	    height: unset;
	}
}

/* Mobile port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

}