@media only screen and (max-width: 1279px) {    
    .container-custom {
        padding: 0 12px; 
        max-width: calc(100% - 24px);      
    }    
    .container {
        max-width: calc(100% - 24px);
    } 
    .slider-heading {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .slider-subheading {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .slider-description {
        font-size: 16px;       
        margin-bottom: 15px;
    }  
}
@media only screen and (max-width: 1199px) {  
    .menu-open {
        overflow: hidden;
    }
    .menu-header {
        background-color: #324450;
        border-bottom: 1px solid #324450;
        color: #fff;
        position: sticky;
        top: 0;
        z-index: 3;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5px;
        padding: 5px 7px 5px 15px;
    }	
	.navbar-light .navbar-toggler{
		border: none;
	}
	.navbar-dark .navbar-toggler {
		border: none;
		color: rgb(255, 255, 255);
	}	
	.navbar-toggler {
        margin: 0;
        padding: 7px 7px;
        font-size: 16px;
    }
	.navbar-toggler:hover, .navbar-toggler:focus{
		outline: none;
	}	
	.navbar-toggler span {
		background-color: #ffff;
		height: 2px;
		width: 24px;
		display: block;
		margin: 0 auto 7px;
		position: relative;
		transition: all .2s ease-in-out;
	}
	.navbar-toggler .menu-bar-one {
		bottom: -9px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		animation: burger-hover 1s infinite ease-in-out alternate;
	}
	.navbar-toggler .menu-bar-two {	
		animation: burger-hover 1s infinite ease-in-out alternate forwards .4s;
		opacity: 0;
	}
	.navbar-toggler .menu-bar-three {	
		margin-bottom: 0;	
		animation: burger-hover 1s infinite ease-in-out alternate forwards .2s;
		top: -9px;
		-webkit-transform: rotate(-225deg);
		transform: rotate(-225deg);
	}
	.navbar-toggler.collapsed .menu-bar-one {
		bottom: 0;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.navbar-toggler.collapsed .menu-bar-two {
		opacity: 1;			
		right: 0;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.navbar-toggler.collapsed .menu-bar-three {			
		top: 0;		
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}		
	.navbar-toggler span.navbar-menu-icon {
		color: rgba(0,0,0,0.7);
		font-size: 20px;
		margin-right: 5px;
	}
	.navbar-dark .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.navbar-light .navbar-toggler-icon {	
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}	
	.navbar-collapse {
		background-color: #fff;
		border-top: 2px solid #ddd;
		box-shadow: 0 3px 2px rgba(0,0,0,0.3);
		min-width: 270px;
		left: -100%;
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 1000;
        -webkit-transition: all .3s ease-in-out;	
		transition: all .3s ease-in-out;
		padding: 0;
		height: 100vh;
	}   
	.navbar-collapse.show {
		left: 0;
	}
	.navbar-nav {
        padding: 0 15px 30px;
        height: calc(100vh - 60px);
        overflow-y: auto;
    }
	.navbar-nav > li {
		display: block;
		white-space: inherit;
		width: 100%;
		position: relative;
	}
	.navbar-nav > li > a {
		border-bottom: 1px solid #dbdbdb;
        color: #212121;
		margin: 0;
        font-size: 14px;
		padding: 10px 0;
		line-height: 20px;
		text-transform: capitalize;
	}
    .navbar-nav > li > a:hover, 
    .navbar-nav > li.current-menu-item > a, 
    .navbar-nav > li.current_page_item > a, 
    .navbar-nav > li:hover > a {
        color: #212121;	
    }
	.navbar-nav > li.has-children > a::after, 
	.mega-menu-item li.has-children > a::after {
		display: none;
	}
	.navbar-nav li.has-children::after {
		border-left: 1px solid #f0f0f0;
		color: #262626;
		content: "\f067";
		display: block;
		font-family: "Font Awesome 6 Free", sans-serif;;
		font-weight: 600;
		height: 36px;
		line-height: 36px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 4px;
		width: 36px;
		z-index: 99;
	}
	.navbar-nav li.has-children.open::after {
		content: "\f068";
	}
    .navbar-nav > li.mega-menu-item {
        position: relative;
    }   
	.navbar-nav li:hover .sub-menu, 
    .navbar-nav li:hover .mega-menu {
		opacity: 0;
		visibility: hidden;
	}
	.navbar-nav li.open > .sub-menu, 
    .navbar-nav li.open > .mega-menu {
		-moz-animation: none;
		-webkit-animation: none;
		animation: none;
		display: block;
		opacity: 1;
		visibility: visible;
	}
	.navbar-nav .sub-menu, 
    .navbar-nav .mega-menu {
		background-color: transparent;
		border: medium none;
		box-shadow:none;
		display: none;
		float:none;
		padding: 10px;
		position: static;
		width:100%;
	}
	.navbar-nav li .sub-menu a, 
    .navbar-nav li .mega-menu a {
		padding: 8px 5px;
		color: #262626;
		line-height: 20px;
	}
	.navbar-nav .sub-menu a:hover, 
    .navbar-nav .mega-menu a:hover  {
		background-color: transparent;
		color: #676767;
	}	
}
@media only screen and (max-width: 991px) {   
    .header.sticky {
		padding-bottom: 60px;
	}
	.header.fixed {
		padding-bottom: 60px;
	}
	.header-logo .logo-link .logo {
		max-height: 40px !important;
	}    
    .section {
		margin-bottom: 50px;
	}
	.section-header {
		margin: 0 0 30px;		
	}	
    .section-title {
        font-size: 28px;        
    }  
    .slider-wrap {
        flex-wrap: wrap;
        height: auto;
    }
    .slider-form-summery {
        width: 100%;
        padding: 20px;
    } 
    .slider-summery {
        width: 100%;
    }
    .slider-content {  
        border-left: 8px solid #F4BD01;      
        min-width: auto;       
    }
    .slider-heading {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .slider-description {
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 20px;
    }
    .why-section {      
        padding: 50px 0;
    }
    .about-content-block {       
        margin-bottom: 30px;
    }
    .about-content h1 {       
        font-size: 32px;       
    }    
    .more-section {      
        padding: 50px 0;
        margin-bottom: 0;
    }
    .certificat-section {
        margin-bottom: 0;
    }
    .unique-section {
        padding: 50px 0;
        margin-bottom: 0;
    }
    .award-section {       
        padding: 50px 0;
    }
    .award-wrapper {
        text-align: center;
    }
    .award-box {
        max-width: 420px;
        margin: 0 auto;
        text-align: center;
        justify-content: center;
    }
    .placement-item:not([class*="col"]){     
        width: 33.33%;
    } 
    .opportunitie-section {
        padding: 50px 0;
    }
    .footer-top {
        padding: 40px 0 0;
    }
    
}
@media only screen and (max-width: 767px) { 
    .container {
        max-width: 100%;
    }
    .container-custom {
        max-width: 100%;
    }
    .btn {
        font-size: 14px;
        padding: 9px 15px;       
    }
    .btn-gradient {       
        font-size: 14px;
        padding: 10px 20px;       
    }
    .header-outer .header-row {
        flex-wrap: wrap;
        justify-content: center;
    }  
    .header-contact ul {      
        justify-content: center;
        font-size: 12px;
    }
    .header-contact-icon {      
        font-size: 24px;
        margin-right: 10px;
    }
    .header-extra-menu .btn {      
        font-size: 13px;
        white-space: nowrap;
    }
    .header-extra-menu .btn.btn-primary, .header-extra-menu .btn.btn-secondary {
        font-size: 12px;
        padding: 2px 8px;
        line-height: 16px;
        white-space: break-spaces;
    }
    .header-extra-menu .btn br{
        display: none;
    }
    .footer-top {
		padding: 30px 0 0;
	}
	.footer-column {
		margin-bottom: 20px;
	}
    .footer-column ul {      
        display: flex;
        flex-wrap: wrap;
        margin: 0 -6px;
    }
	.footer-column li {
        display: block;
        width: 50%;
        padding: 0 6px;
    }
	.footer-widget-title {
        font-size: 18px;
        margin: 0 0 10px 0;
    }
	.copyright {
		text-align: center;
	}
	.copyright p {
        margin: 0 0 10px 0;
    }	
	.footer-social-icon {
		margin: 5px 0;
		text-align: center;
	} 
    .footer-column ul.footer-social-icon {     
        flex-wrap: nowrap;
    }
    .footer-column ul.footer-social-icon li {
        width: auto;
        padding: 0;
    }
    .section {
        margin-bottom: 30px;
    }
	.section-header {
        margin: 0 0 20px;
    }
	.section-title {
		font-size: 24px;
	}
    .section-subtitle {      
        font-size: 14px;  
        margin-bottom: 5px;
    }
    .section-description {
        font-size: 13px;
        line-height: 20px;
        margin-top: 8px;
    }
	.slick-arrow {
		width: 35px;
		height: 35px;
		font-size: 20px;
	}
    input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], select, textarea, .form-control {       
        font-size: 14px;
        height: 40px;
        padding: 7px 15px;       
    }
    .form-icon i {       
        top: 14px;       
    }  
    .slider-summery {
        padding: 15px 0 0;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .slider-have-summery .slider-image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}	
	.slider-have-summery .slider-summery {
        width: 100%;
        position: relative;
        transform: none;
        left: 0;
        top: 0;
        padding: 90px 30px 45px;
    }
    .slider-content {
        border-left: 4px solid #F4BD01;      
        padding: 12px;
    }
    .slider-heading {
        font-size: 18px;
    }
    .slider-subheading {
		font-size: 12px;
	}
    .slider-description {
        font-size: 12px;
    } 
    .slider-form-header {
        font-size: 18px;      
    }
    .slider-form-summery {    
        padding: 12px 12px 20px;
    }
    .ranking-wrapper .row {
        flex-wrap: nowrap;
        overflow-x: scroll;
        justify-content: flex-start !important;
    }
    .ranking-item {
        display: flex;
        min-width: 220px;
    }    
    .ranking-icon {
        height: auto;
        margin: 0 auto 10px;      
    }
    .ranking-icon img {
        object-fit: contain;
        height: 70px;
    }
    .ranking-title {
        font-size: 16px;      
    }
    .ranking-content {
        margin-top: 10px;
        font-size: 12px;
    }
    .why-section {
        padding: 30px 0;
    }
    .usp-wrapper .row {
        margin: 0 -6px -12px;
    }
    .usp-item {
        padding: 0 6px;
        margin-bottom: 12px;        
    }
    .usp-icon {       
        font-size: 24px;
        height: 50px;
        width: 50px;
        min-width: 50px;
        margin: 0 auto 10px;        
    }
    .usp-title {
        font-size: 16px;      
    }
    .usp-desc {
        margin: 8px 0 0;       
    }     
    .about-content {       
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .about-content h1 {
        font-size: 24px;
    }
    .about-content p {
        font-size: 14px;
    }
    .more-section {
        padding: 30px 0;
        margin-bottom: 0;
    }
    .more-item {       
        border-left: none;
    }
    .more-wrap {       
        max-width: 300px;
        margin: 0 auto;
    }
    .more-icon {
        width: 50px;
        min-width: 50px;
        margin: 0 10px 0 0;      
    }
    .more-summery h2 {
        text-align: center;
        font-size: 18px;
    }
    h4.more-title {
        font-size: 14px;
    }
    .certificat-section {      
        margin: 0;
    }
    .certificat-wrap {       
        padding: 12px 12px 8px;      
    }
    .certificat-icon {
        width: 60px;
        min-width: 60px;
        margin: 0 auto 15px;      
    }
    .certificat-title {       
        font-size: 14px;        
    }
    .unique-section {
        padding: 30px 0;
        margin-bottom: 0;
    }
    .award-section {
        padding: 30px 0;     
    }
    .award-box p {
        font-size: 16px;       
    }
    .brand-wrapper .row {
        margin: 0 -6px -12px;
    }
    .brand-item {
        margin-bottom: 12px;       
        padding: 0 6px;
    }
    .brand-carousel {
        margin: 0 -6px;
    }
    .brand-carousel .brand-item {
        padding: 0 6px;      
    }  
    .brand-wrap {      
        padding: 5px;      
    }    
    .placement-wrapper .row {
        margin: 0 -6px -12px;
    }  
    .placement-item {
        margin-bottom: 12px;
        padding: 0 6px;
    }
    .placement-item:not([class*="col"]){	
        width: 50%;
    }
    .placement-title {
        margin-bottom: 5px;
        font-size: 15px;
    }
    .placement-summery p {      
        font-size: 13px;
    }
    .inspiration-row {
        column-count: 2;
        column-gap: 12px;
        margin-bottom: -12px;
    }
    .inspiration-item {
        margin-bottom: 12px;
    }
    .inspiration-image + .inspiration-image {
        margin-top: 12px;
    }
    .opportunitie-section {
        padding: 30px 0;
    }
    .opportunitie-header h2 {      
        font-size: 18px;
    }
    .opportunitie-wrap {       
        padding: 15px;       
        text-align: center;
    }
}
@media only screen and (max-width: 575px) {
	.h1, h1 {
        font-size: 24px;
    }
   .h2, h2 {
	    font-size: 22px;
    }  
}