/* ---------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
------------------------------------------------- MEDIA QUERY ----------------------------------------------------
------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/


/* 1920x1080
------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1920px) {
    /* Slider Bullets
    --------------------------------------------*/
        .swiper-pagination-bullet {
            height: 12px;
            width: 12px;
            margin: 0px 25px !important;
        }
        .timing-pagination .swiper-pagination-bullet {
            margin: 0 5px !important;
        }
        .timing-pagination .swiper-pagination-bullet,
        .timing-pagination .swiper-pagination-bullet-active {
            width: 70px;
            height: 25px;
        }


    /* Slider Arrows
    --------------------------------------------*/
        /*Vertically Centered arrows
        -----------------------------------------------------------*/
        .centered-arrows .swiper-button-next {
            right: -70px !important; /*70*/
        }
        .centered-arrows .swiper-button-prev {
            left: -70px !important; /*70*/
        }        


    /* Sticky Menu
    --------------------------------------------------------------------*/
        header .col-full-menu .main-menu-container.still-sticky {
            padding: 10px 0;
        }
        header .col-full-menu .main-menu-container.still-sticky .logo-container a {
            width: 185px;
            height: 44px;
        }
        header .still-sticky .menu a {
            font-size: 15px;
        }
        header .still-sticky .header-contact-container a.menu-contact-icon {
            height: 30px;
            width: 30px;
        }

	/* Content SP
	---------------------------------------------------------------------*/
	    .content-sp {
	        padding: 20px;
	    }

	/* Footer
	---------------------------------------------------------------------*/
	    footer h4 {
	    	font-size: 16px;
	        margin-bottom: 26px;
	    }
	    footer.desktop-footer .menu li {
	        margin-bottom: 17px !important;
	    }
	    .desktop-footer a:not(.btn, .social):hover {
	        text-underline-offset: 4px; /*4*/
	    }

    /* Social Icons
    -----------------------------------------*/  
        .social-links .menu {
            gap: 20px; /*20*/
        }

   	/* Buttons
   	--------------------------------------*/
        footer .btn-company:before {
            left: 34px;
        }

}


/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1600px) {
	#widget-01 {
    	min-width: 310px;
	}
    footer h4 {
    	font-size: 15px
    }
    footer .single-social a {
        padding: 7px; /*8*/
    }
	footer .btn-job-left:before {
	    left: 25px;
	}
	footer .btn-company:before {
	    left: 32px;
	}
}


/* Standard Laptops - Ok until 1280px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {

	/* Sticky Menu
	------------------------------------------------*/
		header .col-full-menu .main-menu-container.still-sticky .logo-container a {
		    width: 160px;
		    height: 38px;
		}
		header .still-sticky .menu a {
		    font-size: 14px;
		}
		header .still-sticky .header-contact-container a.menu-contact-icon {
		    height: 27px;
		    width: 27px;
		}

	/* Slider Arrows
	-------------------------------------------------*/
		.swiper-button-next, .swiper-button-prev {
		    width: 52px;
		    height: 52px;
		}

    /* Social Link
    --------------------------------------------------*/
        .social-links .menu {
            gap: 15px;
        }
        .social-links a {
            padding: 9px;
        }

	/* Footer
	--------------------------------------------------*/
		footer .footer-content {
		    padding-left: 0;
		    padding-right: 0;
		}
		#widget-01 {
		    min-width: 290px;
		}
		.widget-column:last-child {
		    max-width: 17.354vw;
		}
		.widget-column {
		    padding-right: 2.125vw;
		}

		footer .btn-job-left:before {
		    left: 20px;
		}
		footer .btn-company:before {
		    left: 29px;
		}
}


/* Small Laptops - Ok until 1150px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
    footer h4 {
    	font-size: 14px
    }
	#widget-01 {
	    min-width: 270px;
	}
	.widget-column:last-child {
	    max-width: 19.354vw;
	}

	/* Image Size
	--------------------------------------------------*/
	    .img-size_00 img {
	        min-height: 280px;
	    }
	    .img-size_01 img {
	        min-height: 380px;
	    }

	/* Content SP
	---------------------------------------------------------------------*/
	    .content-sp {
	        padding: 18px;
	    }

	/* Pagination
	---------------------------------------------------------------------*/
		.page-numbers {
			min-width: 24px;
			min-height: 24px;
			font-size: 11px;
		}
}


