/* Esonit IT HTML Template*/

@media only screen and (max-width: 2000px){
	
	
	
}

@media only screen and (max-width: 1600px){
	
	
	
}

@media only screen and (max-width: 1340px){

	
	
}

@media only screen and (max-width: 1140px){
	
	.main-header{
		margin:0px !important;
	}
	
	.page-wrapper{
		overflow:hidden;	
	}
	
	.main-menu .navigation > li{
		margin-left:0px;
	}
	
	.main-slider{
		padding:0px 0px;
	}
	
	h1{
		font-size:42px;
	}
	
	h2{
		font-size:32px;
	}
	
	.banner-section .image-column .image img{
		max-width:100%;
	}
	
	.sticky-header .main-menu .navigation > li{
		margin-left:18px;
	}
	
	.sticky-header .main-menu .navigation > li > a{
		font-size:18px;
	}
	
	.process-block .inner-box::before,
	.main-header .language-nav{
		display:none;
	}
	
	.success-tabs .tabs-content h3,
	.banner-section .content-column .inner-column{
		padding-top:0px;
	}
	
	.login-section .left-color-bar,
	.login-section .right-color-bar,
	.pricing-page-title-section .left-color-layer,
	.pricing-page-title-section .right-color-layer,
	.page-title-section .left-color-layer,
	.page-title-section .right-color-layer,
	.coaching-section .left-color,
	.coaching-section .right-color,
	.coaching-section .icon-layer-one,
	.success-section .icon-layer-one,
	.success-section .left-white-bar,
	.success-section .right-white-bar,
	.news-section .left-white-bar,
	.news-section .right-white-bar,
	.case-studio-section .pattern-layer,
	.careers-title-section .left-color-layer,
	.careers-title-section .right-color-layer,
	.business-section-two .left-color-layer,
	.business-section-two .right-color-layer{
		display:none;
	}
	
	.case-studio-section .upper-box .counter-column .inner-column{
		padding-left:0px;
	}
	
	.case-studio-section .lower-box .case-block-two:nth-child(2n){
		transform:translateY(0px);
	}
	
	.process-section{
		padding-bottom:100px;
	}
	
	.success-section{
		padding-top:100px;
	}
	
	.news-section{
		padding:100px 0px 80px;
	}
	
	.business-section,
	.services-section,
	.case-study-section{
		padding-top:36px;
	}
	
	.featured-section{
		padding:120px 0px 80px;
	}
	
	.success-tabs .tab-btns .tab-btn{
		margin-right:150px;
	}
	
	.professional-section{
		padding-top:120px;
	}
	
	.success-section .content-column .text,
	.professional-section .content-column .text,
	.success-tabs .tabs-content .text{
		padding-right:0px;
	}
	
	.case-study-section .title-column .inner-column,
	.chain-section .blocks-column .inner-column{
		padding:0px;
	}
	
	.chain-section .content-column .inner-column{
		padding-left:0px;
	}
	
	.chain-section{
		padding-bottom:0px;
	}
	
	.testimonial-section .left-column{
		order:2;
	}
	
	.testimonial-section .right-column{
		order:3;
	}
	
	.testimonial-section .title-column{
		order:1;
	}
	
	.testimonial-section .title-column .inner-column{
		padding-top:0px;
	}
	
	.testimonial-block{
		margin-bottom:40px;
	}
	
	.testimonial-section{
		padding-top:20px;
		padding-bottom:60px;
	}
	
	.case-study-section .color-layer{
		width:360px;
		height:360px;
	}
	
	.newsletter-section .inner-container{
		padding-left:50px;
	}
	
	.main-header.header-style-two .main-menu .navigation > li{
		margin:0px 8px;
	}
	
	.banner-section-two .video-box{
		margin-left:8px;
	}
	
	.coaching-section .content-column .blocks-outer{
		padding-right:0px;
	}
	
	.business-section-two{
		padding:90px 0px 90px;
	}
	
	.chain-section.style-two{
		padding-top:120px;
	}
	
	.clients-section .title-column .inner-column{
		padding:0px;
	}
	
	.clients-section{
		padding-top:200px;
	}
	
	.newsletter-section .inner-container .icon-layer-one{
		left:40px;
	}
	
	.team-section{
		padding:15px;
	}
	
	.chain-section.style-three{
		padding-top:130px;
		padding-bottom:80px;
	}
	
	.services-section.style-two{
		padding-top:100px;
	}
	
	.strategy-section .content-column .inner-column{
		padding-top:160px;
		padding-left:0px;
	}
	
	.value-section .inner-container{
		margin-left:0px;
	}
	
	.value-section .content-column .inner-column{
		padding:40px 35px 30px;
	}
	
	.value-section .content-column p{
		font-size:18px;
	}
	
	.login-section{
		padding-bottom:100px;
	}
	
	.login-section .image-column .image{
		right:0px;
	}
	
	.login-section .inner-container{
		margin-left:0px;
		background-color:#ffffff;
	}
	
	.login-section .image-column .image img{
		max-width:100%;
	}
	
	.login-section .form-column .copyright{
		margin-top:0px;
	}
	
	.login-section .form-column .inner-column{
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
	}
	
	.case-block-three .inner-box .content-column .content{
		padding:0px 0px;
	}
	
	.workspace-block .block-inner .image{
		margin-right:0px;
	}
	
	.feedback-box .box-inner .feedback-content{
		padding-top:0px;
		padding-left:380px;
	}
	
	.news-block-two .inner-box .content-column .content{
		padding:0px 0px;
	}
	
	.related-posts .owl-nav .owl-prev{
		left:15px;
	}
	
	.related-posts .owl-nav .owl-next{
		right:15px;
	}
	
	.related-posts{
		padding-top:0px;
	}
	
	.testimonial-section-two .pattern-layer{
		z-index:0;
	}
	
	.testimonial-section-two .title-column .inner-column{
		text-align:center;
	}
	
	.testimonial-section-two{
		padding-top:60px;
	}
	
	.banner-section-three .image-column .inner-column{
		margin-right:0px;
	}
	
	.banner-section-three .content-column .inner-column{
		padding-top:20px;
	}
	
	.design-block .content-column .inner-column{
		padding-right:0px;
		padding-top:40px;
	}
	
}

