

@media (min-width: 1920px) {



.quote-details {

    padding: 12% 30% 12% 10%;

}

.company-faq {

    padding: 12% 10% 12% 30%;

}	

.client-details {

    padding: 12% 10% 12% 30%;

}

	

.company-content{



	padding: 12% 30% 12% 10%;

}

	

}



/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1169px) {	

.logo a {

    display: inline-block;

    height: auto;

    padding: 21px 0;

}

.header-area.stick .main-menu ul.navbar-nav li a {

    padding: 28px 0px;

}

.header-area-6.stick .main-menu ul.navbar-nav li a {

    padding: 25px 15px;

}	

.topbar-left ul li a {

    margin-right: 12px;

    padding: 13px 0;

    font-size: 15px;

}		

.layer-1-2 h1 {

    font-size: 46px;

    line-height: 56px;

    max-width: 870px;

}	       

.topbar-left ul li:last-child{

    display: none;

}

.counter-inner h3 {

    font-size: 46px;

    line-height: 56px;

}    

.single-about h5 {

    font-size: 16px;

}   

.single-about {

    width: 47%;

}

.about-content h3 {

    line-height: 32px;

    font-size: 24px;

}    

.about-content {

    background: #fff;

    padding: 20px 10px 57px 25px;

    position: relative;

    left: -40px;

    top: 20px;

}    

.fun_text {

    width: 29.33%;

}   

.company-content {

    padding: 6% 8% 6% 3%;

}    

.blog-area-2 .image-scale, .blog-area-2 .image-scale img {

    min-height: 376px;

    object-fit: cover;

}    

    

    

    

}









/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
.xs-mar-t-5 {margin-top: 20px;}
.owl-controls .owl-nav div.owl-prev {
    left: 2% !important;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1 !important;
}
.owl-controls .owl-nav div.owl-next {
    right: 2% !important;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1 !important;
}
.header-area .main-menu ul.navbar-nav > li > a {

    font-size: 12px;

    margin: 0px 10px;

    padding: 30px 0px;

}

.header-area.stick .main-menu ul.navbar-nav > li > a,

.header-area-3.stick .main-menu ul.navbar-nav > li > a{

    font-size: 12px;

    margin: 0px 10px;

    padding: 27px 0px;

}

.header-area-3 .main-menu ul.navbar-nav > li > a {

    padding: 30px 0px;

    margin: 0px 10px;

}

.header-middle-area .logo a {

    padding: 15px 0;

}

.header-middle-area .header-info {

    padding: 21px 0px;

}

.quote-button .quote-btn {

    padding: 14px 10px;

}

.logo a {

    padding: 19px 0;

}

.logo-bg:after {

    border-top: 81px solid transparent;

}

.header-area.stick .logo-bg:after {

    border-top: 75px solid transparent;

}

.header-right-link a.main-search {

    padding: 20px 0px 20px 10px;

}

.header-area.stick .header-right-link a.main-search {

    padding: 18px 0px 17px 10px;

}

.header-area-5.stick .header-right-link a.main-search {

    margin: 15px 0px 15px 10px;

    padding: 0px;

}

.section-headline h3 {

    font-size: 30px;

}

.breadcrumb .section-headline h3 {

    font-size: 34px;

    letter-spacing: 1px;

    line-height: 40px;

}

.sub-head h4 {

    font-size: 19px;

}

.slider-content {

    margin-top: -135px;

}  

.layer-1-2 h1 {

    font-size: 36px;

    line-height: 50px;

    max-width: 550px;

}

.intro-area-2 .layer-1-2 h1 {

    font-size: 34px;

    line-height: 40px;

    max-width: 550px;

}

.layer-1-1 p {

    font-size: 17px;

    line-height: 24px;

    max-width: 570px;

}

.ready-btn {

    margin-top: 5px;

}

.about-content h3 {

    line-height: 30px;

    font-size: 24px;

    margin-bottom: 0px;

}

