/* header responcive css */
@media (max-width: 1400px){

}
@media (max-width: 1200px){
    .header-top-wrapper .contact-list, .header-top-wrapper .top-right{
        display: none;
    }
    .header-top-wrapper{
        justify-content: center;
    }
}

@media (max-width: 992px){
    .header-top-section.top-style-3 .header-top-wrapper .center-top-bar{
        text-align: center;
    }
    .mobile-menu.fix.mb-3.mean-container .mean-bar nav.mean-nav i.fas.fa-angle-down {
        display: none;
    }
    .section-padding{
        padding:50px 0px;
    }
    .section-title{
        margin-bottom: 15px;
    }
    .about-wrapper-2 .about-content p br{
        display: none;
    }
	.section-title{
		width:100%;
	}
	.theme-btn{
		width:auto;	
	}
    
}

@media (max-width: 768px){
    div#header-sticky .mega-menu-wrapper .header-left .logo a{
        display: block
    }
    div#header-sticky .mega-menu-wrapper .header-left .logo a img{
        width: 120px;
    }
    .about-wrapper-2 .about-content .icon-area{
        justify-content: space-between;
    }
    .about-wrapper-2 .about-content .about-author{
        justify-content: space-between;
    }
    section.client-section.section-padding .container.py-5{
        padding:0px !important;
    }
    .about-image-items .about-image-1 .about-image-2{
        display: none;
    }
    .about-extension{
        padding-top: 20px;
    }
    .about-content .about-author{
        margin-top: 20px;
    }
    .about-extension .col-lg-6.mt-4.mt-lg-0 {
        margin-top: 30px;
    }
    .about-extension .about-image-1{
        text-align: left;
    }
    .about-extension .col-lg-6.mt-4.mt-lg-0 {
        margin-bottom: 30px;
    }
    .about-image-items .about-image-1{
        text-align: left;
    }
    .about-content h2.wow.fadeInUp {
        text-align: left;
    }
    .about-content p.mt-3.mt-md-0.wow.fadeInUp {
        text-align: left;
    }
    .about-content .about-author{
        justify-content: left;
    }
    .team-section-3 .line-shape{
        display: none;
    }
    .brand-section.fix.section-padding.pt-0{
        margin-top: 40px !important;
    }
    .service-section-3 .section-title{
        margin-bottom: 20px;
    }
    section#service .section-title-area a.theme-btn {
        margin-bottom: 40px;
    }
    section#service .row {
        row-gap: 40px;
    }
    .number-section span{
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .timeline-text p.timeline-headine{
        margin-bottom: 0px;
    }
    section.work-process.pb-0.fix.section-padding .row{
        margin-top: 20px;
    }
	.brand-wrapper h6{
		font-size:34px;
		text-align:left !important;
	}
	.number-section .circle span{
		display: flex;
		justify-content: center;
		align-items: center;
	}
}