@media only screen and (min-width: 768px){
	
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
		 border-bottom-left-radius: 7px; 
    border-bottom-right-radius: 7px;
	}
	
}

@media only screen and (max-width: 1024px){
	
	.main-header .main-box .logo-box {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		margin:0px;
		text-align:left;
	}
	
	.case-studio-section{
		padding-bottom:520px;
	}
	
	.main-header .outer-box{
		display:block;
	}
	
	.main-menu .navigation > li > a{
		font-size:16px;
	}
	
	.main-menu .navigation > li{
		margin-right:25px;
	}
	
	.main-header .header-upper .logo-box{
		margin: 0px;
		padding-bottom:0px;
		text-align:center;
	}
	
	.main-header{
		position:relative;
	}
	
	.main-header .nav-outer{
		width:100%;
		padding-top:0px;
	}
	
	.main-menu .navigation > li > a{
		text-transform:capitalize;
	}
	
	.sticky-header .logo{
		width:100%;
		text-align:center;
	}
	
	.sticky-header .pull-right{
		width:100%;
	}
	
	.sticky-header .main-menu .navigation > li{
		margin-left:0px;
		margin-right:20px;
	}
	
	.main-header .nav-outer{
		float:left;
		width:auto;
		padding-left:0px;
	}
	
	.contact-page-section .info-block .inner-column{
		background-color:#fef3ec;
	}
	
	.success-tabs .tabs-content .color-box-two,
	.contact-page-section .inner-container:before,
	.pricing-page-title-section .text br,
	.sticky-header{
		display:none;
	}
	
	.banner-section{
		padding-top:30px;
	}
	
	.banner-section .image-column .inner-column{
		padding-top:50px;
	}
	
	.fact-counter .column .inner .text br,
	.business-section .icon-layer-two,
	.success-section .icon-layer-two,
	.service-block .inner-box h3 a br{
		display:none;
	}
	
	.newsletter-section .inner-container .icon-layer-two,
	.newsletter-section .inner-container .color-box,
	.success-tabs .tabs-content h3 br{
		display:none;
	}
	
	.success-tabs .tabs-content .image img{
		width:100%;
		display:block;
	}
	
	.chain-section .content-column{
		order:1;
	}
	
	.chain-section .blocks-column{
		order:2;
	}
	
	.newsletter-section .inner-container::before{
		top:0px;
	}
	
	.newsletter-section .inner-container{
		padding:40px 20px 0px;
		text-align:center;
	}
	
	.newsletter-section .form-column .inner-column{
		padding-top:80px;
	}
	
	.newsletter-section .inner-container .pattern-layer{
		top:0px;
	}
	
	.main-footer .footer-bottom .copyright{
		text-align:center;
		margin-bottom:10px;
	}
	
	.main-footer .footer-bottom .nav-column ul{
		text-align:center;
	}
	
	.business-block .inner-box{
		box-shadow:0px 0px 22px rgba(0,0,0,0.10);
	}
	
	.main-header.header-style-two .nav-outer{
		margin-top:0px;
		text-align:left;
		position:relative;
	}
	
	.main-header.header-style-two .outer-box{
		right:auto;
		left:0px;
	}
	
	/* .main-header.fixed-header{
		position:fixed;
		background-color:#ffffff;
	} */
	
	.banner-section-two .image-column .inner-column{
		margin-right:0px;
		text-align:center;
	}
	
	.banner-section-two .content-column{
		margin-bottom:60px;
	}
	
	.banner-section-two .image-column .color-three{
		right:20px;
	}
	
	.banner-section-two .image-column .image .call-box{
		left:0px;
	}
	
	.clients-section{
		padding-top:120px;
	}
	
	.clients-section .title-column{
		margin-bottom:60px;
	}
	
	.coaching-section .image-column .image{
		margin-right:0px;
	}
	
	.page-title-section .text br{
		display:none;
	}
	
	.careers-title-section .upper-box{
		padding-bottom:40px;
	}
	
	.careers-title-section .lower-box .image-column .inner-column{
		padding-left:0px;
		padding-top:40px;
	}
	
	.career-block .inner-box{
		padding:30px 30px;
	}
	
	.career-block .inner-box .content{
		padding-right:240px;
	}
	
	.career-block .inner-box .text{
		font-size:18px;
	}
	
	.strategy-section .inner-container{
		margin-top:100px;
	}
	
	.strategy-section .image-column .inner-column{
		padding-right:0px;
	}
	
	.strategy-section .content-column .inner-column{
		padding-top:0px;
	}
	
	.transformation-section{
		padding-top:100px;
	}
	
	.page-title-section.style-three{
		padding-bottom:120px;
	}
	
	.login-section .image-column .image img{
		width:100%;
	}
	
	.login-section .form-column{
		order:1;
	}
	
	.login-section .image-column{
		order:2;
	}
	
	.login-section .form-column .copyright{
		margin-left:20px;
		margin-bottom:40px;
	}
	
	.case-block-three .inner-box .content-column .content{
		padding-bottom:40px;
	}
	
	.feedback-box .box-inner{
		padding:30px 30px;
	}
	
	.feedback-box .box-inner .text{
		padding-right:0px;
	}
	
	.news-block-two .inner-box .content-column .content{
		padding-bottom:40px;
	}
	
	.discuss-section .inner-container{
		text-align:center;
	}
	
	.discuss-section .image-column .inner-column{
		padding-top:25px;
	}
	
	.page-title-section h2{
		font-size:46px;
	}
	
	.careers-title-section h1{
		font-size:44px;
	}
	
	.case-study-section .carousel-column .inner-column{
		margin-right:0px;
	}
	
	.banner-section-three .image-column .inner-column{
		text-align:center;
	}
	
	.design-block.style-one .content-column{
		order:1;
	}
	
	.design-block.style-one .image-column{
		order:2;
	}
	
	.program-section .lower-box .counter-column{
		margin-bottom:40px;
	}
	
	.program-section .lower-box .counter-column .column{
		margin-bottom:30px;
	}
	.main-footer .color-layer{
		width: 50%;
	}
	
	.banner-section .content-column h1 {
		font-weight: 900;
        line-height: 1.4em;
	    font-size: 32px
	}
}