.about-name h4 {

    font-size: 15px;

}

.top-social ul li a {

    margin-right: 2px;

}

.main-services {

    padding: 20px 10px;

}

.well-services:hover .image-layer{

	padding: 10px;

}

.image-layer a {

    margin-bottom: 5px;

    font-size: 13px;

}

.single-client {

    width: 50%;

}

.left-menu ul li a {

    padding: 10px 15px;

}

.blog-right-column .blog-content {

    margin-top: 0px;

    padding: 17px 15px;

    max-height: 100%;

    height: 138px;

}

.footer-services-link ul.footer-list {

    width: 100%;

    float: none;

}

.single-services-page .mar-row {

    margin-top: 20px;

}

.intro-area-2 .slider-content {

    margin-top: -80px;

}   		



.single-about p {

    display: block;

}

.single-certified h5 {

    font-size: 15px;

}

.counter-inner h3 {

    font-size: 38px;

    line-height: 54px;

}

.single-about {

    width: 100%;

    margin-right: 0px;

    margin-bottom: 15px;

}

.single-about:nth-child(3n), .single-about:nth-child(4n) {

    margin-bottom: 15px;

}

.project-all .project-single {

    width: 50%;

}

.project-details h4 {

    font-size: 24px;

    line-height: 34px;

}

.blog-content a h4 {

    font-size: 20px;

    line-height: 28px;

}

.project-dec h4 {

    font-size: 17px;

}

.blog-search-option input {

    width: 71%;

}

.topbar-left ul li a {

    margin-right: 10px;

    padding: 16px 0;

    font-size: 14px;

}	

.left-headline h3 {

    font-size: 26px;

    line-height: 36px;

    max-width: 600px;

}

.center-headline h3 {

    font-size: 26px;

    line-height: 34px;

    max-width: 680px;

}	

	

.main-menu ul.nav li ul.sub-menu {

    left: -65px;

}	

.intro-area-4 .layer-1-2 h1 {

    font-size: 32px;

    line-height: 42px;

}

.tab-menu {

    margin-top: 30px;

}	

.mar-row .single-page {

    margin-top: 20px;

}	

.single-page.middle-image{

	margin-bottom: 20px;

}

.intro-area-2 .layer-1-1 p {

    margin: 0px auto 15px;

}			

.banner-contact {

    float: left;

    padding-top: 20px;

}	

.client-details {

    padding: 12% 5%;

}	

.company-content {

    padding: 3% 3% 3% 0%;

}

.main-view {

    padding-bottom: 10px;

}

.left-tags .left-side-tags ul li a{

		font-size: 13px;

	}

.testimonial-text p {

    font-size: 18px;

}

.welcome-area-3 {

    position: relative;

    top: 0px;

    padding: 70px 0px;

}    

.intro-area-3 .slider-content {

    margin-top: -70px;

}    

.project-content .project-single {

    float: left;

    width: 33.33%;

}     

.counter-area {

    max-height: 380px;

}    

.client-head h3 {

    font-size: 26px;

}    

.client-inner {

    margin-top: 30px;

}   

.intro-area-4 .layer-1 h1 {

    font-size: 34px;

    line-height: 46px;

    margin: 0px 0px 20px;

    max-width: 555px;

}    

.wel-services-content {

    top: -60px;

}    

.service-feature-content {

    margin-top: 0px;

}   

.single-services-page .faq-full {

    margin-top: 40px;

}

.project-column-4 .project-single.all-padding:nth-child(4n){

    margin-top: 0px;

}    

.post-img {

    display: none;

}    

.pst-content {

    float: none;

    width: 100%;

    padding-left: 0px;

}    

.blog-details .blog-content h4 {

    font-size: 22px;

}    

.contact-head {

    margin-top: 40px;

}

.quote-contact {

    padding: 20px 40px 40px;

    margin-top: 30px;

}

