@media only screen and (max-width :380px) {
    .dlLinks > li > a span{font-size: 10px;}
    .dlLinks > li > a{padding-left: 60px;padding-right: 20px;}
    .dlLinks > li > a img{left: 18px;}
    .topDlButton{padding: 0 14px;}
}

@media only screen and (max-width :767px) {
    .aboutSection{display: block;}
    .followers{flex-wrap: wrap;gap: 12px;}
    .topDlButtonPane{justify-content: center;}
    .followers > li{width: calc(50% - 6px);box-sizing: border-box;}
    .dlAppFig{}
    .dlAppFig img{width: 100%;height: auto;}
    .dlLinks{flex-wrap: wrap;gap: 10px;}
    .dlLinks li{width: calc(50% - 5px);}
    .headText{width: 100%;text-align: center;margin-bottom: 40px;}
    .prevFig{text-align: center;}
    .prevFig img{width: 90%;height: auto;position: static;}
    .aboutSection figure img{width: 100%;height: auto;}
    .features{gap: 15px;flex-direction: column;}
    .features > li{width: 100%;}
    .ftContent{display: block;padding-bottom: 25px;}
    .copy{display: block;}
    .headlineH2 span{font-size: 30px;}
    .headlineH2{font-size: 34px;line-height: 42px;margin-bottom: 30px;}
    .dlLinks > li > a{font-size: 16px;}
    .ftContact{margin-top: 24px;}
    .socials{justify-content: center;}
    .copyright{text-align: center;}
    .cLink{justify-content: center;}
    .downloadSection{margin-bottom: 60px;}
    .partnerSection{margin-bottom: 60px;}
    .featureSection{margin-bottom: 60px;}
    .aboutSection{margin-bottom: 60px;}
    .introContent{padding-top: 110px;}
    .curves{display: none;}
    .headText > h1{font-size: 45px;line-height: 45px;margin-bottom: 8px;}
    .headText > h2{margin-bottom: 8px;}
    .aboutSection > figure{display: none;}
    .intro{margin-bottom: 50px;}
    .brandItem img{width: 100%;height: auto;}
    header{position: absolute;}
    .intro, .intro .center{min-height: 100vh;height: auto;}
    .aboutContent > h2{text-align: center;line-height: 35px;margin-bottom: 12px;}
}

@media only screen and (min-width : 501px) and (max-width :767px) {

}

@media only screen and (min-width : 768px) and (max-width :1023px)  {
    .aboutSection > figure{flex: 2;padding-top: 40px;}
    .topDlButtonPane{justify-content: center;}
    .aboutSection > figure img{width: 100%;}
    .aboutContent{flex: 3;}
    .prevFig img{right: 0;}
    .downloadSection{margin-bottom: 60px;}
    .partnerSection{margin-bottom: 60px;}
    .featureSection{margin-bottom: 60px;}
    .aboutSection{margin-bottom: 80px;}
    .intro{margin-bottom: 50px;}
    .followers{flex-wrap: wrap;gap: 12px;}
    .followers > li{width: calc(50% - 6px);box-sizing: border-box;}
    .dlLinks > li > a span{font-size: 10px;}
    .dlLinks > li > a{font-size: 16px;padding-left: 60px;padding-right: 20px;}
    .dlLinks > li > a img{left: 18px;}
}
@media only screen and (min-width : 829px)and (max-width :900px){
    .headText{width: 50%;}
}
@media only screen and (min-width : 1024px) and (max-width :1240px){
    .aboutSection > figure{flex: 2;padding-top: 40px;}
    .aboutSection > figure img{width: 100%;}
    .aboutContent{flex: 3;}
    .followers{flex-wrap: wrap;gap: 12px;}
    .followers > li{width: calc(50% - 6px);box-sizing: border-box;}
}


@media only screen and (max-width :1023px){
    .headContent .center{justify-content: left;}
    .tgmenu{display: block;position: relative;z-index: 1100;;text-align: left;color:#fff;padding: 8px;line-height: 28px;font-weight: 500;font-size: 15px;}
    .tgmenu:hover{color:#fff;}
    .floatmenu .tgmenu:hover{color:#f16523}
    .tgmenu img{margin-right: 6px;}
    .logo{display: none;}
    .floatmenu .tgmenu{color:#000}
    .floatmenu .tgmenu img{filter: contrast(0);}


    .topmenu{transform: translateX(-240px);transition: 0.3s;position: fixed;width: 240px;top:63px;left: 0;bottom: 0;background: #fff;z-index: 1000;}
    .topmenu.open{transform: translateX(0px)}
    .topmenu li{border-bottom: 1px solid rgba(0,0,0,0.1);}
    .topmenu li a{display: block;padding: 12px;font-size: 14px;}
}

@media only screen and (min-width :1024px){
    .tgmenu{display: none;}
    .topmenu{display: flex;text-transform: uppercase;gap: 30px;font-weight: 700;line-height: 60px;font-size: 15px;}
    .topmenu li{}
    .topmenu > li > a{color:#fff;}
    .prevFig img{right:0;height: calc(100vh - 230px);max-height: 1000px;}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) {
    .headText{width: 100%;text-align: center;margin-bottom: 40px;}
    .prevFig{text-align: center;}
    .prevFig img{width: 80%;height: auto;position: static;}
    .introContent{padding-top: 10vh;}
    .topDlButtonPane{justify-content: center;}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) and (orientation: portrait) {
    .prevFig img{width: 70%;height: auto;position: static;}
    
}

@media only screen and (min-width :1240px) {

}

@media screen and (max-height: 500px) {
    .introContent{padding-top: 10%;}
    .prevFig img{height:calc(100vh - 110px)}
    .headText > h1{font-size: 45px;line-height: 45px;margin-bottom: 10px;}
    .headText > h2{margin-bottom: 10px;line-height: 40px;}
}