@media only screen and (max-width: 767px){
	
	.header-upper .logo-outer {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		width:100%;
		margin:0px;
	}
	
	.main-header .sticky-header .outer-box{
		display:block;
		right: 15px;
		left: auto;
		top:0px;
	}
	
	.main-menu{
		width:100%;
		display:none;
	}
	
	.main-menu .navbar-collapse {
	   max-height:300px;
	   max-width:none;
		overflow:auto;
		float:none !important;
		width:100% !important;
		padding:0px 0px 0px;
		border:none;
		margin:0px 0px 15px;
		-ms-border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		-o-border-radius:0px;
		border-radius:0px;
		box-shadow:none;
   }
   
	.main-menu .navbar-collapse.in,
	.main-menu .collapsing{
		padding:0px 0px 0px;
		border:none;
		margin:0px 0px 15px;
		-ms-border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		-o-border-radius:0px;
		border-radius:0px;
		box-shadow:none;	
	}
	
	.main-menu .navbar-header{
		position:relative;
		float:none;
		display:block;
		text-align:right;
		width:100%;
		padding:15px 0px;
		right:0px;
		z-index:12;
	}
	
	.main-menu .navbar-header .navbar-toggle{
		display:inline-block;
		z-index:12;
		border:1px solid #cc8809;
		float:none;
		margin:0px 0px 0px 0px;
		border-radius:0px;
		background:#cc8809;
	}
	
	.main-menu .navbar-header .navbar-toggle .icon-bar{
		background:#ffffff;	
	}
	
	.main-menu .navbar-collapse > .navigation{
		float:none !important;
		margin:0px !important;
		width:100% !important;
		background:#2c2c2c;
		border:1px solid #ffffff;
		border-top:none;
	}
	
	.main-menu .navbar-collapse > .navigation > li{
		margin:0px !important;
		float:none !important;
		padding:0px !important;
		width:100%;
	}
	
	.main-menu .navigation > li > a,
	.main-menu .navigation > li > ul:before{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a{
		padding:10px 10px !important;
		border:none !important;
	}
	
	.main-menu .navigation li.dropdown > a:after,
	.main-menu .navigation > li.dropdown > a:before,
	.main-menu .navigation > li > ul > li > a::before,
	.main-menu .navigation > li > ul > li > ul > li > a::before{
		color:#ffffff !important;
		right:15px;
		font-size:16px;
		display:none !important;
	}
	
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		position:relative;
		border:none;
		float:none;
		visibility:visible;
		opacity:1;
		display:none;
		margin:0px;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		padding:0px;
		outline:none;
		width:100%;
		background:#2c2c2c;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		transition:none !important;
		-webkit-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		-moz-transition:none !important;
	}
		
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}
	
	.main-menu .navbar-collapse > .navigation > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{
		border-top:1px solid rgba(255,255,255,1) !important;
		border-bottom:none;
		opacity:1 !important;
		top:0px !important;
		left:0px !important;
		visibility:visible !important;
	}
	
	.main-menu .navbar-collapse > .navigation > li:first-child{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
		padding:10px 10px !important;
		line-height:22px;
		color:#ffffff;
		background:#2c2c2c;
		text-align:left;
	}
	
	.main-menu .navbar-collapse > .navigation > li > a:hover,
	.main-menu .navbar-collapse > .navigation > li > a:active,
	.main-menu .navbar-collapse > .navigation > li > a:focus{
		background:#cc8809;
	}
	
	.main-menu .navbar-collapse > .navigation > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li.current > a,

	.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
		background:#2c2c2c;
		color:#ffffff !important;
	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
		display:block;
	}
	
	.sec-title .text br,
	.designing-section .icon-layer-two,
	.designing-section .icon-layer-four,
	.main-menu .navigation > li > ul:before{
		display:none !important;	
	}
	
	.main-header .main-box .logo-box{
		float:none;
		text-align:center;
		padding-bottom:10px;
	}
	
	.main-header .header-lower .outer-box{
		position:absolute;
		z-index:12;
		display:block;
	}
	
	.main-menu .navbar-header .navbar-toggler{
		display: inline-block;
		z-index: 12;
		width: 50px;
		height: 40px;
		float: none;
		padding: 0px;
		text-align: center;
		border-radius: 0px;
		background: none;
		border: 1px solid #ffffff;
	}
	
	.main-menu .navbar-header .navbar-toggler .icon-bar{
		position: relative;
		background: #ffffff;
		height: 2px;
		width: 26px;
		display: block;
		margin:0 auto;
		margin:5px 11px;
	}
	
	.main-header .nav-outer{
		width:100%;
	}
	
	.main-menu .cart-box{
		position:absolute;
		left: 0px;
		top:0px;
		padding-left: 0px;
		margin: 26px 0px;
		border-left: none;
		z-index:30;
	}
	
	.case-study-section .carousel-column .icon-layer-one,
	.banner-section .pattern-layer-one,
	.main-menu .navigation > li:before,
	.main-header .outer-box .buttons-box{
		display:none;
	}
	
	.main-header .outer-box .option-box > li{
		margin-left:0px;
		margin-right: 20px;
	}
	
	.main-header .header-lower .search-box-outer .dropdown-menu{
		left:0px !important;
		top:40px !important;
	}
	
	.main-header .outer-box .option-box .cart-box .cart-panel{
		left:0px !important;
		right:auto;
	}
	
	.nav-outer .mobile-nav-toggler{
		display: block;
		margin: 0;
		padding: 8px 0;
		margin-left: 20px;
		position: absolute;
    top: 5px;
    right: 16px;
	}
	
	#navbarSupportedContent{
		display:block;
	}
	
	.mCSB_inside > .mCSB_container{
		margin-right:0px;
	}
	
	.main-header .outer-box{
		position:absolute;
		left:15px;
		right:auto;
		margin-left:0px;
		padding:0px 0px;
	}
	
	.main-header .outer-box .cart-box .cart-panel{
		left:0px !important;
		right:auto;
	}
	
	.main-header .sticky-header .outer-box .cart-box .cart-panel{
		right:0px !important;
		left:auto !important;
	}
	
	h1{
		font-size:36px;
	}
	
	.page-title h2,
	h2{
		font-size:30px;
	}
	
	.main-header .cart-box{
		margin-left:0px;
	}
	
	.main-header .header-upper .logo-box{
		padding-bottom:20px;
	}
	
	.success-tabs .tab-btns .tab-btn{
		margin-right:50px;
	}
	
	.chain-section .blocks-column .blocks-outer .chain-block:nth-child(2n+1){
		margin-left:0px;
	}
	
	.testimonial-block .inner-box{
		padding:0px;
		text-align:center;
	}
	
	.testimonial-block .inner-box .author-image{
		position:relative;
		margin:0 auto;
		margin-bottom:25px;
	}
	
	.testimonial-section{
		padding-bottom:40px;
	}
	
	.newsletter-section .image-column .image{
		margin-left:0px;
	}
	
	.newsletter-section .image-column .image img{
		width:100%;
	}
	
	.coaching-section{
		padding-bottom:0px;
	}
	
	.coaching-section .image-column .inner-column{
		padding-top:0px;
	}
	
	.clients-section .clients-column .inner-column .column:nth-child(1),
	.clients-section .clients-column .inner-column .column:nth-child(2){
		margin-bottom:0px;
	}
	
	.clients-section .clients-column .centered-logo{
		position:relative;
		left:auto;
		top:auto;
		margin-bottom:20px;
		border-radius:0px;
		transform:translate(0%,0%);
	}
	
	.testimonial-section .pattern-layer,
	.clients-section .clients-column .circle-box{
		display:none;
	}
	
	.clients-section{
		padding-bottom:0px;
	}
	
	.page-title-section .text{
		font-size:20px;
	}
	
	.fact-counter{
		text-align:center;
	}
	
	.career-block .inner-box .content{
		padding-right:0px;
	}
	
	.career-block .inner-box .btn-box{
		position:relative;
		top:0px;
		margin-top:20px;
	}
	
	.price-block{
		margin-bottom:30px;
	}
	
	.pricing-tabs .tabs-content .price-block:nth-child(2){
		margin-top:0px;
	}
	
	.strategy-section .content-column{
		order:1;
	}
	
	.strategy-section .image-column{
		order:2;
		margin-top:30px;
	}
	
	.case-detail-section .pattern-layer-four,
	.case-block-three .inner-box .content-column h3 a br{
		display:none;
	}
	
	.workspace-block .block-inner .content-column .title{
		margin-top:0px;
	}
	
	.feedback-box .box-inner .feedback-content{
		padding-left:0px;
	}
	
	.feedback-box .box-inner .feedback-content .author-image{
		position:relative;
		margin-bottom:25px;
	}
	
	.new-posts .pull-left,
	.new-posts .pull-right{
		text-align:center;
		width:100%;
	}
	
	.news-block-two .inner-box{
		padding:25px 25px;
	}
	
	.news-detail .post-share-options .social-box{
		margin-top:25px;
	}
	
	.news-detail .post-share-options .pull-right{
		width:100%;
	}
	
	.news-detail .inner-box p{
		font-size:18px;
	}
	
	.page-title-section.style-five{
		padding-bottom:140px;
	}
	
	.page-title-section h2{
		font-size:38px;
	}
	
	.page-title-section h2 br{
		display:none;
	}
	
	.careers-title-section h1 br{
		display:none;
	}
	
	.pricing-page-title-section h2{
		font-size:44px;
	}
	
	.pricing-page-title-section .text{
		font-size:20px;
	}
	
	.success-section .content-column .inner-column{
		padding-left:0px;
	}
	
	.program-section .upper-box .title-column{
		margin-bottom:40px;
	}
	.main-footer .color-layer{
		width: 100%;
	}
	.team-block .inner-box.leaderShipTeam {
		display: block;
	}
	.team-block .inner-box .lower-content {
		padding: 15px;
	}
	.banner-section .content-column h1 {
		font-weight: 700;
        line-height: 1.6em;
	    font-size: 26px;
	}
}