.frame-text {

    font-size: 50px;

    line-height: 80px;

    margin-right: 15px;

}

.certified-text h4 {

    font-size: 20px;

    padding-left: 104px;

}    

.about-image {

    right: -30px;

}   

.about-content {

    padding: 30px 10px 20px 20px;

    left: 0px;

    top: 0px;

}   

.intro-area-2 .intro-content, 

.intro-area-2 .slider-images img {

    width: 100%;

    height: 100%;

    min-height: 460px;

    object-fit: cover;

}    

.fun_text {

    width: 29.33%;

}   

    

    

    

    

    

    

    

	

}



/* small mobile :320px. */

@media (max-width: 767px) {
.area-padding {padding:50px 0}
.xs-mar-t-5 {margin-top: 20px;}
.owl-controls .owl-nav div.owl-prev {
    left: 2% !important;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1 !important;
}
.owl-controls .owl-nav div.owl-next {
    right: 2% !important;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1 !important;
}
.container {width:300px}

.logo {

    height: inherit;

    left: 0;

    padding: 0;

    position: absolute;

    top: 4px;

    z-index: 999999;

    max-width: 130px;

}

.logo a {

    padding: 0px;

}

.pagess::after {

    display: none;

}

.slider-content,

.intro-area-2 .slider-content{

    margin-top: -160px;

}

.layer-1-2 {

    margin: 5px 0;

}

.layer-1-2 h1 {

    font-size: 24px;

    line-height: 34px;

    margin-bottom: 10px;

    letter-spacing: 0px;

}

.layer-1-1 p {

    font-size: 15px;

    letter-spacing: 0px;

    line-height: 26px;

    margin-bottom: 15px;

}

 .ready-btn.right-btn {

    margin-left: 5px;

}   

.ready-btn {

    margin-top: 0px;

    padding: 10px 0px;

    width: 128px;

	font-size: 12px;

}

.intro-content, .slider-images img {

    width: 100%;

    height: 100%;

    min-height: 400px;

    object-fit: cover;

}

.section-headline h4 {

    font-size: 20px;

    line-height: 30px;

}

.left-headline h3 {

    font-size: 30px;

    line-height: 40px;

}

.left-headline::after {

    bottom: 0px;

}



.about-content h3 {

    line-height: 33px;

    font-size: 24px;

}	

.about-content {

    padding: 0px;

}

.knoe-more-btn {

    margin-right: 20px;

}

.quote-contact {

    padding: 20px 15px 50px;

}

.single-contact {

    width: 100%;

    float: none;

    margin-bottom: 30px;

}

.project-single {

    float: none;

    width: 100% !important;

}	

.review-area {

    padding-top: 60px;

}		

.build-img-2 {

    top: 50px;

    left: 50px;

}

.certified-certi {

    margin-top: 30px;

}

.certified-content {

    position: relative;

    margin-top: 110px;

}

.certified-details {

    padding: 20px 0px 0px;

}

.certified-text h4 {

    font-size: 18px;

    line-height: 26px;

    padding-left: 102px;

}

.certified-certi img {

    width: 100%;

    float: none;

    margin-bottom: 30px;

}

.certi-img-1,

.certi-img-2 {

    padding-right: 0px;

    padding-left: 0px;

}

.frame-text {

    font-size: 50px;

    line-height: 90px;

    margin-right: 15px;

}

.certified-inner {

    margin-left: 0px;

}

.single-certified h5 {

    font-size: 14px;

}

.well-services {

    margin-bottom: 30px;

}

.services-column {

    margin-top: 0px;

}

.blog-right-column .blog-content {

    padding-left: 12px;

}

.section-headline h3 {

    font-size: 26px;

}

.breadcrumb .section-headline h3 {

    font-size: 30px;

    margin-bottom: 5px;

}

.fun_text {

    width: 100%;

    margin: 5px 0px;

}

.testimonial-text p {

    font-size: 16px;

    line-height: 24px;

}

.company-faq {

    padding: 20% 15%;

}

.quote-details {

    padding: 20% 15%;

}

.faq-content {

    padding: 5% 8%;

    margin-top: 30px;

}

.banner-content h4 {

    font-size: 22px;

    line-height: 30px;

}

.main-view {

    float: none;

    padding: 10px 10px;

    width: 100%;

}

.project-dec h4 {

    font-size: 20px;

}

.sub-head h4 {

    font-size: 24px;

}

.banner-contact span {

    font-size: 15px;

    margin-right: 6px;

}    

.banner-contact span i {

    margin-right: 10px;

}

.banner-btn {

    float: none;

    margin-top: 20px;

}

.footer-content {

    margin-bottom: 50px;

}

.footer-about-top,

.footer-3 .footer-about-top{

    background: transparent;

    top: 0px;

    margin-bottom: 50px;

    padding: 0px;

}

.footer-about-top::before{

    display: none;

}

.copyright {

    text-align: center;

    margin: 10px 0px;

}

.copyright ul {

    text-align: center;

}

.copyright ul li:first-child {

    margin-left:0px;

}

.copyright ul li a {

    text-align: center;

} 

.single-about {

    width: 100%;

} 

.single-about:nth-child(3n), .single-about:nth-child(4n) {

    margin-bottom: 20px;

}

.left-head-blog {

    margin-top: 70px;

}    

.business-faq {

    margin-bottom: 40px;

}    

.single-faq h3 {

    font-size: 18px;

}    

.project-menu li a {

    font-size: 13px;

    margin: 5px 3px;

    padding: 5px 6px;

} 

.project-details h3 {

    font-size: 26px;

}

.project-details{

    margin-bottom: 30px;

}

.project-history {

    padding: 50px 15px;

    margin-bottom: 30px;

}

.single-page {

    margin-top: 30px;

}

.middle-image{

	margin-bottom: 30px;

}

.tab-menu {

    margin-top: 30px;

}

.single-services-page .mar-row {

    margin-top: 20px;

}    

.client-head h3 {

    font-size: 24px;

}

.center-headline h3 {

    font-size: 26px;

    line-height: 36px;

}

.contact-icon {

    padding: 20px 5px;

	margin-bottom: 0px;

}

.about-image{

	margin-bottom: 30px;

        right: 0px;

}

.about-content{

    left: 0px;

    top:0px;

    padding: 0px 20px;

}

.about-page-area .about-image{

	margin-bottom: 0px;

	margin-top: 20px;

}

.texti-name {

    padding-left: 6px;

}

.error-easy-text {

    font-size: 24px;

}

.high-text {

    font-size: 100px;

    line-height: 120px;

}

.error-bot {

    font-size: 15px;

}

.single-well h3 {

    margin-bottom: 5px;

    font-size: 22px;

}

.single-well a h4 {

    font-size: 20px;

    margin-bottom: 10px;

}

.tab-menu ul.nav li a {

    padding: 10px 5px;

    margin-right: 0px;

    width: 90px;

    font-size: 12px;

}

.project-details h4 {

    font-size: 20px;

}

.marker-list li {

    font-size: 14px;

}

.contact-head {

    padding: 40px 15px 0px;

    margin-top: 30px;

}

.contact-head h3 {

    font-size: 20px;

}	

.choose-wrapper {

    background: #f9f9f9;

    padding: 80px 30px 80px 30px;

}

.contact-form.news-form .form-control {

    float: none;

    width: 100%;

}

.contact-form.news-form .add-btn {

    float: none;

    margin-left: 0px;

}

.header-two {

    position: relative;

}

.choose-services {

    margin: 10px 0px;

}	

.blog-content a h4 {

    font-size: 17px;

    line-height: 26px;

}	

.blog-details .blog-content a h4 {

    font-size: 18px;

    line-height: 26px;

}	

.intro-area-4 .layer-1-2 h1 {

    font-size: 18px;

    line-height: 26px;

}		

.blog-search-option input {

    width: 75%;

}	

.image-layer a i {

    font-size: 70px;

}

.image-layer a {

    top: 20%;

}

.services-carousel {

    margin-bottom: 0px;

}	

.service-content h4 {

    font-size: 18px;

}

.fun_text span {

    font-size: 30px;

    line-height: 40px;

}	

.quote-area #contactForm input.last-part {

    margin-bottom: 20px;

}	

