/* Media Queries Start */
 /********** Large devices only **********/
 
 @media (min-width: 1200px) {}
 /********** Medium devices only **********/
 
 @media (min-width: 992px) and (max-width: 1199px) {}
 /********** Small devices only **********/
 
 @media (min-width: 768px) and (max-width: 991px) {
     #contact-details,
     #contact-details h6 {
         font-size: 40px !important;
     }
     #widget-c56749fb-7a94-3cf0-27d4-6249fe4fee09,
     #widget-55db3ce3-29bb-a01c-4c55-3c1b5f41c335 {
         font-size: 30px !important;
     }
     #widget-55db3ce3-29bb-a01c-4c55-3c1b5f41c335 form textarea {
         height: 600px !important;
     }
     .container {
         margin: 10px 40px !important;
         max-width: 90% !important;
     }
     svg {
         display: none !important;
     }
     .handles {
         display: flex !important;
         flex-direction: column !important;
     }
     .snr-phones {
         display: flex !important;
         flex-direction: column !important;
     }
     .subnav-content {
         display: none;
         font-size: 25px;
         position: absolute;
         left: 0;
         padding: 10px 20px;
         background-color: #fff;
         width: 100%;
         z-index: 1;
     }
     .subnav-content>li {
         background: rgb(185, 220, 125, 0.2);
         border-left: #b9dc7d 2px solid;
     }
     .subnav-naija {
         display: none;
         font-size: 25px;
         position: absolute;
         left: 0;
         padding: 10px 20px;
         background-color: #fff;
         width: 100%;
         z-index: 1;
         top: 70px;
     }
     .subnav-naija>li:nth-child(even) {
         background: rgb(185, 220, 125, 0.2);
         border-left: #b9dc7d 2px solid;
         /* border-right: #dc3545 2px solid; */
     }
     .subnav-naija>li:nth-child(odd) {
         background: rgb(220, 53, 69, 0.2);
         border-left: #dc3545 2px solid;
         /* border-right: #b9dc7d 2px solid; */
     }
     .subnav-nig:hover .subnav-naija {
         display: block;
         font-size: 25px;
     }
     .sme-diaspora {
         display: block;
     }
     .sme {
         margin-left: 22%;
         width: auto;
         height: auto;
     }
     .diaspora {
         margin-left: 8%;
     }
     .audio-case {
         border-top: 4px green solid;
         display: block;
     }
     .audio {
         margin-top: 5px;
         width: 100% !important;
         margin: 0px 30px 30px 0px;
     }
     .image-overlay {
         position: relative;
         width: 100%;
     }
     /* .imageOverlay {
       display: block;
       width: 100%;
       height: auto;
   } */
     .overlay {
         position: absolute;
         bottom: 0;
         left: 100%;
         right: 0;
         background-color: green;
         overflow: hidden;
         width: 0;
         height: 100%;
         transition: .5s ease;
     }
     .image-overlay:hover .overlay {
         width: 100%;
         left: 0;
     }
     .text {
         color: white;
         font-size: 40px;
         position: absolute;
         /* top: 80%;
       left: 80%; */
         -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         white-space: nowrap;
     }
     .text ul li {
         font-size: 40px;
         list-style: none;
     }
     .text h6 {
         font-size: 40px;
     }
     .navbar-nav {
         line-height: 40px;
     }
     .nav-link {
         font-size: 30px;
     }
     .segment {
         display: block;
     }
     .carousel-caption {
         position: absolute;
         top: 300px;
         line-height: 15px;
     }
     audio::-webkit-media-controls-play-button,
     audio::-webkit-media-controls-panel {
         background-color: rgb(255, 193, 7, 0.9);
         color: #333;
         border-radius: 0px;
     }
     audio::-webkit-media-controls-panel {
         width: 200px;
     }
     .name .logo {
         text-decoration: none;
         width: 120px;
         height: 120px;
     }
     h1.brand.text-dark {
         font-size: 40px;
         display: inline;
     }
     .audio-wrap {
         width: 100%;
         padding: 20px 0px;
     }
     .heading-green {
         width: 300px;
         padding: 5px 20px;
         margin-bottom: 0px;
         font-size: 35px;
     }
     .m-banner {
         display: block;
     }
     .d-banner {
         display: none;
     }
     .name {
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: center;
         text-align: center;
         width: 85%;
     }
     .brand {
         font-size: 20px;
         text-align: center;
         width: 100%;
     }
     .app {
         width: 250px;
     }
     .app-link {
         text-align: center;
         padding: 20px 0px;
         font-size: 20px;
         background: green;
     }
     .app-store {
         display: flex;
         flex-direction: row;
         align-items: center;
         padding: 0px;
         margin-top: 0px;
     }
     .classic {
         display: flex;
         flex-direction: column;
     }
     .classic img {
         width: 100%;
     }
     .mikkey {
         display: none;
     }
     .afro-beat {
         display: none;
     }
     audio::-webkit-media-controls-timeline-container,
     /* audio::-webkit-media-controls-timeline, */
     audio::-webkit-media-controls-seek-back-button,
     audio::-webkit-media-controls-seek-forward-button,
     /* audio::-webkit-media-controls-fullscreen-button, */
     audio::-webkit-media-controls-rewind-button,
     audio::-webkit-media-controls-return-to-realtime-button,
     audio::-webkit-media-controls-toggle-closed-captions-button {
         height: 35px;
     }
     audio::-webkit-media-controls-current-time-display,
     audio::-webkit-media-controls-time-remaining-display,
     audio::-webkit-media-controls-volume-slider-container,
     audio::-webkit-media-controls-volume-slider {
         font-size: 25px;
     }
     audio::-webkit-media-controls-mute-button,
     audio::-webkit-media-controls-play-button {
         background-color: #B1D4E0;
         border-radius: 50%;
     }
     audio::-webkit-media-controls-mute-button:hover,
     audio::-webkit-media-controls-play-button:hover {
         background-color: rgba(177, 212, 224, .7);
     }
     .ft-contents {
         display: block;
     }
     .box-contents {
         border-top: #ffff 2px solid;
         margin-top: 0px;
         line-height: 55px;
         font-size: 35px;
         padding: 20px;
         padding-left: 0px;
     }
     .ft-contents img {
         width: 275px;
         height: 275px;
     }
     .box1 h6,
     .box2 h6,
     .box3 h6 {
         font-size: 35px;
     }
 }
 /********** Extra small devices only **********/
 
 @media (max-width: 767px) {
     .subnav-content {
         display: none;
         font-size: 25px;
         position: absolute;
         left: 0;
         padding: 10px 20px;
         background-color: #fff;
         width: 100%;
         z-index: 1;
     }
     .subnav-content>li {
         background: rgb(185, 220, 125, 0.2);
         border-left: #b9dc7d 2px solid;
     }
     .subnav-naija {
         display: none;
         font-size: 25px;
         position: absolute;
         left: 0;
         padding: 10px 20px;
         background-color: #fff;
         width: 100%;
         z-index: 1;
         top: 70px;
     }
     .subnav-naija>li:nth-child(even) {
         background: rgb(185, 220, 125, 0.2);
         border-left: #b9dc7d 2px solid;
         /* border-right: #dc3545 2px solid; */
     }
     .subnav-naija>li:nth-child(odd) {
         background: rgb(220, 53, 69, 0.2);
         border-left: #dc3545 2px solid;
         /* border-right: #b9dc7d 2px solid; */
     }
     .subnav-nig:hover .subnav-naija {
         display: block;
         font-size: 25px;
     }
     .audio-case {
         border-top: 4px green solid;
         display: block;
     }
     .audio {
         margin-top: 5px;
         width: 100% !important;
         margin: 0px 30px 30px 0px;
     }
     .image-overlay {
         position: relative;
         width: 100%;
     }
     /* .imageOverlay {
       display: block;
       width: 100%;
       height: auto;
   } */
     .overlay {
         position: absolute;
         bottom: 0;
         left: 100%;
         right: 0;
         background-color: green;
         overflow: hidden;
         width: 0;
         height: 100%;
         transition: .5s ease;
     }
     .image-overlay:hover .overlay {
         width: 100%;
         left: 0;
     }
     .text {
         color: white;
         font-size: 40px;
         position: absolute;
         /* top: 80%;
       left: 80%; */
         -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         white-space: nowrap;
     }
     .text ul li {
         font-size: 40px;
         list-style: none;
     }
     .text h6 {
         font-size: 40px;
     }
     .navbar-nav {
         line-height: 40px;
     }
     .nav-link {
         font-size: 30px;
     }
     .segment {
         display: block;
     }
     .carousel-caption {
         position: absolute;
         top: 300px;
         line-height: 15px;
     }
     audio::-webkit-media-controls-play-button,
     audio::-webkit-media-controls-panel {
         background-color: rgb(255, 193, 7, 0.9);
         color: #333;
         border-radius: 0px;
     }
     audio::-webkit-media-controls-panel {
         width: 200px;
     }
     .name .logo {
         text-decoration: none;
         width: 120px;
         height: 120px;
     }
     h1.brand.text-dark {
         font-size: 40px;
         display: inline;
     }
     .audio-wrap {
         width: 100%;
         padding: 20px 0px;
     }
     .heading-green {
         width: 300px;
         padding: 5px 20px;
         margin-bottom: 0px;
         font-size: 35px;
     }
     .m-banner {
         display: block;
     }
     .d-banner {
         display: none;
     }
     .name {
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: center;
         text-align: center;
         width: 85%;
     }
     .brand {
         font-size: 20px;
         text-align: center;
         width: 100%;
     }
     .app {
         width: 250px;
     }
     .app-link {
         text-align: center;
         padding: 20px 0px;
         font-size: 20px;
         background: green;
     }
     .app-store {
         display: flex;
         flex-direction: row;
         align-items: center;
         padding: 0px;
         margin-top: 0px;
     }
     .classic {
         display: flex;
         flex-direction: column;
     }
     .classic img {
         width: 100%;
     }
     .mikkey {
         display: none;
     }
     .afro-beat {
         display: none;
     }
     audio::-webkit-media-controls-timeline-container,
     /* audio::-webkit-media-controls-timeline, */
     audio::-webkit-media-controls-seek-back-button,
     audio::-webkit-media-controls-seek-forward-button,
     /* audio::-webkit-media-controls-fullscreen-button, */
     audio::-webkit-media-controls-rewind-button,
     audio::-webkit-media-controls-return-to-realtime-button,
     audio::-webkit-media-controls-toggle-closed-captions-button {
         height: 35px;
     }
     audio::-webkit-media-controls-current-time-display,
     audio::-webkit-media-controls-time-remaining-display,
     audio::-webkit-media-controls-volume-slider-container,
     audio::-webkit-media-controls-volume-slider {
         font-size: 25px;
     }
     audio::-webkit-media-controls-mute-button,
     audio::-webkit-media-controls-play-button {
         background-color: #B1D4E0;
         border-radius: 50%;
     }
     audio::-webkit-media-controls-mute-button:hover,
     audio::-webkit-media-controls-play-button:hover {
         background-color: rgba(177, 212, 224, .7);
     }
     .ft-contents {
         display: block;
     }
     .box-contents {
         border-top: #ffff 2px solid;
         margin-top: 0px;
         line-height: 55px;
         font-size: 35px;
         padding: 20px;
         padding-left: 0px;
     }
 }
 /* Media Queries Stop */