@media only screen and (max-width: 599px){
	
	.careers-title-section h1{
		font-size:36px;
	}
	
	.case-study-section{
		padding-bottom:30px;
	}
	
	.banner-section-three .content-column .text{
		font-size:20px;
	}
	
	.sec-title h2 br,
	.page-title-section h2 br,
	.news-section .icon-layer-two,
	.careers-title-section h1 br,
	.page-title-section .icon-layer-two,
	.case-detail-section .upper-box h2 br,
	.banner-section-two .image-column .color-one,
	.newsletter-section .form-column .title-box .text br,
	.banner-section .image-column .pattern-layer-one{
		display:none;
	}
	
	.service-block .inner-box .text,
	.strategy-section .content-column .text p,
	.transformation-section .text p,
	.case-detail-section .lower-content p,
	.feedback-box .box-inner .text,
	.news-block-three .inner-box .text,
	.news-detail .inner-box p,
	.testimonial-block .inner-box .content .text,
	.testimonial-section .title-column .text,
	.chain-section .content-column .text p,
	.success-tabs .tabs-content .text,
	.sec-title .text{
		font-size:18px;
	}
	
	.success-section .content-column .text p{
		font-size:16px;
	}
	
	.success-tabs .tab-btns .tab-btn{
		margin-right:35px;
		font-size:18px;
	}
	
	.testimonial-block .inner-box .content,
	.service-block .inner-box{
		padding-left:25px;
		padding-right:25px;
	}
	
	.banner-section-two .image-column .image img{
		max-width:100%;
	}
	
	.banner-section-two .image-column .color-two{
		left:0px;
		width:100%;
	}
	
	.professional-section .image-column .image{
		margin-right:0px;
	}
	
	.pricing-page-title-section .text{
		font-size:20px;
	}
	
	.case-block-two .inner-box .images-outer{
		padding:20px 20px;
	}
	
	.case-block-two .inner-box .image{
		margin-bottom:20px;
	}
	
	.case-block-three .inner-box{
		padding:20px 20px;
	}
	
	.case-studio-section-two .pattern-layer-two{
		display:none;
	}
	
	.feedback-box .box-inner .feedback-content .author-image,
	.feedback-box .box-inner .feedback-content .author-image img{
		width:100%;
	}
	
	.news-block-three .inner-box .lower-content{
		padding:30px 20px 40px;
	}
	
	.discuss-section .inner-container{
		padding-left:20px;
		padding-right:20px;
	}
	
	.news-detail .inner-box .lower-content{
		padding:30px 25px;
	}
	
	.testimonial-block-two .inner-box .content{
		padding-left:20px;
		padding-right:20px;
	}
	
	.success-tabs .tabs-content .image{
		padding-right:0px;
	}
	
	.program-section .lower-box .text{
		font-size:22px;
	}
	.main-footer .color-layer{
		width: 100%;
	}
	.main-header .header-upper .logo-box{
		padding: 7px 0px;
	}
	.nav-outer .mobile-nav-toggler{
		position: absolute;
    top: 5px;
    right: 16px;

	}
	.banner-section {
		padding-top: 70px;
	}
	.banner-section .content-column h1 {
		font-weight: 700;
        line-height: 1.6em;
	    font-size: 26px ;
	}
	
}