/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {
	header .col-full-menu .main-menu-container.still-sticky .logo-container a {
	    width: 145px;
	}
	header .col-full-menu .main-menu-container.still-sticky .header-contact-container {
	    gap: 20px;
	}
	header .still-sticky .header-contact-container a.menu-contact-icon {
	    height: 23px;
	    width: 23px;
	}

	/* Image Size
	--------------------------------------------------*/
	    .img-size_00 img {
	        min-height: 240px;
	    }
	    .img-size_01 img {
			min-height: 420px;
	    }
}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {

	/* General
    ----------------------------------------------------------------------*/
		#breadcrumbs {
		    display: none;
		}
		body .wd-50 {
		    width: 100%;
		}
	
	/* Containers
    ----------------------------------------------------------------------*/
		.main-menu-container .stripe-container-full {
		    padding: 1em 1.5em;
		}


	/* Header
    ----------------------------------------------------------------------*/
	    .logo-container a {
		        width: 220px;
		        height: 57px;
		    }

	/* Arrows & Slider Dots General
    ----------------------------------------------------------------------*/
		.timing-pagination .swiper-pagination-bullet,
		.timing-pagination .swiper-pagination-bullet-active {
		    width: 65px;
		    height: 20px;
		}
		.relative-arrow .swiper-button-next {
		    margin-left: 10px;
		}

	/* Slider Arrows
	-------------------------------------------------*/
		.swiper-button-next, .swiper-button-prev {
		    width: 44px;
		    height: 44px;
		}

    /* Grid Structures
    ----------------------------------------------------------------------*/
		#full-size-grid {
		    flex-flow: wrap;
		}
		.three-col-grid {
		    grid-template-columns: 1fr;
		    grid-row-gap: 1.5em;
		    grid-column-gap: 0;
		}

		/* Cell block with bottom text 
		-------------------------------*/
			.box-img-title {
			    padding: 1em;
			}

	/* Content SP
	---------------------------------------------------------------------*/
	    .content-sp {
	        padding: 17px;
	    }

	/* Image Size
	--------------------------------------------------*/
	    .img-size_00 img {
	        min-height: 280px;
	    }

	/* Footer
	----------------------------------------------------------------------*/
		footer .stripe-container-inner {
		    padding-left: 0;
		    padding-right: 0;
		}
		footer .footer-logo {
		    width: 52.117vw; /*517*/
		    height: 12.3999vw; /*123*/
		    min-width: 260px;
		    min-height: 62px;
		}
	    footer .list-from-mobile h4 {
	        display: block;
	    }	
		footer aside.widget-area {
			display: block;
			padding-top: 0;
		}
		footer .widget-area .widget-column {
		    width: 100% !important;
		    padding: 0;
		}
		footer .widget-column {
		    border-bottom: 1px solid var(--color-lime);
		}
		footer .widget-area > *:first-child {
		    border-top: 1px solid var(--color-lime);
		}		
		footer h4,
		footer .footer-buttons,
		footer .mobile-social,
		#footer-notes {
		    padding: 28px 0;
		}
	    footer.mobile-footer .footer-list .menu  {
	    	width: 100%;
	        display: none;
	        margin-top: 0;
	        padding-right: 45px;
			padding-bottom: 26px;
			margin-top: -14px !important;
	    }
		footer .widget-column:last-child {
			max-width: unset !important;
		}
		footer .footer-widget.cell {
		    display: flex;
		    align-items: center;
		}		
	    footer.mobile-footer .footer-list .footer-menu-toggle:after {
		    content: "+";
		    width: 40px;
		    height: 40px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    position: relative;
		    z-index: 1;
		    font-family: var(--text-font-bold);
		    font-size: 16px;
	    }
		footer.mobile-footer .sub-menu-open .footer-menu-toggle:after {
		    content: "-";
		}
		footer h4 {
		    width: auto;
		    flex-grow: 1;
		    margin-bottom: 0;
		    font-size: 15px;
		}
		footer .widget-area .right-text,
		footer .widget-area .right-text * {
		    text-align: left;
		}

		/* Footer List Open */
			footer .footer-list li:not(.btn) {
			    margin-bottom: 0;
			}
		    footer.mobile-footer .footer-list ul  li  a {
			    padding-bottom: 8px;
			    display: block;
			}

		/* Footer Contact */
			.footer-contact img {
			    width: 14px;
			    min-width: unset;
			    margin-right: 10px;
			}
			.footer-contact:not(:last-child) {
			    margin-bottom: 10px;
			}			

		/* Footer Button */
			footer .footer-buttons {
			    text-align: center;
			}
			footer .btn {
			    display: inline-flex;
			    align-items: center;
			    margin: 0 10px;
			}
			footer .btn-job-left:before,
			footer .btn-company:before {
			    left: unset;
			    margin-right: 10px;
			}	

		/* Footer Social */
			.footer-list .social-links {
			    display: none;
			}
			footer aside.widget-area {
			    padding-bottom: 0;
			}
			footer .mobile-social {
			    border-bottom: 1px solid var(--color-lime);
			}
			footer .mobile-social .social-links {
			    margin-top: 0;
			}
			footer .mobile-social .social-links .menu {
			    gap: 0 30px;
			    justify-content: center;
			}
			footer .mobile-social .single-social a {
			    width: 28px;
			    height: 28px;
			}			

		/* Footer Notes */
			footer #footer-notes {
				padding-bottom: 0 !important;
			}
			footer #footer-notes .footer-notes-content {
			    gap: unset;
			    justify-content: space-between;
			}
			footer .stripe-container {
			    padding-bottom: 15px;
			}
}



