@media (min-width:1601px) and (max-width: 1919px) {}




 @media (min-width:1367px) and (max-width: 1600px) {}

 @media (min-width:991px) and (max-width:1199px) {}



 /*========================== tab rotate ===========================*/
 @media (min-width:1200px) and (max-width: 1300px) {}

 @media (min-width: 992px) and (max-width: 1200px) {}

 /*========================== tab device ===========================*/
 @media (min-width: 768px) and (max-width: 991px) {
   .topbanner {
     height: auto;
   }

   .topbanner .lead {
     color: #000;
   }
        .platformmain {
          padding: 60px 20px 60px 20px;
          margin: 0 20px;
          border-radius: 10px;
        }

                .row.px-5.coursemainrow {
                  padding-right: 1rem !important;
                  padding-left: 1rem !important;
                }


 }

 /*========================== small device /mobile sm and large ===========================*/



 @media (min-width:320px) and (max-width:767px) {

   .topbanner {
     height: auto;
   }

   .coursemainrow {
     padding: 0px !important;
   }


   .coursemain {

     padding-top: 30px;
     padding-bottom: 30px;
     margin: 0 20px 60px 20px;
   }

   .coursemain .container-fluid.px-5 {
     padding-right: 1rem !important;
     padding-left: 1rem !important;
   }

   .choosehomenmain h2 {
     font-size: 28px;
   }

   .topbanner .lead {
     color: #000;
   }

   .banner-two__shape-2 {
     display: none;
   }

   .banner-two__shape-3 {
     display: none;
   }

   .coursemainheding h2 {
     font-size: 28px;
     margin: 0 0 10px 0;
   }

   .platformmain h3 {
     font-size: 28px;

     margin: 0 0 10px 0;

   }

   .platformitem .h2 {
     font-size: 30px;

   }

     .platformitem {
       border-right: 0px solid #FFD9C6;
     }

         .learning h3 {
           font-size: 28px;
     
           margin: 0 0 10px 0;

         }

                 .choosehomenmain h2 span svg {
           
                   display: none;
                 }

                                 .platformmain {
                                   padding: 60px 20px 60px 20px;
                                   margin: 0 20px;
                                   border-radius: 10px;
                                 }
 }













 @media (min-width:320px) and (max-width:600px) {}






 @media (min-width:320px) and (max-width:440px) {}