@media only screen and (min-width:1400px){
    .container{ max-width: 1374px; margin: 0px auto;}
    #why-choose-scsn::after, #choose-service-scsn::after{ max-width: 25%;}
    .header-menu .navbar .nav-link{ padding:10px 20px;}
    
}
@media only screen and (min-width:1500px) and (max-width:1920px){
	.sub-page-title h1{ font-size: 30px;}
}
@media only screen and (min-width:1280px) and (max-width:1499px){
    .header-menu .navbar .nav-link{ font-size: 14px; padding: 10px 15px;}
    #why-choose-scsn::after, #choose-service-scsn::after{ max-width: 26%;}
    .sub-page-title h1{ font-size: 28px;}
}

@media only screen and (min-width:992px) and (max-width:1279px){
    .header-menu .navbar .nav-link{ font-size: 13px; padding: 10px 10px;}
    .navbar-brand{ max-width: 185px;}
    .navbar-brand img{ max-width: 100%;}
    #why-choose-scsn::after, #choose-service-scsn::after{ max-width: 22%;}
}
@media only screen and (min-width:1200px){
    .header-menu .dropdown-menu { padding: 10px 0px; border-radius: 0; border: none; box-shadow: 0px 15px 15px -4px rgb(0 0 0 / 12%); border-radius: 0px 0px 10px 10px; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; width: 100%; min-width: 360px; }
	.header-menu .dropdown-submenu>.dropdown-menu, .header-menu .dropdown>.dropdown-menu { -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); -ms-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all .35s ease 0s; -moz-transition: all .35s ease 0s; -o-transition: all .35s ease 0s; transition: all .35s ease 0s; display: block; visibility: hidden; opacity: 0; left: 0; }
	.header-menu .dropdown-submenu:hover>.dropdown-menu, .header-menu .dropdown:hover>.dropdown-menu { margin-top: 0; opacity: 1; visibility: visible; -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
	.header-menu .dropdown .nav-link:after { font-family: 'FontAwesome'; border: none; vertical-align: 0px; position: absolute; margin-left: 0.4em; transition: 0.2s all; display: inline-block; font-weight: normal; font-size: 10px; margin-top: 0.5em; }
	.header-menu .nav-item:hover .dropdown-menu { display: block; }
	.dropdown-item.active, .dropdown-item:active { background-color: transparent; }
	.header-menu .dropdown-item { transition: all ease 0.5s; position: relative; padding: 8px 25px; white-space: inherit;}
	.header-menu .dropdown-item:hover { transform: translateX(10px); background: none; color: #000; }
    

}
@media only screen and (min-width:992px) and (max-width:1100px){
    .header-menu .navbar .nav-link{ font-size: 12px; padding: 10px 10px;}
    .quote li a{ font-size: 12px; padding: 10px 10px;}
}
@media only screen and (max-width:991px){
    .container{ max-width: 960px;}
    #header-part .navbar-collapse {position: fixed;left: 0;top: 0;right: 0;z-index:11;background-color:#0b3e27;vertical-align: middle;width: 100%;height: 100% !important;opacity: 1;visibility: visible;transform: scaleX(1);transform-origin: right;overflow-y: auto;overflow-x: hidden;flex-wrap: wrap;align-content: flex-start;padding-top: 140px;background-size: cover;-webkit-box-align: center;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);-webkit-transition: -webkit-clip-path 0.4s ease;transition: -webkit-clip-path 0.4s ease;transition: clip-path 0.4s ease;transition: clip-path 0.4s ease, -webkit-clip-path 0.4s ease;will-change: transform, clip-path;}
    #header-part .navbar-collapse.show {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
    /* #header-part .navbar-collapse:after {content: "";position: absolute;height: 100%;width: 100%;bottom: 0;right: 0;background:#f5f5f5;background-size: contain;background-position: center;background-attachment: fixed;z-index: -1;background-repeat: no-repeat;opacity: 0.15;max-width: 200px;max-height: 300px;} */
    #header-part nav.navbar .button_style {margin-right: 90px;}
    .navbar-expand-lg .navbar-nav .dropdown-menu{ position: static;}
    #header-part nav .navbar-collapse ul li.dropdown:after,
    #header-part nav .navbar-collapse ul li.dropdown:before {width: 12px;right: 7px;}
    #header-part .navbar-nav .nav-item:hover .nav-link, #header-part .navbar-nav .nav-link.active { transform: scale(1); opacity: 1;filter: blur(0);color: #ffffff;}
    #header-part .navbar .nav-link::before{ display: none;}
    .navbar .nav-link{ padding: 10px 20px !important;}
    .contact-data{ margin: 20px 0px 0px 0px;}
    .top-connect li a span{ display: none;}
    #why-choose-scsn:before, #choose-service-scsn:before{width: 100%;}
    #why-choose-scsn::after, #choose-service-scsn::after{ display: none;}
    .footer-logo img{ max-width: 100%;}
    .footer-address p{ font-size: 16px; white-space: inherit;}
    .swiper-container{ width: 100%; height: 100vh;}
    .header-menu .navbar .nav-item {padding: 0px 0px;}
    .sub-page-title{ display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: center;}
    .sub-page-title h1{ font-size: 22px;}
    
    
}
@media only screen and (max-width:767px){
    .company-brief h6, .sourcing-title h6, .plan-price h6, .account-title h6, .why-title h6, .testimonial-data h6, .about-details h6, .company-title small, .service-title h6{ font-size: 13px;}
    .company-brief h2, .sourcing-title h3, .plan-price h2, .account-title h3, .why-title h3, .testimonial-data h3, .contact-form h3, .case-study-main h2, .about-details h5, .offer-content h2, .company-title h2, .services-info h3, .service-title h3, .pricing-page-title h2{ font-size: 20px; white-space: inherit; line-height: 27px;}
    .testimonial-contact h6{ font-size: 15px;}
    .pricing h3{ padding:7px 35px 7px 35px; font-size: 17px;}
    .fte-data{ padding: 0px 35px;}
    .pte-section{ padding: 25px 35px;}
    p, .subscribe-data p{ font-size: 16px; white-space: inherit !important;}
    .fte-data h5, .pte-section h5{ font-size: 18px;}
    .why-details{ display: block;}
    .why-details span{ display: inline-block; padding: 15px 15px; border: none;}
    .subscribe-data{ padding: 20px 15px;}
    .subscribe-data h2{ font-size: 17px;}
    .testimonial-slider{ padding: 50px 20px;}
    .contact-data{ margin: 20px 0px 0px 0px; padding: 25px 25px;}
    .why-details h4{ font-size: 18px;}
    #footer-part{ padding: 50px 15px 0px 15px;}
    .accounting-interaction{ padding: 35px 15px 0px 15px;}
    #why-choose-scsn{ padding: 50px 15px 70px 15px;}
    #out-sourcing-part{ padding: 50px 15px 50px 15px;}
    #about-company{ padding: 50px 15px;}
    .home-menu{ display: none;}
    .quote{ display: none;}
    #contact-info{ padding: 25px 0px;}
    .video-part{ margin: 20px auto;}
    .sub-page-title{display: flex;justify-content: center;flex-wrap: nowrap;align-items: center;flex-direction: column;}
    .connect-us{ padding: 35px 25px;}
    .case-list li{ padding: 10px 0px; border: none;}
    .services-info{ padding: 0px 25px;}
    .services-highlight{ padding: 25px 25px;}
    .footer {justify-content: center; text-align: center;}
    .footer .webplus {margin-left: 0px; display: block;margin-top: 10px;}
    .footer .webplus:before {display: none;}
}
@media only screen and (max-width:540px){
    a.navbar-brand {max-width: 200px;}
    a.navbar-brand img{ max-width: 100%;}
    .swiper-container{ max-height: 220px;}
    .slide-captions{ left: 7%;}
    .slide-captions .current-subtitle{ font-size: 15px; line-height: 24px;}
    .slide-captions .current-title{ font-size: 15px;}
    .slide-captions .data-title{ font-size: 14px;}
    .swiper-button-next:after, .swiper-button-prev:after{ font-size: 18px;}
    .footer{flex-wrap: wrap;}
    .contact-info li{ padding: 20px 0px 20px 70px;}
    .contact-info li strong{ font-size: 14px;}
    .contact-info li p, .contact-info li p a{ white-space: inherit; font-size: 15px;}
    .case-study-title ul li{ width: 100%; border-bottom: 1px solid #dfdfdf; border-left: none; padding: 15px 0px;}
    .case-study-title ul li:first-child{ border-bottom: 1px solid #dfdfdf;}
    .case-details{ padding: 20px;}
    .case-study-title h2{ font-size: 15px; line-height: 26px;}
    .testimonial-page-data{ padding: 60px 30px;}
    .testimonial-page-data::before{ display: none;}
    .testimonial-page-data::after{ left: 20px;}
    .connect-info li{ padding: 20px 0px 20px 65px;}
    .team-content{ padding:35px 35px 35px 35px;}
    .team-content span {position: relative;top: -15px;left: 0px;display: block;}
    .footer h5, .footer h6{ margin: 0px 0px 10px 0px;}

}