/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
#logo img{
	height: 58px;
	width: 250px;
	
}
@media (max-width: 420px){
	#logo img{
	height: 55px;
	width: 195px;
	
}
}

.one {
  background-color: #2250fc;
  margin-left:95px;
  margin-right:95px;
}
.two {
  background-color: #2250fc;
  margin-left:95px;
  margin-right:95px;
}
@media (max-width: 420px){
	.one {
 
  margin-left:30px;
  margin-right:30px
	}
	.two {
  background-color: #2250fc;
  margin-left:30px;
  margin-right:30px
}
}
@media (max-width: 1024px){
	.one {
 
  margin-left:30px;
  margin-right:30px
	}
	.two {
  background-color: #2250fc;
  margin-left:30px;
  margin-right:30px
}
}
.text-box1 {
  padding: 40px;
  text-align: center;
  transition: background 0.4s ease 0s;
  cursor: pointer;
}
 .text-box1 i {
  font-size: 42px;
  margin: 30px 0 20px;
}
 
 .text-box1: {
  background: #eeeeee;
}
.text-box1:  i,
.text-box1:  h3,
.text-box1:  h5,
.text-box1:  p {
  color: #333;
}

.ptitle{
	height:160px;
}

 .mob{
display: none;	
}
  @media (max-width: 767px) {
        .desk {
          display: none;
        }
		.mob{
		display:inline;	 
		}
      }