/* New Godrej Fonts Added */
@font-face {
    font-family: giSansDisplay;
    src: url(fonts/GiSansDisplay_Regular.woff2)format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: giSansDisplay;
    src: url(fonts/GiSansDisplay_Medium.woff2)format("woff2");
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: giSansDisplay;
    src: url(fonts/GiSansDisplay_SemiBold.woff2)format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: giSansDisplay;
    src: url(fonts/GiSansDisplay_Bold.woff2)format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: giSansText;
    src: url(fonts/GiSansText_Regular.woff2)format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}
/* New Godrej Fonts Added */


.main-head{
	background-color: #ffffff;
	padding: 25px 20px;
	text-align: center;
	border-bottom: 1px solid #eee;
}

.logolarge img{
  width: 270px;
  height: 40px;
}

.main-body .desk-img{
	height: calc(100vh - 89px);
	width: 100%;
	object-position: left;
	object-fit: cover;
}
.main-body .content-right {
position: absolute;
float: left;
top: 50%;
right: 11%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
/*text-align: center;*/
width: 100%;
max-width: 600px;
}
.main-body .content-right h1{
color: #1e1e1e;
text-align: center;
font-size: 38px;
margin-top: 0px;
font-family: giSansDisplay !important;
font-weight: 600;
letter-spacing: 5px;
}		
.top-country{
width: 100%
}
.bottom-country{
width: 100%
}
.country-name-para{
margin: 0;
color: #1e1e1e;
font-family: giSansText;
font-size: 16px;
}
.left-top-country{
width: 44%;
display:inline-block;
padding: 5px 10px;
border: 1px solid #e1e1e1;
margin: 10px;
}
.right-top-country{
width: 44%;
display:inline-block;
padding: 5px 10px;
border: 1px solid #e1e1e1;
margin: 10px;
}
.left-bottom-country{
width: 44%;
display:inline-block;
padding: 5px 10px;
border: 1px solid #e1e1e1;
margin: 10px;
}
.right-bottom-country{
width: 44%;
display:inline-block;
padding: 5px 10px;
border: 1px solid #e1e1e1;
margin: 10px;
}
.country-sym{
margin-right: 10%;
}
.anchor-div{
text-decoration: none;
}
.anchor-div:hover{
text-decoration: none;
}

@media only screen and (max-width: 1500px) {
.main-body .content-right {
	max-width: 500px;
	right: 5%;
}
}
@media only screen and (max-width: 1100px) {
.main-body .desk-img {
    height: calc(100vh - 86px);
    width: 100%;
    object-position: center;
    object-fit: cover;
    opacity: 0.3;
}
}

@media only screen and (max-width: 767px){
.main-body .desk-img {
    height: calc(100vh - 89px);
    width: 100%;
    object-position: center;
    object-fit: cover;
    opacity: 0.3;
    display: none;
}

.main-body{
	background-image: none !important;
}

.main-body .content-right h1{
	margin-top: 15px;
}

.main-head{
	position: fixed;
	z-index: 99;
	width: 100%;
}

.main-body{
	padding-top: 90px;
	background: url(images/body-bg-desk-mob.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	overflow: auto;
}
/*.main-head img{
	width: 200px;
	}*/
.content-right{
	left:11%;
}
/*.main-body .content-right h2{
	line-height: 1;
}*/
.left-top-country{
	width: 100%;
	margin: 10px 0;
	background-color: #ffffff;
}
.right-top-country{
	width: 100%;
	margin: 10px 0;
	background-color: #ffffff;
}
.left-bottom-country{
	width: 100%;
	margin: 10px 0;
	background-color: #ffffff;
}
.right-bottom-country{
	width: 100%;
	margin: 10px 0;
	background-color: #ffffff;
}
.main-body .content-right {
	width: auto;
    max-width: 300px;
    margin: 0 auto;
    right: 0;
    left: 0;
    float: none;
    position: relative;
    top: auto;
    overflow: hidden;
    -webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}