@media only screen and (max-width: 1600px) {
	#about_us .about_img_top {
		
		left: -307px;
		
	}

}

@media only screen and (max-width: 1340px) {
    html {
        font-size: 90%;
      }
      #about_us .about_img_top{
        left: -416px;

      }
      #about_us .about_img_bottom{
        left: 640px
          
    }
	
}


@media only screen and (max-width: 1140px) {
    html {
        font-size: 80%;
      }
    #about_us .about_img_top, #about_us .about_img_bottom{
        display: none;

      }
      .footer-style-three .footer-top button {
        padding: 10px 21px;

	  } 

	  #about_us .auto-container {
		top: 0px;
		padding: 50px 0;
		position: relative;
	}
	#about_us{
		height: 720px;
		
	}

	
}

@media only screen and (min-width: 768px) {

	.main-menu .main-navigation>li>ul,
	.main-menu .main-navigation>li>ul>li>ul {
		display: block !important;
		visibility: hidden;
		opacity: 0;
	}

   
  
}


@media only screen and (max-width: 1023px) {
    html {
        font-size: 75%;
      }

	.main-header .main-container {
		top: 0px;
	}

	.main-header .main-container .logo-box {
		position: relative;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		max-width: 150px;
		margin: 0px;
		text-align: left;
		z-index: 15;
	}

	.main-menu .main-navigation>li {
		margin: 0px 0px 0px 20px;
	}

	.main-menu .main-navigation>li>a {
		text-transform: capitalize;
		font-size: 16px;
	}
    #about_us{
        height: 680px;
    }
    .main-header .main-container{

        padding: 10px 10px;
    }
}

	

@media screen and (max-width: 992px) {
    #about_us {
        height: 1070px;
    }
    #about_us .img_container {
        text-align: left;
        
    }
    .main-header .main-container{

        padding: 10px 10px;
    }



  }


@media only screen and (max-width: 767px) {
    .nav_top{
        display: none;
    }

	.main-header {
		position: fixed;
		background: #ffffff;
		z-index: 999;
	}

	.main-header.header-style-two {
		position: fixed;
		background: #3b566e;
	}

	.main-header .main-container,
	.main-header.fixed-header .main-container {
		position: relative;
		top: 0px;
		padding: 0px;
		background: none !important;
	}

	.main-header .main-container:after,
	.main-header.fixed-header .main-container:after {
		opacity: 1;
	}

	.main-header .main-menu {
		float: initial;
	}

	.main-header .main-menu .main-navigation {
		display: flex;
		flex-direction: column;
		width: 100%;
		justify-content: center;
		align-items: center;
		margin: 0;
        padding-left: 0;
	}

	.main-header .main-menu .main-navigation li {
		background-color: #ec1b24ba;
		width: 98%;
		text-align: center;
	}

	.main-header .main-menu .main-navigation>li {
		border-bottom: 1px solid white;
		margin: 0px 0px;
	}

	.main-header .main-menu .main-navigation>li>a {
		color: #ffffff !important;
		padding: 8px 0;
	}

	.main-header .navbar-toggle i {
		color: #ffffff;
		font-size: 1.6rem;
		padding: 4px 10px;
	}

	.main-header .navbar-toggle {
		background-color: #ec1b24;
		float: right;
		margin: 35px 10px 5px 2px;
		display: block;
	}

	.main-header .main-navigation .dropdown>ul {
		width: 100%;
		margin-left: 0;
	}


	.main-header .main-navigation .dropdown>ul>li {
		width: 100%;
	}

	.main-header .main-navigation .dropdown>ul>li>a {
		color: #ffffff;
	}
   

	.hide-nav {
		display: none !important;
	}
    #services .main_row_container>div:nth-child(1) {
        flex-direction: column;
        }
        
        #services .main_row_container>div:nth-child(2) {
            flex-direction: column;
        } 
        #feature .main_row_container>div{
            width: inherit  !important;
            margin: 2% 0 !important;
        }    

	.main-header .main-logo{
		width: 171px;
		left: 8%;

	}
	#home h1, #home a, #home p{
		position: relative;
		top:50px;
		padding: 10px 5px;
	}
	#about_us .main_row_container>div {
		padding: 0px 30px;
	}
	#about_us .main_row_container>div h4, #about_us .main_row_container>div .heading_descipation, #about_us .main_row_container>div p ,#about_us .main_row_container>div, #about_us .img_container {
		text-align: center;
	}
	#about_us {
		height: auto;
		
	}
	.services-page-section .btn-primary{
		padding: 7px 5px;
	}
	#feature .main_row_container {
		text-align: center;

	}
	#feature .feature_container{
		padding: 70px 20px;
	}
	footer{
		text-align: center;
	}
	.footer-style-three .footer-upper .info-widget .widget-inner p{
		margin:0 auto;
	}
	.footer-style-three .footer-top .row div {
		padding: 25px 0px 25px 0px;
	}
	#services .main_row_container>div .data_container {
		padding: 10px 7px;
	}
	.about-us-banner .banner_container{
		height: 80vh !important;
	}
	#history{
		text-align: center;
	}
	#philosophy{
		text-align: center;
	}
	.footer-style-three .footer-column{
		margin-bottom: 0%;
	}
	.disableflex{
		display: block;
	}
	.about-us-banner p {
		font-size: 2.5rem;		
	}
	.make-justify-center{
		justify-content: center;
	}

}

@media only screen and (max-width: 1500px) {
	#about_us .about_img_bottom {
		display: none;
	}
}

/* responsive nav */

/* responsive nav end */