body, html {height: 100%;margin: 0;}
body { background-image: url("../images/pattern.html");background-repeat: repeat; }
.fixed-bottom{ position: fixed;bottom: 40px; }
#alcantara-logo{ left: 60px; right: auto;  }
#alcantara-logo img{ max-width: 170px;  }
#social-section{ right: 40px;left: auto; }
#social-section img.bazmashop-label{ max-width: 140px; }
.main-section{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); }
/*.main-section > .section-left{ float: left;  }*/
.main-section > .section-right{ float: right;  }
.main-section > .section-left > img{ width: 80%; }
.main-section > .section-right > .right-top > img{ width: 70%;  }
.main-section > .section-right > .right-bottom{ margin: 30px 0 50px;  }
.download-app-link > img{ max-width: 100%; display: inline-block; }
.social-icons a{ display: inline-block; }
.social-icons i.fa{  font-size: 25px; color: #000; }
a.download-app-link{ padding-right: 10px;  }

body {
	background: white;
	color: black;
}

@media only screen and (max-width: 1199px) {
    .main-section > .section-right > .right-bottom { margin: 25px 0 30px; }
    #alcantara-logo img { max-width: 150px; }
    #alcantara-logo { left: 30px; }
    #social-section { right: 30px; }
    .fixed-bottom{ bottom: 30px; }
    #social-section img.bazmashop-label{ max-width: 130px;  }
    .social-icons i.fa{ font-size: 22px; }
    .social-icons a{ line-height: 22px; }
    .main-section > .section-right > .right-top > img{ width: 80%; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-section { position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%); }
}

@media only screen and (max-width: 991px) {
    #alcantara-logo img{ max-width: 130px; }
    #social-section img.bazmashop-label{ max-width: 120px; }
    .main-section > .section-right > .right-top > img{ width: 80%; }
    .social-icons i.fa { font-size: 20px; }
    .social-icons a{ line-height: 20px; }
	.main-section { position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%); width:70%;}
}

@media only screen and (max-width: 767px) {
    .main-section > .section-right > .right-top > img { width: 100%;padding-right: 10px; }
    .main-section > .section-right > .right-bottom { margin: 20px 0; }
    #alcantara-logo img, #social-section img.bazmashop-label{ max-width: 110px; }
    .social-icons i.fa { font-size: 18px; }
    .social-icons a{ line-height: 18px; }
	.top_img_div { text-align:center !important;}
	.main-section { transform: translate(-50%, -20%); width:60%; }
	.fixed-bottom{margin-bottom:-50% !important; position:absolute !important; padding-bottom:10px;}
}

@media only screen and (max-width: 640px) {
    #alcantara-logo img, #social-section img.bazmashop-label{ max-width: 100px; }
    .social-icons i.fa { font-size: 16px; }
    .social-icons a{ line-height: 16px; }
    .main-section > .section-right > .right-bottom { margin: 15px 0; }
	
	.top_img_div { text-align:center !important;}
	.main-section > .section-left > img { width: 90%; margin-bottom: 30px; }
	/*.main-section > .section-right > img { width: 100%; margin-bottom: 30px; }*/
	.fixed-bottom{margin-bottom:-60% !important; position:absolute !important; padding-bottom:10px;}
}

@media only screen and (max-width: 480px) {
    .main-section > .section-right > .right-top > img{ padding: 0; }
	.fixed-bottom{ position: relative;bottom: 40px; }
	.main-section { transform: translate(-50%, -20%); width:70%; }
	.fixed-bottom{margin-bottom:-60% !important; position:absolute !important; padding-bottom:10px;}
	.fixed-bottom h5 { font-size:12px !important; } 
	.fixed-bottom h6 { font-size:12px !important; } 
}

@media only screen and (max-width: 400px) {

    #play-store-link{ padding: 0; }
    .social-icons i.fa{ font-size: 14px; }
    .social-icons a{ line-height: 14px; }
	
	.main-section > .section-left > img { width: 90%; margin-bottom: 30px; }
	/*.main-section > .section-right > img { width: 100%; margin-bottom: 30px; }*/
	.top_img_div { text-align:center !important;}
	.main-section { transform: translate(-50%, -15%); width:70%; }
	.fixed-bottom{margin-bottom:-90% !important; position:absolute !important; padding-bottom:10px;}
	.fixed-bottom h5 { font-size:12px !important; } 
	.fixed-bottom h6 { font-size:12px !important; } 
	
}