@media screen and (max-width: 1199px) and (min-width: 240px){
    #banner-section .page-container{width: 100%;}
    #inner-banner .page-container{width: 100%;}
}

@media screen and (max-width: 1024px) and (min-width: 240px){
    .page-container{max-width: 100%; width: 100%; padding: 0px 15px;}

    .gerenric-padding{padding: 50px 0px;}
    .gerenric-heading {margin-bottom: 25px;}
    .gerenric-heading .heading-subtitle{font-size: 25px; margin-bottom: 10px;}
    .gerenric-heading h2{font-size: 35px;}
    .gerenric-button{min-width: 140px; padding: 13px 25px;}

     #header-section{top: 0px;z-index: 999;background-color: #fff;}
    #header-section .header-inner{min-height: 60px; padding: 10px 0px;}
    #navigation-section {position: fixed; overflow-y: auto; display: none; width: 220px; padding:20px 0px 0px 0px; top: 60px; left: 0px; height:calc(100vh - 60px); background-color: #fff;}
    #navigation-section ul{display: block;}
    #navigation-section ul li{color: #00011b; text-shadow:none;}
    #navigation-section ul li a{color: #00011b;}
    #navigation-section ul li a:hover{color: var(--RedColor);}
    #navigation-section ul li a.nav-active{color: var(--RedColor); text-shadow:none;}
    .menu_icon {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 0%;cursor: pointer;display: flex !important;  position: absolute; left: 15px; }
	#menu-icon{width: 25px; display: flex; flex-wrap: wrap; justify-content: flex-end;}
	.menu_icon.closeMenu .Mbarline {width: 25px;}
	.menu_icon.closeMenu .Mbarline:first-child {-webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg);}
	.menu_icon.closeMenu .Mbarline:nth-child(2) {-webkit-transform: scale(0);transform: scale(0);}
	.menu_icon.closeMenu .Mbarline:last-child {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
	.Mbarline {width: 20px;height: 2px;background: #01054C;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
	.Mbarline:nth-child(2) {width: 25px;margin: 5px 0;}
	.Mbarline:last-child {width: 15px;}
    #navigation-section.showMenu{ display: block; transition: all 0.3s;}
    #navigation-section .nav-overlay {width: calc(100% - 220px);height: 100%;z-index: 9999;content: '';background-color: rgba(0, 0, 0, 0.50);position: fixed;right: 0px;top: 0px;}
    #logo{top: 10px; height: 60px;width: 90px; left: 50px;}
    #logo img{background-color: transparent; border-radius: 0px; padding: 0px;}
    #header-section .header-phone{height:70px; }
    #header-section .header-phone a{padding: 5px 15px;}
    #header-section .header-phone a .phone-info{width: 20px;}
    #header-section .header-phone a .phone-info{width: calc(100% - 20px); font-size: 16px;}
    #header-section .header-phone a .phone-info span{font-size: 12px;}
    #header-section.headersticky .header-phone{height:70px; }
    #header-section.headersticky #logo{top: 10px; height: 60px;width: 90px; left: 50px;}

    #banner-section {margin-top: 60px;}
    #banner-section .page-container{padding:20px 15px 40px 15px; height: 100%;display: flex; align-items: center;}
    #banner-section .banner-block{height: 400px;}
    #banner-section .banner-image{height: 400px;}
    #banner-section .banner-image img{height: 400px;}
    #banner-section .banner-image::after{height: 400px;}
    #banner-section .banner-detail{width: 85%;}
    #banner-section .banner-subtitle{font-size: 20px;}
    #banner-section .banner-title{font-size: 35px;}

    .about-section .about-image{width: 460px; height: 490px; margin: auto; margin-bottom: 30px;}
    .about-section .about-image img{height: 480px;}
    .about-section .about-detail{width: 100%; padding-left: 0px;}
    .about-section p{font-size: 16px;}
    .services-section .slick-list{padding-right: 60px !important;}
    .services-section .services-box{font-size: 25px; height: 140px;}
    .services-section .services-col{width: 33.333%;}
    .video-section .video-inner-main{width: 550px;}
    .video-section .video-inner{height:304px;}
    .video-section.video-column .video-inner{height: auto;}
    .porjects-section .porjects-col{width: 33.333%;}
    .experience-section::after{height: 280px;}
    .experience-section .experience-box{padding: 30px; display: block;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);}
    .experience-section .experience-title{width: 100%; padding-right: 0px;}
    .experience-section .experience-title h4{font-size: 30px; text-align: center;}
    .experience-section .experience-title .full_width{text-align: center;}
    .experience-section .experience-phone{height: 64px; margin: auto; margin-bottom: 30px;}
    .experience-section .experience-phone .experience-phone-inner{font-size: 22px; height: 56px; padding: 10px 30px;}
    .experience-section .experience-info{width: 100%;}
    .experience-section .experience-info .experience-value{font-size: 40px;}
    .experience-section .experience-info .experience-label{font-size: 16px;}
    .achievement-section .achievement-inner{margin-bottom: 20px;}
    .achievement-section .slick-list{padding-right: 60px !important;}
    .achievement-section .achievement-col{width: 33.333%;}
    .achievement-section .achievement-image{height: 150px;}
    .achievement-section .achievement-image img{height: 150px;}
    .team-section .page-container{padding-right: 0px;}
    .team-section .team-inner{display: block;}
    .team-section .slick-list{padding-right: 60px !important;}
    .team-section .slick-prev{display: none !important;}
    .team-section .slick-next{display: none !important;}
    .team-section .team-information{width: 80%; margin: auto; padding-right: 15px; padding-bottom: 0px; padding-right: 0px;}
    .team-section .team-information p{font-size: 16px;text-align: center;margin-bottom: 20px;}
    .team-section .team-information .gerenric-heading .heading-subtitle{text-align: center;}
    .team-section .team-information .gerenric-heading h2{text-align: center;}
    .team-section .team-row{width: 100%;}
    .team-section .team-width{width: 100%;}
    .team-section .team-col{padding: 10px;}
    .team-section .team-box .team-name{font-size: 18px;}
    .team-section .team-box .team-designation{font-size: 16px; margin-top: 5px;}

    #inner-banner{height: 120px;margin-top: 60px;}
    #inner-banner .page-container{padding-top: 40px; height: 120px;}
    #inner-banner .page-container h1{font-size: 32px;}
    #inner-banner .inner-banner-image{width: 100%; height: 120px;}
    #inner-banner .inner-banner-image::after{width: 100%; height: 120px; }
    #inner-banner .inner-banner-image img{width: 100%;height: 120px;}
    .about-page .about-section .about-image{width: 460px; height: 490px; margin: auto; margin-bottom: 30px;}
    .about-page .about-section .about-image img{height: 480px;}
    .about-page .about-section .about-detail{width: 100%; padding-left: 0px;}
    .contact-page h3{font-size: 25px;}
    .contact-page .contact-form{width: 100%; padding-right: 0px; margin-bottom: 20px;}
    .contact-page .contact-information{width: 100%;}
    .contact-page .contact-information .contact-information-inner{padding: 40px 25px;}
    
    #footer-section .footer-newsletter-inner{padding: 30px;height: 200px;background-size: 450px;}
    #footer-section .footer-newsletter .footer-newsletter-title{font-size: 35px;}
    #footer-section .footer-newsletter .footer-newsletter-field{padding-left: 30px;}
    #footer-section .footer-newsletter .footer-newsletter-input{height: 60px;font-size: 15px;padding: 10px 155px 10px 25px;}
    #footer-section .footer-newsletter .gerenric-button{height: 56px; font-size: 20px;}
    #footer-section .footer-social-inner{display: block; text-align: center;}
    #footer-section .footer-lets-work{font-size: 18px;padding:20px 0px;}
    #footer-section .footer-social{padding:30px 0px 20px 0px;}
    #footer-section .social-media ul{justify-content: center;}
    #footer-section .footer-links{padding: 40px 0px;}
    #footer-section .footer-links h3{font-size: 22px;}
    #footer-section .footer-links p{font-size: 14px;}
    #footer-section .footer-links ul li{margin-bottom: 10px; font-size: 14px;}
    #footer-section .footer-links .footer-col{margin-bottom: 25px;}
    #footer-section .footer-links .footer-col:nth-child(1){width: 100%; padding-right: 0px;}
    #footer-section .footer-links .footer-col:nth-child(2){width: 100%;}
    #footer-section .footer-links .footer-col:nth-child(3){width: 100%; padding-left: 0px; margin-bottom: 0px;}
    #footer-section .footer-links .footer-contact-info .footer-contact-row {margin-bottom: 12px;}
    #footer-section .footer-links .footer-contact-info .footer-contact-row .footer-contact-text{font-size: 14px;}
    #footer-section .footer-copyright{display: block; font-size: 14px; text-align: center; padding: 20px 0px;}
    #footer-section .footer-copyright a{margin: 0px 5px;}
    #footer-section .footer-copyright .copyright-text{margin-bottom: 10px;}
}
@media screen and (max-width: 800px) and (min-width: 240px){}

