@media (max-width:991px) {
	.Social_media .serve_box h4
	{
		    font-size: 17px;
	}
}
@media only screen and (max-width:1199px) and (min-width: 992px){
    #gallary-section .third-effect a.info
    {
         top: -40px;
    right: 29px;
    } 
}

@media (max-width: 768px) {
.-xs {
display: none !important;
}
.row-fluid .span8.navigation
{
    display:none;
}
.header-right ul li a
{
    font-size: 11px;
}
.header-right ul li span{
    font-size: 11px;
}
.Social_media-2{
    margin-top:0px;
}
 .Social_media .row, .footer .row, #gallary-section .row, #aboutUs_sec .row {
        /*display: block;*/
       
    }
.bottom_slider .pl-0 video {
 height: 172px !important;
}
}

@media only screen and (max-width: 992px) and (min-width: 768px)
{
    #gallary-section .third-effect a.info
    {
     top: -55px;
    right: 60px;   
    }
    .row-fluid .span8.navigation {
        width: 100%;
        margin: 0;
        display: block;
    }
    .navbar {
        margin: 0;
        padding: 0;
    }
        
}
@media (min-width: 680px) and (max-width: 990px) {
 .bottom_slider .bg_f h2 {
    -ms-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
}
}
@media (min-width: 768px) {
    .pl_container_0
    {
        padding-left:0px;
    }
    
}
@media (max-width: 767px) {
.header-left ul li.msg{
    position: absolute;
    top:17px;
    left: 70px;
}
#page, .navbar li ul
{
    display:block;
}
}
@media (max-width:576px) {
	.small_xs
	{
		padding-left: 15px ! important;
	}
	.btn-download
	{
		margin-top: 20px;
	}
	.carousel-control-next img
	{
		right: 0px;
	}
	.carousel-control-prev img
	{
		left: 0px;
	}
	.bottom_slider .bg_f h1
	{
		font-size: 21px;
    line-height: 27px;
	}
	/*.carousel-item img
	{
		height: 240px;
	}*/
	.videoIframe
	{
		height: 240px;
	}
	.Social_media .bott_b
	{
		margin-top: 0px;
	}
	.social-buttons span
	{
		margin-left: 0px;
	}

}
@media (max-width:549px) {
.mm-menu {
    width: 44%;
}
}
@media only screen and (max-width: 500px) and (min-width: 450px){
    #gallary-section .view .mask, .view .content{
        left:22% ! important;
    }
}
@media only screen and (max-width: 450px) and (min-width: 400px){
    #gallary-section .view .mask, .view .content{
        left:13% ! important;
    }
}
@media only screen and (max-width: 398px) and (min-width: 330px){
     #gallary-section .view .mask, .view .content{
    left: 7%;
     }
}
@media (max-width: 420px)
{
    .bottom_slider .bg_f h2{
        font-size: 25px;
     padding: 40px 20px;
   	 -webkit-transform: translateY(0px);
    	-moz-transform: translateY(0px);
   	 transform: translateY(0px);
    }
}