@media only screen and (max-width: 768px) {
  .head_right{
	display: none;
}
	.head_mobile{
	display: block;
}
  

.text22 {
     
    
    
    height: 188px;
    padding: 10px;
}
#demo{
    margin-top:50px;
}
 .text_service {
font-size: 20px;
line-height: 1.4;
padding-bottom: 10px;
  }
  .icon_style3 {
      margin-bottom: 15px;
      margin-left:0px;
      width: 40px;
    height: 40px;
    padding-top: 5px;
    font-size:14px;
  }
 .text5 {
	font-size: 29px;

}
.text6 {
	font-size: 38px;
	
}
.pad_style1 {
border-radius:0px;  
}

.display_style li a{
    border-right: 0px;
  
} 
.pad_style2 {
 border-radius:0px;
}
	.display_style {
	
	display: block;
}
	.social_style2 {
	  
    border-right: 0px;
   
}
	.icon_style2 {

	padding: 10px;
}
	.bg_pattern {

	height: auto;
    background-position: inherit;
    
}

	.bg2 {
background:transparent;
height:auto;
}

.send-data{
    padding:15px 0;
}	
	
	.bg3 {

    height:auto;
   
    padding: 37px;
}
	.text8 {

    font-size:20px;
    text-align: left;
}
.para1 {
    color: #013c4e;
    font-size:16px;
    text-align: left;
}
	.bg_style {

	  padding: 15px;
	 
}
.text4{
    padding-bottom:15px;
}
	.pattern {
	 position: absolute;
    left: 230px;
     top: 712px;
}
	.pattern1 {
	float: right;
    position: relative;
    top: -64px;
		display: none;
}
/*.carousel-item img{*/
/*    width:100%;*/
/*}*/
.pd_data, .bg3{
    padding:15px;
}
.row-cnt .col-md-3{
    padding:0;
}
.text2{
    padding-top:15px;
     padding-bottom:5px;
    line-height: 18px;
}
.para{
    padding-bottom:10px;
}
.pd_data br{
    display:none;
}
.row-cnt .col-md-3 .icon_style{
    padding-left:30px;
}
.icon_style2{
    padding:0;
}

.more_style{
    padding-bottom:20px;
}
.blog_banner_bg{
    height:285px;
}
.blog_banner_bg img{
    height:285px;
    object-fit:cover;
}
.contact_info{
    top:40px;
}
.banner-main{
        margin-left: 15px;
}
.banner-cnt{
    left:0;
    top:-70px;
}
.banner-cnt .main_heads{
    font-size:16px;
}
.banner-cnt .main_heads b{
    font-size:16px;
    display:block;
}
.banner-man img{
    width:60px;
    height:153px;
    object-fit:contain;
}
.banner figure img{
    height:250px;
    object-fit:cover;
}
.banner-icons img{
    width:20px;
    height:auto;
}
.banner-icon1{
    left: 57px;
    top: 10px;
}
.banner-icon2{
    left: 74px;
    top: 18px;
}
.banner-icon3{left: 96px;top: 20px;}
.banner-icon4{
    left: 118px;
    top: 30px;
}
.banner-icon5{
    left: 141px;
    top: 40px;
}
.banner-icon6{
    left: 153px;
    top: 24px;
}
.banner-icon7{
    left: 171px;
    top: 9px;
}
.banner-icon8{
    left: 232px;
    top: -17px;
}
.banner-icon9{
    left: 260px;
    top: -10px;
}
.banner-icon10{
    left: 265px;
    top: 18px;
}
.banner-icon11{
    left: 264px;
    top: 44px;
}
.banner-icon12{
    left: 237px;
    top: 57px;
}
.banner-icon13{
    left: 210px;
    top: 50px;
}
.banner-icon14{
        left: 195px;
        top: 33px;
}
.banner-icon15{
    left: 194px;
    top: 10px;
}
.banner-icon16{
        left: 203px;
        top: -9px;
}
.banner-icon17{
        left: 230px;
        top: 20px;
}
}
@media only screen and (max-width: 479px) {
.pattern, .pattern1, .pattern2{
    display:none;
}
.main_heads br{
    display:none;
}
.text5{
    font-size:20px;
    line-height:22px;
}
.text6{
    font-size:26px;
    line-height:30px;
}
.projects-area .slick-slide img{
    margin:0 auto;
}
.no_style{
    font-size:20px;
}
.para-cnt{
    padding-left:15px;
}

.para-cnt ul li img{
    width:40px;
    height:auto;
}
.call_style{
    margin:0;
}
.footer2{
    float:none;
    text-align: center;
}
.header__middle{
    padding:10px 0;
}
.mash-menu.separator{
    margin-top:10px;
}
.slick-dot-mb-30 .slick-dots{
    margin-top:0px !important;
     margin-bottom:10px !important;
}
.btn{
    height:35px;
    line-height:30px;
}
.banner22 figure img{
    height:350px;
}
.banner-icons22{
    left:0;
    top: 80px;
    max-width: 100%;
    padding-left: 50px;
}
.voice-cal a{
    font-size:13px;
}
.voice-cal a img{
    width:30px;
    height:auto;
}
.banner22 .banner-main{
    bottom: 125px;
}
.banner-cnt2{
        left: 63px;
    top: 13px;
}
}

@media (min-width: 320px) and (max-width: 340px) {
 
    
.main_heads{

	font-size: 26px;
    line-height: 1.2;
}
.top-menu{
    padding-top:10px;
}

}