.client-details {

    padding: 20% 8%;

}

.company-content {

    padding: 12% 8%;

}

.client-head {

    margin-bottom: 30px;

}

.container-full .section-headline p {

    max-width: 260px;

}	

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev, 

	.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{

		display: none;

	}	

.about-count {

    margin-bottom: 30px;

}

.counter-inner {

    padding: 15% 1% 1% 1%;

}

.counter-inner h3 {

    font-size: 30px;

    line-height: 40px;

}

.fun-text {

    width: 46%;

	padding: 30px 10px;

}

.single-services:hover .main-services {

    bottom: 0px;

    padding: 20px 10px;

}

.blog-right-column .blog-image {

    overflow: hidden;

    float: none;

    width: 100%;

    margin-right: 0px;

}

.intro-area-4 .layer-1-1 p {

    margin: 0px auto 15px;

}

.intro-area-4 .layer-1-2 h1 {

    margin: 15px auto;

}

.project-menu {

    padding: 0px 15px;

}	

.client-name span{

	font-size: 13px;

}

.client-name h4{

	font-size: 15px;

}

.last-content{

    margin-bottom: 0px;

}

.footer-list li a {

    font-size: 15px;

}	

.welcome-area-3 {

    position: relative;

    top: -20px;

    padding: 70px 0px;

}	