@media screen and (max-width: 650px) and (min-width: 240px){
    .gerenric-heading .heading-subtitle{font-size: 20px;}
    .gerenric-heading h2{font-size: 25px;}
    .gerenric-button{font-size: 18px;}

    #banner-section .banner-block{height: 280px;}
    #banner-section .banner-image{height: 280px;}
    #banner-section .banner-image img{height: 280px;}
    #banner-section .banner-image::after{height: 280px;}
    #banner-section .banner-detail{width: 90%;}
    #banner-section .banner-subtitle{font-size: 17px;}
    #banner-section .banner-title{font-size: 27px; margin-bottom: 15px;}

    .about-section .about-image{width: 320px; height: 370px;}
    .about-section .about-image img{height: 360px;}
    .about-section p{font-size: 14px;line-height: 22px; margin-bottom: 15px;}
    .services-section .services-col{width: 50%;}
    .services-section .services-box{font-size: 20px; height: 125px;}
    .services-section .services-box::after{width: 45px; height: 45px; background-size: 18px; bottom: -26px;}
    .video-section .video-inner-main{width: 400px;}
    .video-section .video-inner{height: 220px;}
    .video-section .video-title{font-size: 20px; padding:10px 15px;}
    .video-section.video-column .video-col{width: 100%;}
    .porjects-section .porjects-col{width: 50%;}
    .experience-section .experience-info .experience-col{width: 100%;border-left: 0px solid #CCCCCC;border-top: 1px solid #CCCCCC; padding: 20px 0px;}
    .experience-section .experience-info .experience-col:first-child{border-top: 0px;}
    .team-section .team-box .team-image{height: 250px;}
    .team-section .team-box .team-image img{height: 250px;}
    .team-section .team-box .team-detail{padding: 10px;}
    .achievement-section .achievement-col{width: 50%;}

    .about-page .about-section .about-image{width: 320px; height: 370px;}
    .about-page .about-section .about-image img{height: 360px;}
    .about-page .about-section p{font-size: 14px;line-height: 22px; margin-bottom: 15px;}

    #footer-section .footer-newsletter-inner{display: block;background-size: 350px; height: auto; padding:40px 20px;}
    #footer-section .footer-newsletter .footer-newsletter-title{width: 100%; font-size: 30px; text-align: center; margin-bottom: 20px;}
    #footer-section .footer-newsletter .footer-newsletter-field{width: 280px; margin: auto; padding-left: 0px;}
    #footer-section .footer-newsletter .footer-newsletter-input{height: 50px;padding: 10px 25px 10px 25px}
    #footer-section .footer-newsletter .gerenric-button{position: inherit; margin-top: 10px; min-width: 100%;}
}

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

    .video-section .video-inner-main{width: 300px;}
    .video-section .video-inner{height: 165px;}
    .video-section .video-title{font-size: 18px; padding:10px 15px;}
    .porjects-section .porjects-col{width: 100%;}
    .achievement-section .achievement-col{width: 50%;}
    .achievement-section .achievement-col{width: 90%; margin: auto;}
}

@media screen and (max-width: 380px) and (min-width: 240px){}

@media screen and (max-width: 320px) and (min-width: 240px){}

@media screen and (max-width: 270px) and (min-width: 240px){}