/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

	/* Header
	-----------------------------------------*/
		.logo-container a {
		    width: 200px;
		    height: 52px;
		}

	/* Slider Arrow
	-----------------------------------------*/		
		.swiper-button-next,
		.swiper-button-prev {
		    min-width: 30px !important;
		    min-height: 30px !important;
		}
		.relative-arrow .swiper-button-next {
		    margin-left: 5px;
		}

	/* Image Size
	--------------------------------------------------*/
	    .img-size_00 img {
	        min-height: 220px;
	    }

	/* Pagination
	---------------------------------------------------------------------*/
	    .nav-links {
	        width: 100%;
	        justify-content: center;
	        gap: 0 15px;
	    }
		.page-numbers {
	        min-width: 27px;
	        min-height: 27px;
	        font-size: 13px;
		}

	/* Footer
	-----------------------------------------*/
		footer h4 {
		    font-size: 14px;
		}
		footer.mobile-footer .footer-list ul li a {
		    padding-bottom: 4px;
		}		
		footer #footer-notes .footer-notes-content {
		    justify-content: unset;
		}
		#mobile-menu a:before{
		    display: none !important;
		}

		/* Footer Buttons */
			footer .btn {
				width: 100% !important;
				margin: 0;
				display: flex;
				justify-content: center;
			}
			footer .btn:not(:first-child) {
			    margin-top: 20px;
			}

		/* Footer notes */
			footer #footer-notes .footer-notes-content {
			    justify-content: unset;
	    		    gap: 8px 0;
			}
			footer #footer-notes .footer-notes-content > * {
			    width: 50%;
			}
			footer #footer-notes .footer-notes-content > *:nth-child(odd) {
			    text-align: left;
			}
			footer #footer-notes .footer-notes-content > *:nth-child(even) {
			    text-align: right;
			}
			footer #footer-notes p {
			    padding: 0;
			}

	/* General
	-----------------------------------------*/
		.relative-arrow .swiper-button-next, 
		.relative-arrow .swiper-button-prev {
		    display: none;
		}
		.full-vertical .swiper-slide:first-of-type {
		    margin-left: 2em;
		}

		.swiper-button-next,
		.swiper-button-prev {
		    width: 38px;
		    height: 38px;
		}

		.timing-pagination .swiper-pagination-bullet,
		.timing-pagination .swiper-pagination-bullet-active {
		    width: 40px;
		    height: 15px;
		}

	/* Custom Scroll
	----------------------------------------------------------------------*/
		.scroll-from-mobile {
		    overflow-x: auto;
		    overflow-y: hidden;
		    flex-flow: nowrap!important;
		    max-width: 100vw;
		    display: flex !important;
		    gap: 10px 15px !important;
		    justify-content: flex-start !important;
		}
		.scroll-from-mobile > * {
		    margin-bottom: 20px;
		}
}


/* Mobile Landscape only 
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) and (orientation: landscape) {

}

/* Mobile Portrait
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
	.swiper-button-next, .swiper-button-prev {
	    width: 34px;
	    height: 34px;
	}

	/* Content SP
	---------------------------------------------------------------------*/
	    .content-sp {
			padding: 1.5em .5em;
	    }
}