@import url('main.css');
@media (min-width:1200px) {
    #cms-wrapper{margin-top:30px;width:100%;padding:0 30px}
    #inner-cms-photo-container{position:relative;width:100%}
    #inner-cms-photo{position:relative;width:100%;padding-bottom:39.28%;overflow:hidden}
    #inner-cms-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #inner-h1-container{position:absolute;width:400px;height:120px;top:0;left:0;right:0;bottom:0;margin:auto;z-index:20;background-color:#353535;padding: 25px 5px}
    #breadcrumb-wrapper{text-align:center}
    #breadcrumb-container{display:inline-flex}
    #breadcrumb-container > li{margin-left:8px}
    #breadcrumb-container > li:first-child{margin-left:0}
    #breadcrumb-container > li > a, #breadcrumb-container > li > div{font-size:16px;font-weight:400;color:#fff}
    #breadcrumb-container > li.breadcrumb-sel > a{font-weight:500}
    #inner-h1{position:absolute;width:400px;height:60px;line-height:60px;font-size:30px;font-weight:500;text-transform:uppercase;color:#fff;text-align:center;}
    #cms-container{max-width:900px;margin:0 auto}
    #inner-h2{margin-top:60px;font-size:30px;font-weight:500;text-transform:uppercase;color:#00888c;text-align:center}
    #inner-h2 > span{display:block;color:#00888c}
    #inner-desc{margin-top:40px;font-size:18px;color:#262626;line-height:1.6}
    #cms-3pl-container{margin-top:60px;width:100%;align-items:center}
    #cms-3pl-content{position:relative;width:50%;padding:80px 10px 80px 60px;background-color:#00888c}
    #cms-3pl-content:before{content:'';position:absolute;width:50px;height:100%;left:100%;top:0;background-color:#00888c;z-index:5}
    #inner-h3{font-size:30px;font-weight:500;color:#fff}
    #inner-3pl-desc{margin-top:30px;font-size:17px;color:#fff;line-height:1.6}
    #cms-3pl-photo{position:relative;width:50%;z-index:4}
    #cms-3pl-photo img{width:100%;height:auto}
}
@media (min-width:765px) and (max-width:1199px) {
    #cms-wrapper{margin-top:30px;width:100%;padding:0 10px}
    #inner-cms-photo-container{position:relative;width:100%}
    #inner-cms-photo{position:relative;width:100%;padding-bottom:39.28%;overflow:hidden}
    #inner-cms-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #inner-h1-container{position:absolute;width:400px;height:90px;top:0;left:0;right:0;bottom:0;margin:auto;z-index:20;background-color:#353535;padding: 20px 5px}
    #breadcrumb-wrapper{text-align:center}
    #breadcrumb-container{display:inline-flex}
    #breadcrumb-container > li{margin-left:8px}
    #breadcrumb-container > li:first-child{margin-left:0}
    #breadcrumb-container > li > a, #breadcrumb-container > li > div{font-size:16px;font-weight:400;color:#fff}
    #breadcrumb-container > li.breadcrumb-sel > a{font-weight:500}
    #inner-h1{position:absolute;width:400px;height:40px;line-height:40px;font-size:24px;font-weight:500;text-transform:uppercase;color:#fff;text-align:center;}
    #cms-container{max-width:900px;margin:0 auto}
    #inner-h2{margin-top:60px;font-size:24px;font-weight:500;text-transform:uppercase;color:#00888c;text-align:center}
    #inner-h2 > span{display:block;color:#00888c}
    #inner-desc{margin-top:30px;font-size:18px;color:#262626;line-height:1.6}
    #cms-3pl-container{margin-top:40px;width:100%;align-items:center}
    #cms-3pl-content{position:relative;width:100%;padding:60px 50px 60px 50px;background-color:#00888c}
    #inner-h3{font-size:24px;font-weight:500;color:#fff}
    #inner-3pl-desc{margin-top:30px;font-size:17px;color:#fff;line-height:1.6}
    #cms-3pl-photo{position:relative;width:100%;z-index:4}
    #cms-3pl-photo img{width:100%;height:auto}
}
@media (min-width:0px) and (max-width:764px) {
    #cms-wrapper{margin-top:20px;width:100%;padding:0 10px}
    #inner-cms-photo-container{position:relative;width:100%;}
    #inner-cms-photo{position:relative;width:100%;padding-bottom:50%;overflow:hidden}
    #inner-cms-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #inner-h1{position:absolute;width:80%;height:50px;line-height:50px;top:0;left:0;right:0;bottom:0;margin:auto;z-index:20;font-size:22px;font-weight:500;text-transform:uppercase;color:#fff;text-align:center;background-color:#353535}
    #cms-container{max-width:900px;margin:0 auto}
    #inner-h2{margin-top:40px;font-size:20px;font-weight:500;text-transform:uppercase;color:#00888c;text-align:center}
    #inner-h2 > span{display:block;color:#00888c}
    #inner-desc{margin-top:30px;font-size:17px;color:#262626;line-height:1.4}
    #cms-3pl-container{margin-top:30px;width:100%;align-items:center}
    #cms-3pl-content{position:relative;width:100%;padding:30px 20px 30px 20px;background-color:#00888c}
    #inner-h3{font-size:20px;font-weight:500;color:#fff}
    #inner-3pl-desc{margin-top:20px;font-size:17px;color:#fff;line-height:1.6}
    #cms-3pl-photo{position:relative;width:100%;z-index:4}
    #cms-3pl-photo img{width:100%;height:auto}
}