@media (max-width: 480px)
{
	.on .header_soc{ height: auto; margin-top:-40px; background:#fff;}
	
	
				
	
}

@media (max-width: 480px) and (orientation : landscape)
{
	.navbar-brand{ width:32% !important;}
	
		
}


@media (max-width:768px){
	
	#menu a.navbar-brand{ padding:0;}
	.logo{ padding:0;}
	.main_menu{ padding:0; margin: 0;}
	#menu.navbar-default .navbar-nav > li > a{ margin:0;}
	
	#about{ padding:0;}
	
	#services{ padding:10px 0 0 0;}
	
	#clients{ padding:10px 15px;}
	
	#about{ padding:30px 0;}
	.main_menu .navbar-nav > li{ text-align: center; display: inline-block; width:100%; border-bottom: 1px solid #204c7e;}
	
	.navbar-brand > img{ width:43%;}
	.main_menu .navbar-nav{ background:#022e60;}
	#menu{ padding:0;}
	#menu.navbar-default .navbar-nav > li > a{ color:#fff; line-height:24px;}
	.on{ padding:10px 0 !important;}



	.on .logo{ top: 0;}
	.main_slider{ top: 77px;}
	.on .logo img{ width: 43%;}
	.main_slider .banner_info{ position:  absolute; top: -210px; margin: 0; left: 0;}
	.form_rel{ max-width: 100%; right: 0; position:  static;}
	.contact_enq{ margin: 0; padding: 0;}
	.form_abs{ position: relative;}
	.main_slider .banner_info h2{ font-size: 20px; margin-bottom: 6px;}
	.main_slider .banner_info p{ font-size: 22px;}
	.main_slider .banner_info h3{ margin: 0;}
	.contact_enq h2{ margin-top: 0;}
	.sgmphllocadvbi ul li .sgmphllocadvbis_info h3{ font-size: 12px;}
	.gallery_s{ padding: 5px;}
	.main_menu .navbar-right{ margin: 0;}
	.sgmphllocadvb{ margin: 0;}
	.testi_slider .testi_info{ padding: 20px;}
	.testi_slider .slick-slide{ padding: 0 20px;}
	.sgmphcntubi ul li{ margin-bottom: 55px;}
	.sgmphcntubi ul li:last-child{ margin-bottom: 0;}
	.sgmphllocadvb{ padding: 20px 0;}
	.sgmpg_head h2{ font-size: 30px;}
	.sgmphfcltyb{ padding: 20px 0;}
	.sgmphglryb{ padding: 20px 0;}
	.sgmphtstimb{ padding: 20px 0;}
	.testi_slider{ margin-bottom: 10px !important;}
	.sgmphcntub{ padding: 20px 0;}
	.gallery_s:hover .gallery_s_icon {  top: 10px; right: 10px; left: 10px; bottom: 10px;}
	.sgmphllocadvb{ border-radius: 0;}
	.last_pointer .fa {width: 40px;	height: 40px;border-radius: 40px;line-height: 40px;	text-align: center;	font-size: 30px; }
	.last_pointer{ bottom: 23px;
    right: 7px;
    z-index: 999;}
	
    .testi_slider .testi_info{
        min-height: 450px;
    }
    .testi_slider .testi_info h3 img {
    float: none;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}
    .main_menu .navbar-nav > li > a{
        padding: 15px 10px;
    }
    
    .whatsapp {
    position: fixed;
    left: auto;
    bottom: 20%;
    z-index: 2;
    right: 0px;
}
    .whatsapp .fa {
    width: 55px;
    height: 55px;
    border-radius: 0;
    line-height: 55px;
    font-size: 39px;
    background: #00eb78;
    text-align: center;
    color: #fff;
}
    .call_fixed{
        max-width: 100%;
        width: 100%;
    }
    .call_fixed .fa {
    font-size: 21px;
    border-bottom: none;
    display: inline-block;
    
 
}
    .call_fixed a{border-radius: 0; text-align: center; background: #c78e32; width: 19%; display:  inline-block; padding: 10px 0;}
    .call_fixed{bottom: -10px;}
    .sgmphcntubi > p{margin-bottom: 40px;}
    .testi_slider .testi_info p{
        text-align: center;
    }
    .testi_slider .testi_info h3{
        text-align: center;
    }

	.sgmphfcltybi ul li{ padding: 22px;}

	.sgmpgbb ul li .sgmpgbbs_info{ padding: 0 0;}
	.sgmpgbb{ margin-top: 35px;}
	.sgmpgbb ul li{ margin-bottom: 15px;}
	.logo.blog{ text-align: center;}
				
}

.sgmpgbb ul li .sgmpgbbs_info li {
	position: relative;
	padding-left: 16px;
	font-size: 16px;
	line-height:normal;
  }

  .sgmpgbb ul li .sgmpgbbsrecent h2 {
	background: #022e60;
	color: #fff;
	margin-right: 30px;
	font-weight: 600;
	font-size: 22px;
	padding: 10px 0;
  }

  .wstnkubinfo{ padding: 0;}


@media (max-width: 1024px)  
{
	#menu.navbar-default .navbar-nav > li > a{ margin:0;}
	
	.main_menu{ padding:0;}
	#menu.navbar-default .navbar-nav > li > a{ padding:10px;}
	.logo{ padding-right:0;}
	
	
	
		
	}



@media (min-width: 1024px) and (max-width: 1366px)  
{
	.ct-header h1.big{ font-size:45px;}
	
	
	
	} 
	
@media (max-width: 1600px)  
{
	
	
	}  	 