/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1920px) { 
	.container{
		max-width: 1830px;
	}
}
@media (min-width: 1700px) and (max-width: 1919.98px) { 
	html{
		font-size: 60.5%;
	}
	.container{
		max-width: 1690px;
	}
}
@media (min-width: 1400px) and (max-width: 1699.98px) { 
	html{
		font-size: 48%;
	}
	.container{
		max-width: 1390px;
	}
}
@media (min-width: 1200px) and (max-width: 1399.98px) { 
	html{
		font-size: 40%;
	}
	.container{
		max-width: 1190px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
	html{
		font-size: 34%;
	}
	.container{
		max-width: 990px;
	}
}

@media (max-width: 991.98px) {
	html{
		font-size: 40%;
	}
	.hamburger-menu {
		display: block;
	}
	.five_item>div{
		max-width: 33.33%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 33.33%;
		        flex: 0 0 33.33%;
	}
	#menu .dropdown_menu {
	    position: relative;
	    top: auto;
	    left: auto;
	    transition: unset;
	    opacity: 1;
	    pointer-events: all;
	    box-shadow: none;
	    text-align: center;
	    display: none;
	}
	#menu .dropdown_menu li{
		margin-top: 0rem;
	}
	#menu .dropdown_menu li a{
		display: inline-block;
	}
	#menu .dropdown_menu li a:hover{
		background-color: #fff;
		color: #CAB900;
	}
	#menu{
		position: fixed;
		top: 0;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: -1;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		padding-top: 17rem;
		-webkit-transform: translateX(-100%);
		    -ms-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
	#menu.current{
		-webkit-transform: translateX(0%);
		    -ms-transform: translateX(0%);
		        transform: translateX(0%);
	}
	#menu ul{
		display: block;
	}
	#menu li{
		margin-top: 3rem;
	}
	.home_slider .item {
	    padding: 6rem 6rem 10rem;
	}
	.copyright{
		text-align: center;
	}
	.lg_product .product_img {
	    height: 45rem;
	}
	.product_page {
	    padding-left: 0rem;
	    padding-right: 0rem;
	}
	.product_content_wrap{
		padding-left: 0;
	}
	.tab_area .nav.nav-pills li:not(:last-child) {
	    margin-right: 4rem;
	}
	.tab_area .nav.nav-pills li button {
	    font-size: 3.5rem;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 38%;
	}
	.five_item>div{
		max-width: 50%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
	}
	.custom_input {
		display: block;
	}
	.custom_input input.form-control{
		width: 100%;
		height: 7.5rem;
		margin-bottom: 1rem;
	}
	.custom_input .button{
		width: 100%;
	}
	.input-group-append {
	    margin-left: 0px;
	}
	.brand_img{
		display: none;
	}
	.footer_bottom{
		text-align: center;
	}
	#menu{
		padding-top:22rem;
	}
	#menu li a{
		font-size:5.8rem;
	}
	.button, .home_content p, .box p, .product_content p, .daarom_box p, .footer_bg p, .footer_tel, .footer_bg{
		font-size:2.8rem;
	}
	.product_content p{
		min-height: 4rem;
	}
	.daarom_box h4{
		font-size:3.8rem;
	}
	.footer_bg h3{
		font-size:4.8rem;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 1.15vw;
	}
	header .button span:not(.badge){
		display: none;
	}
	.product_img img{
		max-height: 80%;
		width:100%;
	}
	.home_slider .item::before {
	    width: 100%;
	}
	header .button img{
		margin-left: 0;
	}
	header .button {
	    padding: 2.2rem;
	}
	.box {
	    min-height: 44rem;
	}
	.box.v2 p {
	    max-width: 58.4rem;
	}
	.home_slider .item{
		height:300px;
	}
	.daarom_wrap{
		padding-bottom:8rem;
	}
}