.intro-area-4 .layer-1 h1 {

    font-size: 28px;

    line-height: 42px;

}	

.intro-area-4 .slider-content {

    margin-top: -150px;

}

.project-single.all-padding, 

.project-column-4 .project-single.all-padding:nth-child(4n) {

    margin-top: 0px;

}    

.counter-area::after {

    background-position: left center;

}    

.welcome-area-4 .well-services {

    width: 100%;

    float: none;

    border-bottom: 1px solid #f5f5f5;

    border-right: none;

}    

.bread-content {

    text-align: center;

}    

.breadcrumb-bg {

    float: none;

}    

.feature-service h5 {

    font-size: 18px;

}

.feature-service i {

    margin-right: 10px;

}

.single-services-page .faq-full {

    margin-top: 40px;

}    

.blog-details .blog-content h4 {

    font-size: 21px;

}    

.blog-area-2 .blog-image {

    width: 100%;

    height: auto;

    float: left;

}    

.fun-content {

    margin-top: 10px;

}  

.counter-area {

    height: auto;

    max-height: fit-content;

}

.overview-img {

    padding-right: 0px;

}    

.single-brand-item {

    float: left;

    width: 50%;

    padding: 10px 10px;

}    

.brand-content h3 {

    font-size: 21px;

    line-height: 30px;

}    

.brand-items {

    padding: 0px 0px;

}

.contact-page .single-contact {

    float: none;

    width: 100%;

}    

    

}



/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.container {width:450px}

.layer-1-2 h1 {

    font-size: 24px;

    line-height: 32px;

}

.intro-area-4 .layer-1-2 h1 {

    font-size: 24px;

    line-height: 32px;

}

 .service-content h4 {

    font-size: 16px;

} 

.breadcrumb .section-headline h3 {

    font-size: 34px;

}	

.container-full .section-headline p {

    max-width: 360px;

}		

.project-single {

    float: left;

    width: 50% !important;

}

.single-client {

    float: left;

    width: 50%;

}

.blog-content a h4 {

    font-size: 20px;

}	

    

}

 