@media only screen and (max-width: 479px) {
	
	h1{
		font-size:26px;
		line-height:1.4em;
	}
	
	.page-title-section h2{
		font-size:26px;
		line-height:1.3em;
	}
	
	h2{
		font-size:24px;
	}
	
	h3{
		font-size:22px;
	}
	
	h4{
		font-size:20px;
	}
	
	.page-title-section .text,
	.coaching-section .content-column .bold-text p{
		font-size:18px;
	}
	
	.success-section .image-column .inner-column{
		padding-left:0px;
	}
	
	.success-section .image-column .inner-column{
		margin-top:0px;
	}
	
	.case-study-section .carousel-column .inner-column{
		margin-right:0px;
	}
	
	.banner-section-two .image-column .dotted-layer,
	.banner-section-two .icon-layer-six,
	.coaching-section .image-column .color-three,
	.coaching-section .image-column .color-one,
	.careers-title-section .icon-layer-two,
	.case-study-section .carousel-column .right-gradient,
	.case-study-section .carousel-column .left-gradient,
	.success-section .image-column .color-layer-two,
	.success-section .image-column .color-layer{
		display:none;
	}
	
	.success-tabs .tab-btns .tab-btn{
		text-transform:capitalize;
		font-size:18px;
		margin-right:8px;
	}
	
	.success-tabs .tabs-content h3{
		font-size:24px;
	}
	
	.business-section{
		padding-top:80px;
	}
	
	.chain-block .inner-box .content{
		padding-left:0px;
	}
	
	.chain-block .inner-box .content .icon{
		position:relative;
		top:0px;
		margin-bottom:15px;
	}
	
	.newsletter-section .form-column .inner-column{
		padding-top:40px;
	}
	
	.newsletter-form .form-group input[type="submit"],
	.newsletter-form .form-group button{
		position:relative;
		width:100%;
		top:0px;
		right:0px;
		margin-top:10px;
	}
	
	.banner-section-two .image-column .image .call-box .number{
		font-size:26px;
	}
	
	.banner-section-two .image-column .image .call-box .call{
		font-size:20px;
	}
	
	.coach-block .inner-box .content{
		padding-left:0px;
	}
	
	.coach-block .inner-box .content .icon{
		position:relative;
		display:block;
		margin-bottom:15px;
	}
	
	.coaching-section .image-column .color-two{
		left:0px;
		width:100%;
	}
	
	.coaching-section .image-column .inner-column{
		padding:0px;
	}
	
	.business-block-two .inner-box .content{
		padding-left:0px;
	}
	
	.business-block-two .inner-box .icon{
		position:relative;
		top:0px;
	}
	
	.business-block-two .inner-box{
		padding:25px 25px 30px;
	}
	
	.pricing-tabs .tab-buttons .tab-btn{
		width:100%;
	}
	
	.pricing-tabs .tab-buttons .tab-btn:last-child{
		margin-right:0px;
	}
	
	.styled-form .form-group .check-box label,
	.styled-form .form-group .forgot{
		font-size:14px;
	}
	
	.news-block-three .inner-box .post-meta li:first-child{
		margin-bottom:20px;
	}
	
	.news-block-three .inner-box .post-meta{
		margin-bottom:18px;
	}
	
	.news-detail .inner-box blockquote{
		padding:20px 20px;
		font-size:18px;
	}
	
	.news-detail .post-share-options .tags li{
		margin-bottom:8px;
	}
	
	.error-section h1{
		font-size:120px;
	}
	
	.contact-page-section .form-block .inner-column,
	.contact-page-section .info-block .inner-column{
		padding:50px 30px;
	}
	
	.careers-title-section h1{
		font-size:28px;
	}
	
	.pricing-page-title-section h2{
		font-size:30px;
	}
	
	.pricing-page-title-section h2 br{
		display:none;
	}
	
	.banner-section .content-column .theme-btn{
		margin-bottom:12px;
		margin-right:0px;
	}
	
	.main-footer .list li a,
	.feature-block .inner-box .lower-content .text{
		font-size:18px;
	}
	
	.brand-section .title-column .bold-text{
		font-size:20px;
	}
	
	.design-block .content-column .text p,
	.brand-section .title-column .text{
		font-size:18px;
	}
	
	.program-section .lower-box .quote-column .inner-column{
		padding:30px 25px;
	}
	
	.design-block .inner-box{
		padding-left:0px;
	}
	
	.design-block .inner-box .icon{
		position:relative;
		margin-bottom:15px;
	}
	.main-footer .color-layer{
		width: 100%;
	}
	.main-header .header-upper .logo-box{
		padding: 7px 0px;
	}
	.nav-outer .mobile-nav-toggler{
		position: absolute;
    top: 5px;
    right: 16px;

	}
	.banner-section {
		padding-top: 30px;
	}
	.banner-section .content-column h1 {
		font-weight: 700;
        line-height: 1.6em;
	    font-size: 26px ;
	}
}
@media (min-width: 1025px) and (max-width: 1164px) {
	.banner-section  {
		padding-top: 172px !important;
	}
	.main-menu .navigation > li > a{
		padding: 3px 0px;
	}
}
@media (min-width: 320px) and (max-width: 767px) {
	.banner-section  {
		padding: 12px 3px !important;
	}
}

