body{
	margin:0px;
	padding:0px;
}

div,h1,h2,h3,h4,h5,h6,p,img,a,ul,li{
	margin:0px ;
	padding:0px;
}


/*font-family: 'Roboto';
font-family: 'Philosopher', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Quantico', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans', sans-serif;*/

/*needed*/
a{
	text-decoration:none !important;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-ms-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}
a:hover{
	text-decoration:none !important;
}

ul{
	list-style-type:none;
}
.clear{
	clear:both;
}
/*needed*/


	/********* start of diff-banner ******/
	
.diff-banner{
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 200px 0px;
	 background:url(../images/diff-banner-bg.png) center center no-repeat;
	 width:100%;
	 background-size:cover;
	 overflow:hidden;
}
.diff-banner-row{
	margin:0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
}


		/********* start of diff-banner-text *********/
		
.diff-banner-text{
	margin:134px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	width:100%;	
}
.diff-banner-text h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	color:#fff;
	text-align:center;
	font-size:50px;
}
.diff-banner-text p{
	margin:25px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	color:#fff;
	text-align:center;
	font-size:25px;
}




	/********* start of different ******/
	
.different{
	 margin:0px 0px 0px 0px;
	 padding:118px 0px 140px 0px;
	 background:#fff url(../images/about-bg.png) bottom center no-repeat;
	 width:100%;
	 overflow:hidden;
}
.different-row{
	margin:0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
}
.different1{
	margin:44px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:600px;
	float:left;
}
.different1 h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	color:#232122;
	font-size:35px;
	text-transform:uppercase;
}
.different1 h3 span{
	color:#e2ec0a;
}
img.scratch{
	margin:20px 0px 30px 0px;
	display:block;
}
.different1 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.different1 ul li{
	margin:0px 0px 28px 0px;
	padding:0px 0px 0px 37px;
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	color:#464646;
	font-size:18px;
	background:url(../images/tick.png) left 5px no-repeat; 
}
.different1 ul li.last{
	margin:0px 0px 0px 0px;
}






.different2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:508px;
	float:right;
}




			/********** start responsive **********/
			


img.diff2{
	display:none;
}
.different2 {
    display:block;
}



@media (max-width :1199px) and (min-device-width :992px){

	/**** different *****/
	
.different1 {
    width: 476px;
}
.different2 {
    width: 458px;
}

}

@media (max-width :991px) and (min-device-width :768px){
	
	/****** different *******/
	
.different1 {
    margin: 24px 0px 0px 0px;
    width: 394px;
}
.different1 h3 {
    font-size: 29px;
}
.different1 ul li {
    margin: 0px 0px 12px 0px;
}
.different1 ul li {
    margin: 0px 0px 12px 0px;
    font-size: 15px;
}

.different2 {
    width: 309px;
}


	
}



@media (max-width :767px) and (min-device-width :280px){
	
	/******* diff-banner *******/

.diff-banner {
     padding: 0px 0px 170px 0px;
}
.diff-banner-text {
    margin:50px 0px 0px 0px;
}
.diff-banner-text h2 {
    font-size: 34px;
}
.diff-banner-text p {
    margin: 9px 0px 0px 0px;
    font-size: 18px;
}



	/******* different *******/
	
.different {
    padding: 28px 0px 20px 0px;
}
.different1 {
    width:100%;
	float:none;
}


img.diff2 {
    margin:0px 0px 30px 0px;
    width:100%;
	display:block;
}
.different2 {
    display:none;
}

}