@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }

}
body{
    overflow-x:hidden;

}
.heading{
	margin-top: 140px;
	display: flex;
	flex: auto;
	position: relative;
	height: 180px; 
}
.heading .h1 {
	margin: 10%;
	width: 80%;
	margin-top: -40px;
	color: whitesmoke;
	font-size: 35px;
	font-weight: bold;
	padding: 15px;
    font-family: calibri;
    	text-align: center;
	border-radius: 15px;
	background-color: #000050;
}

@media screen and (max-width:957px) 
{
    .heading{
        height: auto;
    }
    .heading .h1{
        font-size: 30px;
        padding: 5px;
    }
    
}
 /* features css */

    #features_top{
        margin-top: -135px;
    }
    .left_to_right{
        height: 400px;
        width: 470px;
    }
   .h3{
    font-size: 30px;
    font-weight: 600;
    font-family: calibri;
   }
    .content_left{
        margin-left: 10rem;
    }
    .bor{
        border: 1px solid cyan;
    }

    .container .col-sm-6 {
    color: black;
    padding: 10px;
    border-spacing: 5px;
    font-size: 20px;
    font-family: calibri;
    border-radius: 7px;
    line-height: 40px;
    word-spacing:1px;
	text-align: justify;
    
    }
    @media screen and (max-width:957px) {
        #features_top{
            margin-top: -20px;
        }
        .col-sm-6 .content_left{
            margin-left: -3px;
        }
    }