@media only screen and (min-width:1280px) and (max-width:1366px){
    .video iframe {width:700px !important; height:400px !important}
}

@media only screen and (min-width:1024px) and (max-width:1400px) {
/*    h1 {font-size: 1.75rem !important;}*/
    .px-9 {padding-left: 2rem;padding-right: 2rem;}
    .dotted-bg {background-position: 78% top, 7% 53%;}
    .team-gradient-bg {background-size: 100% 46% !important;background-position: 100% 15% !important;}
    .product-banner {background-size: 95% 100%;height: unset;padding-bottom:70px!important;}
    .w-md-60 {width: 60% !important;}
    .slide { margin-left: 6.688rem; height: auto; position: inherit; }
    .py-20rem { padding: 10.875rem 0 10.25rem 0!important;}
    .py-18rem {padding: 11.875rem 0 10.25rem 0 !important;}
    .fs-md-32px {font-size: 1.75rem;}
    .nav-link {font-size: 0.813rem;}
    .mb-xxl-5rem{margin-bottom:5rem!important;}
    .w-lg-35 {width: 43%;}
    .top-xmd-0{top:0!important;}
    .nav-item a {margin: 0px 6px !important;}
    .w-lg-35 {width: 40%;}
    .social-media a { padding: 0px 4px !important; }
    footer .fs-6 { font-size: 15px!important; }
}
@media (max-width: 999px) {
    .timeline::after {left: 1.25rem;width: 0.125rem;}
    
    .bullets-start:before {width: 0.938rem;height: 0.938rem;left: -0.813rem;margin: unset;}
    .dot:before {left: -0.375rem;height: 2.125rem;top: -2.375rem;}
    .content-box:before {content: unset;}
    .dot-reverse:before {left: -0.375rem !important;}
    .wrapped-inner-content .dot:before {left: -2.688rem;}
    .ps-sm-0 {padding-left: 0px !important;}
    .pe-sm-0 {padding-right: 0px !important;}
    .ps-2-2rem {padding-right: 0rem;}
    .wrapped-inner-content .dot:before {left: -0.375rem;}
    .hide-dot:before {content: unset;}
    .dot-reverse-mob:before {left: -1rem !important;}
    .position-unset {position: unset !important;}
}
@media only screen and (min-width: 992px) and (max-width:1024px) {
    section {padding: 1.563rem 0!important;}
     .video iframe {width:800px !important; height:500px !important}
    .fs-lg-20px { font-size: 1.25rem !important; }
    .py-lg-4rem { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .w-lg-35 { width: 35% !important; }
    .top-lg-13 { top: 13% !important; }
    .start-lg-32 { left: 35% !important; }
    .banner-img:after { display: none !important; }
    .fs-lg-16px { font-size: 1rem !important; }
    .banner-img {padding: 1.875rem 0 1.875rem 0;}
    .pt-md-5 {padding-top: 5%;}
    .w-md-60 {width: 60% !important;}
    .w-md-80 {width: 53% !important;}
    .top-md-0 {top: 0% !important;}
    .animate-spin {left: -0.063rem;top: -0.813rem;}
}
@media only screen and (min-width:768px) and (max-width:991px){

}

@media only screen and (min-width:768px) and (max-width:991px) {
    section {padding: 1.563rem 0!important;}
     .video iframe {width:600px !important; height:400px !important}
    p{font-size:1rem!important;}
    .w-md-30 { width: 30% !important; }
    .top-md-10 { top: 10% !important; }
    .start-md-33 { left: 33% !important }
    h1 {font-size: 1.625rem !important;}
    .fs-md-23px { font-size: 1.438rem !important; }
    .fs-md-20px { font-size: 1.25rem !important; }
    .banner-img:after { display: none !important; }
    .w-md-75px { width: 4.688rem !important; }
    .h-md-150px { height: 9.375rem !important; }
    .fs-md-70 { font-size: 4.375rem !important }
    .top-md-58px { top: 3.625rem !important; }
    .left-md-n17px { left: -1.063rem !important; }
    .top-md-30 { top: 30% !important; }
    .start-md-13 { left: 13% !important; }
    .top-md-28 { top: 28% !important; }
    .start-md-52 { left: 52% !important; }
    .fs-md-16px { font-size: 1rem !important; }
    .py-lg-4rem { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .product-banner { background-size: 90% 100%; height: 36vh; }
    .px-9 { padding-left: 2rem; padding-right: 2rem; }
    .banner-img {padding: 6.875rem 0 1.875rem 0!important; height:unset; }
    .pt-md-5 {padding-top: 5%;}
    .w-md-60{width:60%!important;}
    .w-md-80 {width: 80% !important;}
    .px-md-0{padding-left:0px!important;padding-right:0px!important;}
    .h-md-28 {height: 28vh !important;}
    .top-md-0 {top: 0% !important;}
    .animate-spin {left: -0.063rem;top: -0.813rem;}
    .slide {width: 100%;height: auto;}
    .py-20rem {padding: 11.875rem 0 4.25rem 0 !important;}
    .p-md-18 {padding: 1.125rem!important;}
    .dot:before {height: 3.125rem;top: -4.5rem;}
    .fs-80px {font-size: 4.063rem;}
    .my-m-10px {margin: 0.625rem 0 0.938rem 0;}
    .px-md-15px {padding: 0px 0.938rem!important;}
    .ps-md-12px {padding-left: 0.75rem!important;}
    .ps-36px {padding: 0 0.625rem 0 0.938rem !important}
    .wrapped-inner-content .dot:before {left: -1.313rem;}
    .mt-md-30px {margin-top: 1.875rem;}
    .h-md-65px {height: 4.063rem;}
    .mt-md-2rem{margin-top:2rem;}
    .top-md-50 { top: 60%;}
    .top-md-49 {top: 49%;}
    .top-md-52 {top: 52%;}
    .px-sm-1rem {padding-right: 1rem;padding-left: 1rem;}
    .top-md-55 {top: 55%;}
    .w-md-80 {width: 80% !important;}
    .pt-md-60px{padding-top:60px;}
}
@media (max-width: 767px) {
    .join-our-team-bg {
    background: url(../Content/Images/SPAN-join-bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
     height: auto !important; 
    display: flex;
    align-items: center;
    justify-items: center;
    padding: 130px 0px;
}
     .video iframe {width:320px !important; height:320px !important}
    section {padding: 1.563rem 0;}
    h1 {font-size: 1.375rem !important;}
    h2 {font-size: 1.25rem !important;}
    p {font-size: 1rem !important;}
    .product-banner {background-size: 95% 73%;height: unset;}
    .fs-27 {font-size: 1.125rem;}
    .bg-third {background: transparent;}
    .p-sm-0 {padding: 0px !important}
    .h-sm-0 {height: unset;}
    .bg-sm-transparent {background: transparent;}
    .fs-sm-19 {font-size: 1.188rem !important;}
    .fa-angle-left, .fa-angle-right {font-size: 3.75rem !important;}
    .px-9 {padding-left: 2rem;padding-right: 2rem;}
    .bannerleft-btn {display: none !important}
    .bannerright-btn {display: none !important;}
    .banner-img:after {display: none !important;}
    .w-sm-45 {width: 45% !important;}
    .position-sm-unset {position: unset !important;}
    .fs-sm-14px {font-size: 0.875rem !important;}
    .py-sm-0 {padding-top: 0 !important;padding-bottom: 0 !important;}
    .px-sm-0 {padding-right: 0px !important;padding-left: 0 !important;}
    .top-sm-85 {top: 85% !important;}
    .start-sm-0 {left: 0 !important;}
    .pe-sm-10px { padding-right: 0.625rem !important;}
    .ps-sm-10px { padding-left: 0.625rem !important;}
    .w-sm-60 {width: 60% !important; }
    .top-sm-10 {top: 10% !important;}
    .start-sm-18 {left: 18% !important;}
    .p-sm-10 {padding:10px !important;}.ps-sm-10 {padding-left:10px !important;}
    .banner-img {padding: 6.25rem 0 2.188rem 0;height: unset;background-image: unset;background-color: #093c7e;}
    .fs-sm-18px {font-size: 1.125rem !important}
    .fs-sm-15px {font-size: 0.938rem !important;}
    .fs-sm-16px {font-size: 1rem !important;}
    .mt-sm-2 {margin-top: 0.938rem !important;}
    .fs-sm-20 {font-size: 1.25rem !important;}
    .fs-sm-1 {font-size: 1rem !important;}
    .w-sm-100 {width: 100% !important;}
    .py-15px {padding-top: 0.9rem !important;padding-bottom: 0.9rem !important;}
    .pt-20 {padding-top: 1.2rem !important;}
    .pb-20 {padding-bottom: 1.2rem !important;}
    .pb-sm-25px {padding-bottom: 1.5625rem}
    .justify-content-sm-end {justify-content: center !important;}
    .text-align-center {text-align: center;}
    .pt-sm-5 { padding-top: 0.4rem;}
    .pb-sm-0 {padding-bottom: 0rem !important;}
    .pt-sm-0 {padding-top: 0;}
    .modal-body {padding: 0;}
    .modal-body a {font-weight: 500;font-size: 1rem !important;}
    .line-height-40 {line-height: 2.063rem !important;}
    .pt-sm-20 { padding-top: 20% !important;}
    footer p {font-size: 0.875rem !important;}
    .w-sm-50 { width: 50% !important;}
    .fs-sm-11px {font-size: 0.75rem !important}
    .slide {width: unset !important;height: auto; position: inherit !important;}
    .mt-sm-10 { margin-top: 10%;}
    .blue-border-sm-end { border-right: 0.25rem solid #0b4b9e !important;}
   .orange-border-sm-start { border-left: 0.25rem solid #f58423 !important;}
    .border-radius-sm-0 {border-radius: 0.25rem 0.25rem 0px 0px !important;}
    .border-bottom-sm-0 {border-bottom: 0px !important;}
    .pt-sm-25 {padding-top: 1.563rem !important;}
    .top-sm-1 {top: 0.063rem;}
    .top-sm-2 {top: 0.125rem;}
    .h-sm-20px {height: 1.25rem !important;}
    .bottom-sm-15px {bottom: 0.938rem;}
    .mt-sm-14px {margin-top: 0.875rem;}
    .h-sm-17px {height: 1.063rem !important;}
    .background-size-cover{background-size:cover!important;}
    .mt-sm-0 {margin-top: 0px!important;}
    .mt-sm-2px {margin-top: 0.125rem;}
    .h-sm-25px {height: 1.563rem !important;}
    .mt-sm-7px {margin-top: 0.438rem;}
    .mt-sm-11px {margin-top: 0.688rem;}
    .mb-sm-10 {margin-bottom: 0.625rem;}
    .fs-sm-12 {font-size:0.8rem !important;}
    .mt-sm-5px { margin-top: 0.313rem;}
    .h-sm-30px {height: 1.875rem;}
    .h-sm-35px {height: 2.188rem;}
    .w-sm-100{width:100%;}
    .vl {border-left: 0.188rem solid #f68a2a;height: 1.375rem;margin-left: -0.063rem;}
    .w-sm-60px {width: 3.75rem;}
    .mt-sm-20px{margin-top:35px!important;}
    .top-sm-42 {top: 42% !important;}
    .px-sm-1rem {padding-right: 1rem;padding-left: 1rem;}
    a.tiktok img {width: 20px;height: 20px;}
    .mt-sm-2rem{margin-top:2rem;}
    .mb-lg-60 {margin-bottom: 25px;}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .product-banner {height: unset;}
    .product-banner .mt-lg-5 {margin-top: 1rem !important;}
    .mt-5rem {margin-top: 5rem !important;}
    .nav-link {margin: 0px 0.438rem !important;}
    .nav-link {font-size: 1rem;}
    .mt-xxl-40px {margin-top: 2.5rem;}
    .w-lg-35 { width: 43%!important; }
}
@media only screen and (min-width:1280px) and (max-width: 1600px) {
.video iframe {
    width: 1080px !important;
    height: 610px !important;
}
}
@media (min-width: 1600px) {
    /*.product-banner {background-size: 95% 70%;height: 70vh;}*/
    .w-900px {width: 49.25rem;}
    .banner-img { background-position: initial;}
    .w-xl-29 {width: unset;}
}