/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 

.header-padding {
	 margin-left: 0!important;
}
 
.header-addeess {
    padding-left: 21px!important;
	
}
.menu_area .menu_bottom .mainmenu a, .navbar-default .navbar-nav > li > a {
	padding-top: 16px!important;
	padding-bottom: 7px!important;
	
}   

.section-one {
	padding: 40px 0;
}
    
    
 /*====section two End=========*/   
.section-two-wrpp {
    padding: 14px 17px 27px;
}
    
.section-two-wrpp {
	position: relative!important;
	 top: 0!important; 
	 margin-right: 0!important; 
	margin-top: 20px!important;
}
    
.section-two-title {
	font-size: 16px!important;
}

.section-two-content {
	font-size: 14px!important;
}
    
/*====section two End=========*/
    
.section-three {
	margin-top: 24px!important;
} 
    
.services-title a {
	font-size: 18px!important;
}

.services-content {
	font-size: 14px!important;
}
    
.background {
	 margin-left: 0 !important; 
}
 
    
.quites-contact input[type="text"], input[type="email"], textarea {
	padding: 7px 10px!important; 
	
}
 .section-seven {
	padding: 40px 0!important; 
}
    
.clients-content {
	padding: 0 10px!important; 
	text-align: justify!important; 
}

    
 .section-eight {
	padding: 6px 0!important; 
}   
    
.team-bg:hover .team-social {
	bottom: 45%!important; 
}  
    
.blog-list.owl-carousel.owl-theme.owl-loaded.owl-responsive-768 {
	overflow: hidden;
}
.blog-cat-title {
	top: 20%!important; 
}    
 
.blog-list .owl-nav div {
	top: 24%!important; 
}   
    
 .blog-meta {
	padding: 6px 8px 0!important; 
}
.blog-date ul li {
	margin-right: 5px!important; 
	font-size: 13px!important; 
	padding-right: 5px!important; 
}

.blog-title {
	font-size: 16px!important; 
}
 
.blog-section {
	padding: 7px 0!important; 
}
   .bottom-footer-social a {
	margin: 0 1px!important; 
	padding: 4px 7px!important; 
	
} 
    
/*=============== page css start============*/
    
    .contact-from {
	overflow: hidden !important;
}

.project-item:hover .project-wrpp {
	top: 13%!important;
}

 /*----------about page-----------*/
    
.counter-title h3 {
	font-size: 27px!important;
	
}
.counter-contant {
	height: 133px !important;
	width: 123px !important;
	padding-top: 41px !important;
	margin-top: 50px !important;
}

	

.counter-contant h2 span {
	font-size: 26px!important;
} 
.counter-contant h2 {
	font-size: 26px!important;
}
 
    
.counter-contant p {
	font-size: 14px!important;
}
    
    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    
    /*=============== top header start============*/
.header-addeess {
	padding-left: 21px !important;
	margin-bottom: 12px !important;
}
    
.border {
	border-right: none !important;
}
    
.header-padding {
	 margin-left: 0 !important; 
}
    
.header-addeess span {
	font-size: 15px !important;
}    
    
.top-social {
	text-align: center !important;
	margin-top: 12px !important;
}
/*=============== top header End============*/
    
 
    
/*=============== Menu css  start============*/
.menu-section {
	position: relative !important;
}
.menu_area .menu_bottom .mainmenu a, .navbar-default .navbar-nav > li > a {
	padding-top: 17px!important;
	padding-bottom: 7px!important;
}

/*=============== Menu css End============*/
    
    
    
    
/*=============== Section one start============*/
 .section-one {
	padding: 10px 0!important;
}   
    
    
.home-title-one {
	font-size: 28px!important;
}
    
.home-title-two {
	font-size: 34px!important;
}
    
.header-button ul li {
	margin-bottom: 18px;
}    
    
/*=============== Section one End============*/
    
    
/*=============== Section two Start============*/
.section-padding-wrpp {
	position: relative!important;
    top: 0!important; 
    margin-right: 0!important; 
	margin-bottom: 12px!important;
	top: 10px!important;
}
/*=============== Section two End============*/
    
    
/*=============== Section three Stat============*/
    .section-three {
	margin-top: 40px!important;
}

.background {
	 margin-left: 0!important;
}

.about-title {
	font-size: 19px!important;
	margin-top: 19px!important;
}
/*=============== Section three End============*/
    
    
/*=============== Section Four Start============*/
.section-four {
    padding: 51px 0!important;
	 margin-top: 0!important; 
}
/*=============== Section Four End============*/
    
    
    
    
/*=============== Section six Start============*/
    
.client-image img {
	max-width: 34%!important;
}
    
.clients-content {
	padding: 0 20px!important;
} 
    
.clints-icon i.fa {
	margin-top: 20px!important;
}
    
.clients-list .owl-dots {
	left: 41%!important;
	
}    
/*=============== Section six End============*/
    
    
/*=============== Section seven Start============*/
    .section-seven {
	padding: 23px 0!important;
}
/*=============== Section seven End============*/
    
    
/*=============== Section Eight Start============*/
.section-eight {
	padding: 10px 0!important;
}
    
.blog-cat-title {
	top: 39%!important;

}
.blog-title {
	margin-top: 6px!important;
}
    
.blog-list {
	overflow: hidden!important;
}
    
/*=============== Section Eight End============*/
    
    
    
/*=============== Section Nine Start============*/
.blog-section {
	padding: 2px 0!important;
}
/*=============== Section Nine End============*/
    
    


    
/*=============== footer-section-start============*/
.footer-section {
	padding: 45px 0!important;
}

.footer-menu-title {
	margin-top: 20px!important;
}
.footer-link-title {
	margin-top: 20px!important;
} 
/*=============== footer-section-End============*/
    
    
/*=============== bottom-footer-section-start============*/
    
.design-developed {
	text-align: center!important;
	font-size: 16px!important;
}
.copy-right {
	text-align: center!important;
}
    


.video-bg {
	width: 100%!important;
	
}
    
.vedio-btn {
	left: 37%!important;
}
    
.counter-title {
	padding: 10px 0!important;
}

.counter-contant {
	margin-left: 54px!important;
	margin-bottom: 14px!important;
}
    
    
}




/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 

.company-title {
	text-align: center!important;
}
 
.header-addeess {
	padding-left: 24px !important;
	margin-bottom: 30px !important;
}

.client-image img {
	max-width: 42%!important;
} 

.clients-title {
	font-size: 20px!important;
}
    
.clients-content {
	padding: 0 10px !important;
} 
    
.blog-cat-title {
	top: 25% !important;
}
    
 .team-social a {
	padding: 4px 9px!important;
	
}  
    
    
.blog-section {
	padding: 8px 0;
}
    
    
.blog-list .owl-nav div {
	top: 22%!important;
}    


.blog-date ul li {
	margin-right: 1px;
	font-size: 13px;
	padding-right: 7px;
}

.blog-title {
	font-size: 16px;
}
    
.blog-content {
	font-size: 14px;
	
}    
    
    
    

}