body{ background:#fff; color:#000; padding:0; margin:0; font-size:18px;   font-family: "Montserrat", sans-serif;}
body, html{   font-family: "Montserrat", sans-serif; font-size:18px; line-height:26px; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
img{ max-width:100%; height:auto; display:block; }
iframe{ max-width:100%;}
a{ text-decoration:none; transition: 0.2s;}
a:active, a:hover, a:focus { outline: none !important; text-decoration:none; }
a, input, button, select, textarea{ outline:none !important;}
ul, ol{ margin:0; padding:0;}
ul li{ list-style:none;}
body ul{ margin:0px; }
p{ margin-bottom:4px; font-size:18px; line-height:26px; color:#000;   font-family: "Montserrat", sans-serif; }
.clear{ clear:both; overflow:hidden; height:0px; }
.clearfix:after{ clear:both; content:""; display:block; height:0; overflow:hidden; }

.main-section{ padding: 30px 70px 40px; }
.main-section:before{ display: block; height: 500px; width: 500px; background: url("../images/download.png") repeat left top; content: ""; position: absolute; left: 0; top: 0px; z-index: -1; }
.main-section:after{ display: block; height: 500px; width: 500px; background: url("../images/download.png") repeat left top; content: ""; position: absolute; right: 0; bottom: 0px; z-index: -1; }
.main-logo{ margin-bottom: 40px; }
.main-logo img{ max-width: 400px; margin: auto; width: 100%; height: auto; }
.middle-text{ max-width: 750px; margin: auto; width: 100%; }
address{ margin-top: 0px; margin-bottom: 40px; color: #798fb9; font-size: 18px; line-height: 28px; font-weight: bold; }
.box-sec{ text-align: center; margin: 0 20px; font-size: 18px; line-height: 22px; }
.box-sec img{ max-width: 300px; margin: auto; width: 100%; margin-bottom: 15px; }
.box-sec h4{ font-weight: 600; color: #ee2f58; margin-bottom: 5px; font-size: 20px; }
.cont-sec a{ display: block; color: #000; text-decoration: none; margin: 5px 0;}
.cont-sec a:hover{  color: #ee2f58; }
.middle-text p{ line-height: 30px; }
.middle-text h1{ font-size: 18px; margin-bottom: 0px; margin-top: 40px; color: #798fb9; font-weight: bold; line-height: 28px; }



@media (min-width:1100px) and (max-width:1368px){
.main-section:before, .main-section:after{ height: 220px; width: 400px; }
}

@media(max-width:1100px){
	.main-section:before, .main-section:after{ height: 150px; width: 190px; }
	.main-section:after{ bottom: 40px; }
}
@media(max-width:767px){
	body, p{ font-size: 18px; line-height: 26px;}
	.middle-text p{ line-height: 26px; }
	.middle-text p {
        line-height: 23px;
        font-size: 14px;
    }
	.main-section{ padding: 15px 20px 20px;}
	.main-logo{ margin-bottom: 20px; }
	.main-logo img{ max-width: 280px;}
	address{ margin-top: 0px; margin-bottom: 20px; font-size: 16px; line-height: 26px; }
	.main-section:before, .main-section:after{ display: none; }
	.middle-text h1{ font-size: 16px; line-height: 26px; margin-top: 20px; }
	
	.box-sec{
	    font-size: 14px;
    line-height: 18px;
}

    body, p {
        font-size: 14px;
        line-height: 18px;
    }

}
@media(max-width:575px){
	.bottom-sec{ flex-direction: column; }
	.box-sec img{ margin-bottom: 15px; max-width: 240px; margin-top: 10px; }
	.box-sec{ margin-bottom: 60px; }
	.main-section{ padding-bottom: 20px; }
	.box-sec h4{ font-size: 18px; }
	.cont-sec a{ margin: 5px 0;}
	.box-sec h4{ margin-bottom: 5px; }
}