html {
  scroll-behavior: smooth;
}
body{
    margin:0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    overflow-wrap: break-word;
    overflow-x: hidden; 
    background-color:rgba(255,255,255,1);
}
.text-color-blue{
	color: #393660;
}
.nopadding{
	padding: 0;
}

.intro-section-left{
	padding: 2em;
	font-size: 1.2em;
}
.brand-logo
{
	width: 100%;
	height: auto;
	margin-top:2em;
}
.intro-text{
	margin-top: 2em;
}
.mobile-view{
	display: none;
}
.web-view{
	display: block;
}
.section-title{
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}
.product-section{
	margin-top: 5em;
}
.product-detail-section{
	margin-top: 1em;
	margin-bottom: 1em;
}

.footer-contact-section{
	border-top:1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	margin-top: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
}
.country-flag-img{
	width: 120px;
	height: auto;
}
.contact-icon{
	width: 34px;
	height: auto;
}

.footer-contact-section a{
	font-size:1em;
	text-decoration: none;
	color: #393660;
}
.footer-contact-section a:hover, .footer-contact-section a:active, .footer-contact-section a:focuse{
	font-size:1.2em;
	text-decoration: none;
	color: #393660;
}
footer{
	color: #b5b5b5;
}

@media only screen and (max-width: 992px) {
   .intro-section-left{
		padding: 1em;
		font-size: 1em;
	}
	.brand-logo
	{
		width: 30%;
		height: auto;
		margin-top:0.5em;
	}
	.banner_part2{
		width: 50%;
		height: auto;
	}
}
@media only screen and (max-width: 768px) {
	.mobile-view{
		display: block;
	}
	.web-view{
		display: none;
	}
	.intro-section-left{
		padding: 2em;
		font-size: 1em;
	}
	.brand-logo
	{
		width: 50%;
		height: auto;
		margin-top:0.5em;
	}
	.product-section{
		margin-top: 3em;
	}
	.product-detail-section{
		margin-top: 1em;
		margin-bottom: 1em;
		text-align:center;
	}
	.flag{
		text-align: right;
	}
	.address{
		text-align: left;
	}
}
@media only screen and (max-width: 480px) {
   .brand-logo
	{
		width: 80%;
		height: auto;
		margin-top:0.5em;
	}
}