/*==========  Non-Mobile First Method  ==========*/
	
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1450px) {
		.menu-active {
		  left: 80% !important;
		}
    }

    @media only screen and (max-width : 1200px) {
		.menu-active {
		  left: 70% !important;
		}
		#our-clients li.each-client{
			width: 33.33% !important;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
    	.menu-active {
		  left: 65% !important;
		}
		
		
	
		
		.caption .main-title{
			font-size: 60px !important;
			margin-bottom: 15px !important;
		}
		.caption .sub-title{
			font-size: 30px !important;
			margin-bottom: 50px !important; 
		}
		.home-slider .slider-button{
			font-size: 14px !important;
		}
		.feature-item{
			margin-bottom: 30px;
		}
		#expertise .col-xs-height {
			display: block;
		}
		#expertise .content-part{
			display: none;  	
		}
		#expertise .info-part{
			padding-right: 15px !important;
		}
		#blog-details .social-icon{
			text-align: left;
		}
		
	.mtab{display:none;}
	
	#latest-blog .each-post .headline
	{font-size:20px;}
	
.logomt.pull-left
{width: 219px;
    position: relative;
    right: 59px;}
	
    }
    @media only screen and (max-width:800px)
    {
        #latest-blog .each-post .headline{font-size:20px!important; }
        
        .col-sm-offset-2{margin-left:inherit;}
        
        form.form.wow.fadeIn.animated { margin-left: 11px;}
        form.form.wow.fadeIn{margin-left:12px;}
        	.left_about{width:100%!important;}
	 .right_about{width:100%!important;}
         .item {height:414px!important;}
         
         .owner_im img{width:88px!important;}
       .director_info .owner_im {top: 11%; left: 23%;}
        .director_info{margin-bottom:19px;}
        #features .left_con {width: 100%;}
   
         #features .right_con {width:100%;}
         .left-part p{text-align:justify;}
        
      
    }

    
    

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.logo-left{
    		left: 50px !important;
    	}
    	.menu-button{
    		left: 85% !important;
    	}
    	.menu-active {
		  	left: 55% !important;
		}
		
		.video{width:100%;}
		.video iframe{width:100%;}
		
		
	
   
		.caption .main-title{
			font-size: 40px !important;
			margin-bottom: 10px !important;
		}
		.caption .sub-title{
			font-size: 20px !important;
			margin-bottom: 30px !important; 
		}
		#our-clients li.each-client{
			width: 50% !important;
		}
    	#features .header-content .title{
    		margin-bottom: 30px;
    	}
		.isotope .isotope-item{
			width: 100%;
		}
		.achievment-item .content .caption{
			width: 100%;
		}
		#count-down .counter-content .each-counter{
			margin-bottom: 30px;
		}
		.team-member .content{
			margin-bottom: 30px;
		}
		#latest-blog .each-post{
			margin-bottom: 50px;
		}
		#client-feedback .custom-control #slider-prev{
			left: 20px !important;
		}
		#client-feedback .custom-control #slider-next{
			right: 20px !important;
		}
		.comments-form form input,
		.comments-form form textarea{
			margin-bottom: 20px;
		}
		#footer .bottom-part .left-part{
			margin-bottom: 30px;
		}
    }
	
	/*other Devices*/
	 @media only screen and (max-width : 600px) {
    	.menu-active {
		  	left: 45% !important;
		}
		#our-clients li.each-client{
			width: 100% !important;
		}
		.info{margin-bottom:15px;}
	}
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    	.logo-left{
    		left: 20px !important;
    	}
		.menu-active {
		  left: 30% !important;
		}
		
		.item{height:222px!important;}
		ol.carousel-indicators{display:none;}
	
		.logomt.pull-left {width: 126px!important; margin-left: 27px; margin-top: -56px;}
    
        .menu-button{top:9px!important;}
           
           .main-nav-change{position:unset!important;}
           
           .director_info .owner_im{top: 8%; left: 8%;}
          .row .get_1{width:100%; margin-top:4px;}
   

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 414px) {
        .director_info{margin-bottom:137px;}
        
        .director_info .owner_im { top: 26%;  left: 38%;}
   
        .row .right_con{padding:23px;}  

        
    }