/* Main Css Rules  for Main Elements in The project */
body {
	font-size:20px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 300;
    background: url(../img/background-550-gradient.jpg) center top;
    background-size: cover;
}
div.body {
    background: url(../img/background-1920-lines.png);
    background-repeat: no-repeat;
    background-position: center -175px;
    background-size: 100% auto;
}
.text-right2 {
    margin-top:160px !important;
    text-align: right;
}
.imges{
    width: 438px;
    margin-top: 20px;
}
.imges2{
	display:none;
}
.h3{
    margin-top: 164px;
    font-size: 30px;
    margin-left: -115px;

}

p {
    margin-top: 0px;
    margin-right: 30px;
    line-height: 1.8;
}
p .in{
    background-color: #737373;
    border-radius: 50%;
    padding: 3px; 
    font-weight: 600;
}
.mail{
    font-weight: bold;

}
.responvie{
}
@media (max-width: 1930px) {
	div.body {
		background-position: center -150px;
	}
}
@media (max-width: 1850px) {
	div.body {
		background-position: center -130px;
	}
}
@media (max-width: 1770px) {
	div.body {
		background-position: center -100px;
	}
}
@media (max-width: 1680px) {
	div.body {
		background-position: center -70px;
	}
}
@media (max-width: 1580px) {
	div.body {
		background-position: center -30px;
	}
}
@media (max-width: 1450px) {
	div.body {
		background-position: center 10px;
	}
}
@media (max-width: 1330px) {
	div.body {
		background-position: center 50px;
	}
}
@media (max-width: 1210px) {
	div.body {
		background-position: center 80px;
	}
}
@media (max-width: 1050px) {
	div.body {
		background-position: center 110px;
	}
}
@media (min-width: 1200px){
	.container {
	    width: 1170px;
	    padding-top: 60px;
	}
	p{
	    margin-top: 140px !important;
	    margin-right:30px;
	    line-height: 1.8;

	}
	.h3{
        margin-top: 15px !important;
        font-size: 30px !important;
        margin-left: 7px !important;
    }
}
@media only screen and (max-width: 500px){
	.bacgrpund{
    	box-sizing: border-box;
    	max-width: 100%;
        background-size: 100% 100%;
    	background: url(../img/Untitled-1.jpg);
	}
	.imges{
		display:none;
	}
	.imges2{
		display:block;
	}
	p {
    	margin-top: 195px !important;
    	margin-right: 30px;
    	line-height: 1.8;
	} 
  	.text-right2 {
    	margin-top: 50px !important;
    	text-align: right;
   	}
}
@media only screen  and (min-width: 501px) and (max-width: 991px) {
	div.body {
    	/*background: url(../img/background.jpg);*/
    	background-position: center -40px;
	}  
    .h3{
        margin-top: 0px !important;
        margin-left: 80px !important;
    }
    p {
        margin-top: 145px;
    }
	.text-right2 {
    	margin-top: 50px !important;
    	text-align: right;
   	}
    .imges{
        margin-left: 79px;
    }
}
@media screen and (max-width: 935px) {
	div.body {
		background-position: center -20px;
	}
}
@media screen and (max-width: 850px) {
	div.body {
		background-position: center 10px;
	}
}
@media only screen and (max-width: 725px) {
	div.body {
	   background-position: center 50px;
	}  
}
@media only screen and (max-width: 530px) {
	div.body {
	   background-position: center 70px;
	}
	.responvie p {
		margin-top: 170px;
	}
}
@media screen and (max-width: 500px) {
    .h3 {
        margin-left: 80px !important;
    }

	.imges2 {
    	margin-left: 60px;
	}
	div.body {
	   background-position: center 160px;
	}
}
@media screen and (max-width: 410px) {
	div.body {
	   background-position: center 190px;
	}
}
@media screen and (max-width: 340px) {
	div.body {
	   background-position: center 220px;
	}
}
@media screen and (min-width: 320px) and (max-width: 361px) {
	.imges {
		display:none;
	}
	.imges2 {
		display:block;
	}
    .h3 {
    	margin-left: 43px 
	}
	.imges2{
    	margin-left: 23px;
  	}
}