.my-custom-list1 > li {
	list-style: none !important; 
	display: flex !important; 
}

.my-custom-list {
    list-style: none !important;
	/* display: flex; */
    /* Remove bullets */
    padding: 0;
    margin: 0;
    display: flex !important;
    flex-direction: row !important;
	/* background-color: black !important; */
	/* background-color: black !important; */
    /* Default horizontal layout */
    /* flex-wrap: wrap; */
    /* Allow wrapping on smaller screens */
}
/* Vertically align for small screens (width < 768px) */

@media (max-width: 768px) {
    .my-custom-list {
        flex-direction: column !important;
        /* Switch to vertical alignment */
        align-items: flex-start;
        /* Align items to the left */
    }
}
/* .my-custom-list > li > ul  {
	visibility: visible !important;
} */
.my-custom-list > li {
    list-style: none;
	/* background-color: #209fa3 !important; */
    /* display: flex !important; */
	/* flex-direction: row !important; */
    /* color:#209fa3; */
	/* background-color: black !important; */
}
.my-custom-list1 .my-custom1 > li  > a {
    /* display: inline !important; */
	/* display: none; */
    color:#209fa3 !important;
    /* color:#4990fb;	 */
}


/* .main-menu .navigation  .dropdown > li   .my-custom-list1 {
	visibility: hidden !important;
	position:absolute;
	content:'//';
	left:10px;
	display: flex;
	flex-direction: column !important;
	top:12px;
	opacity:0;
	color:#f15d52;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation .dropdown:hover > li   .my-custom-list1 {
	visibility: visible !important;
	content:'//';
	
	top:12px;
	background-color: #209fa3;
	opacity:0;
	flex-direction: row !important;
	flex-wrap: wrap;
	color:#f15d52;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
} */
@media (max-width:768px) {
	.my-custom-list2 {
		visibility: hidden !important;
		/* padding:13px 24px; */
	line-height:24px;
	font-weight:600;
	font-size:16px;
	color:#0c0d24;
	text-align:left;
	text-transform:capitalize;
	/* transition:all 500ms ease; */
	}
	.my-custom-list3 {
		visibility: visible !important;
		/* padding:13px 24px; */
	line-height:24px;
	font-weight:600;
	font-size:16px;
	color:#0c0d24;
	text-align:left;
	text-transform:capitalize;
	/* transition:all 500ms ease; */
	}
}
@media (min-width: 768px) {
	.my-custom-list2 {
	  width: auto !important;
	  /* padding: 4px; */
	  padding:13px 24px;
	line-height:24px;
	font-weight:600;
	font-size:16px;
	color:#0c0d24;
	text-align:left;
	text-transform:capitalize;
	transition:all 500ms ease;
	}

	.my-custom-list1 > div > div > div {
		position: relative;
		font-size: 13px;
		margin-top: 10px;
		/* -webkit-transition: all 500ms ease; */
		font-weight: 600;
		display: block;
    /* padding: 13px 24px; */
    line-height: 24px;
    font-weight: 600;
    font-size: 13px;
    color: #0c0d24;
    /* text-align: left; */
    text-transform: capitalize;
    transition: all 500ms ease;
    /* -moz-transition: all 500ms ease; */
    /* -webkit-transition: all 500ms ease; */
	}
	.my-custom-list1 > div > div > div:hover::before {
		position: absolute;
		/* content: "opoppo"; */
		content: "//";
		font-size: 13px;
		color: #f15d52;
		left: -10px;
		/* top:12px; */
		transition:all 500ms ease;
		-webkit-transition: all 500ms ease;
		/* position: absolute; */
   
    /* -moz-transition: all 500ms ease; */
    /* -webkit-transition: all 500ms ease; */
	}
	/* .my-custom-list1 >div > :first-child::before {
		content: "•";
		font-size: 12px;
		color: black; 
	  } */
	.my-custom-list1 {
		width: 700px;
	  display: flex;
	  flex-direction: row;
	  padding:13px 24px;
	  justify-content: space-between;
	line-height:24px;
	font-weight:600;
	font-size:16px;
	color:#0c0d24;
	text-align:left;
	text-transform:capitalize;
	transition:all 500ms ease;
	}
	.my-custom-list3 {
		visibility: hidden !important;
		
	}
	.my-custom-list1 div > div a {
		all: inherit;
		transition: 100ms;
	}
	.my-custom-list1 div > div a:hover {
		all: inherit;
		color:#f15d52;
		cursor: pointer;
		font-size: 13px;
		/* transition: 100ms; */
	}
	.my-custom-list1 > div > div > span {
		color:#f15d52;
	}
	
  }
 #specific-format img {
	height: 270px !important;
    object-fit: cover !important;
	object-position: top !important;

 }
 .topheader-banner {
	display: flex;
	/* width: 100vw; */
	justify-content:end;
	box-shadow: inset;
	padding-right: 5px;
	align-items: center;
	background-color:white;
	box-shadow: 1px 1px 5px gray;
	
	z-index: -10;
	/* text-align: right !important; */
	
 }
 
 .topheader-banner1 {
	color:#f15d52 !important;
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
 }

 @media (max-width: 768px) {
	.topheader-banner {
		/* position:fixed;	 */

	}
	
	
  }
 .topheader-banner1 > div > a:hover {
	color:#f15d52 !important;
 }