/* responsive */
@media (max-width: 1370px){
.info h5 {margin-bottom: 5px;}
.teamwidth {  min-width: 230px;}
.card-content p { padding: 0 0%;}
.aboutbtn { padding: 6px 15px;}
.card-content p {  height: 50px;}
.keytext h5 { padding-right: 5%;}
}
@media (max-width: 1200px){
.tops { gap: 20px;}
.dots {position: absolute;  top: 40px; right: 30px;width: 15px; height: 15px;}
.cyberright h2 { font-size: 23px;    padding-right: 5%;}
.teamwidth {   min-width: 340px; }
}
@media (max-width: 1115px){
.navbar-expand-lg .navbar-collapse{display: none !important;}
}
@media (max-width: 1025px){
.banner-text h1 { font-size: 35px;}
.corecenter p { font-size: 14px; padding: 0 50px;margin-bottom: 40px;}
.keytext h5 { font-size: 16px; padding-right: 0;}
.aboutcybermargin { padding: 30px 30px;}
.cyber-container { margin: 0 40px;}
.teamwidth {   min-width: 420px; }
.teamleft p { font-size: 14px; padding-right: 0;}
.teamleft h2 {  font-size: 25px;  padding-bottom: 5px;}
.teamwrap { padding: 30px 30px;}
.teamwrapper { padding: 30px 30px;}
.cyber-container {   margin: 0 25px;}

}
@media (max-width: 992px){
}
@media (max-width: 991.5px){
.keys { display: none;}
.navbar-light .navbar-toggler {display: none;}
.joinleft h2 { font-size: 25px;}
.joinright p { margin-bottom: 15px;  font-size: 14px;  padding-right: 0;}
.joinbox {  margin-top: 25px;  padding-top: 15px;}
.teamwidth {  min-width: auto;  max-width: 100%; }
.jointext h3 {  font-size: 25px;  margin-bottom: 10px;}
.communitywrapper { padding: 40px 0;}
.footer-bottom p {  text-align: center;}
.cybers-container { margin: 0 25px;}
.cybermargin {  background: transparent;  box-shadow: 0px 3px 6px #00000029;  padding: 20px 20px; border: 1px solid #fff; border-radius: 15px;}
.cyberleft {  padding-right: 0;}
.col-order-01{order: 2;}
.col-order-02 {order: 1;}
.cyberright h2 {  font-size: 18px;   padding-right: 0; }
.banner-text h1 {  font-size: 25px;   margin-bottom: 20px; }
.navbar-brand {  width: 150px;}
.main-container {  margin: 0 30px;}
header {  top: 10px;}
.coremargin{  background: transparent;  box-shadow: 0px 3px 6px #00000029;  padding: 20px 20px;  border: 1px solid #fff;  border-radius: 15px;}
.corewrapper { padding: 30px 0;}
.cyberwrapper { padding: 30px 0;padding-bottom: 0;}
.corecenter h2 { font-size: 25px; margin: 0;  padding-bottom: 10px;}
.corecenter p {   font-size: 14px; padding: 0 0px;   margin-bottom: 20px; }
.card-content h3 { font-size: 17px; padding-bottom: 10px;}
.keybg { padding: 30px 0; padding-top: 0;}
.keymargin { background: transparent; box-shadow: 0px 3px 6px #00000029; padding: 20px 20px; border: 1px solid #fff; border-radius: 15px;}
.keywrapper h2 { font-size: 25px; padding-bottom: 20px;}
.aboutcyberwrapper {  padding: 30px 0;  padding-top: 0;}
.aboutcyberleft h2 { font-size: 25px; padding-bottom: 10px;}
.aboutcyberleft p { font-size: 14px; padding-right: 0;}
.box {margin-bottom: 20px;}
.footer-bottom { margin-top: 5%;}
.jointext h3 {  font-size: 20px;   margin-bottom: 15px; }
.subscribe-btn {  padding: 10px 20px;}
.subscribe-box input { padding: 10px;}
.aboutcyberp p {  margin-bottom: 10px;}
.aboutbtns{margin-top: 20px;}
.aboutcard { padding: 30px;}
.banner {   margin: 0;}
}
@media (max-width: 769px){
.contact img { height: 15px; padding-right: 0;}
.teamdesktop {display: none;}
.teamphone{display: block;}
.desk-banner {display: none;}
.phone-banner{display: block;}
.desk-topmenu { position: relative;background: #ffffffc9; padding: 0px 10px; border-radius: 10px;margin: 0 20px;}
.quicknone {display: none;}
.contactphone{display: flex;  gap: 10px;}
.navbar-brand {width: 175px;}
.banner { margin-top: 0px;  height: 450px; }
header { padding: 0px 0px;top: 10px;}
.navbar-brand {   width: 135px; }
.banner-text h1 {    font-size: 25px;}
.navbar-brand {  width: 125px; }
.main-container {  margin: 0px 0px;}
.news-container {  margin: 0px 20px; }
.sub-container {  margin: 0 20px; }
.team-card:not(.big) img { height: 220px;}
.contact span {padding: 10px 15px; display: flex;  gap: 5px; align-items: center;  margin-bottom: 0px;}
.navbar-expand-lg { padding-right: 0;  display: flex;  align-items: center;padding: 3px 0;}
.footer-logo {  width: 150px; margin-bottom: 20px;}
.teamleft h2 {  font-size: 21px;}
.box { margin-bottom: 20px; display: block;}
.box p { margin-bottom: 10px;}
.aboutcyberleft h2 {  font-size: 21px}
.keymargin {padding-bottom: 10px;}
.keybox { align-items: center;}
.keywrapper h2 {   font-size: 21px;}
.corecenter h2 {   font-size: 21px;}
.cyberright h2 { font-size: 16px;}
.banner-text { width: 100%;padding-top: 0px; padding-bottom: 20px;}
.cyberleft img {display: none;}
.contactfooter { display: block;}
.contactfooter span {margin-bottom: 10px; padding: 10px 15px;}
.contactfooter  img {  height: 15px;  padding-right: 5px;}
.tops { display: block;}
.tops h3 {  margin-top: 10px;}
.aboutcard {   padding: 20px; }
.aboutcybermargin { padding: 20px 20px;}
.btmsmalls {position: static;}
.btmsmalls p { font-size: 13px;}
.team-card:not(.big) img {   height: auto;}
.teamwrap {padding-bottom: 10px;}
.joinleft h2 {   font-size: 22px; }
.banner-text h1 {font-size: 22px; }
.aboutbtn {  padding: 6px 10px;font-size: 14px;}
.aboutbtns {   margin-top: 15px; }
.aboutcard::after { width: 50px; height: 50px;}
.info { position: static;}
.cyber-footer {  position: relative;  padding: 40px 0;}
.footer-bottomright { display: block;}
}
@media (max-width: 660px){
.aboutcyberleft p {font-size: 13px;}
.teamleft p { font-size: 13px;}
.box {  margin-bottom: 20px;   display: block; }
.navbar-brand {   width: 115px; }
.popup-box { width: 250px;padding: 15px;}
.popup-overlay {width: 250px;top: 110%;}
.popup-box h3 { font-size: 18px;}
.popup-box input, .popup-box textarea {  padding:7px 10px;  font-size: 13px;}
.popup-box button { padding: 5px 10px;}
}