@media (min-width: 1401px) {
   .container { max-width: 1280px;}
}

/* ==========================================================================
    (Medium Desktop, 1400px and up)*
    ========================================================================== */
@media (max-width: 1400px) {
   .main-menu > ul > li { margin: 0 20px;}
   .class-card-header h3 { font-size: 32px;}
   .class-card-body { padding: 20px;}
   .address-box .content p { font-size: 14px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   h1 { font-size: 55px;}
   .main-menu > ul > li { margin: 0 10px;}
   .main-menu > ul > li > a { font-size: 14px;}
   .header-main-block .primary-btn { padding: 10px 25px;}
   .main-menu > ul > li.dropdown > a::before { font-size: 11px; right: -12px; top: 33px;}
   .main-menu > ul > li > ul > li > a { font-size: 14px;}
   .banner-block { min-height: 575px;}
   .banner-content h1 { font-size: 65px;}
   .banner-content p { font-size: 20px;}
   .padding-style1 { padding: 75px;}

   span.abc { left: 0; top: 0;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {
   h1 { font-size: 50px;}
   h2 { font-size: 40px;}
   section { padding: 50px 0;}

   .main-menu { display:none;}
   .mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
   .mobile-menu .menu-toggle { display:block; z-index:1;  top: -56px; right:10px;}
   .mobile-menu ul.menu-list{display:none;}
   .mobile-menu > ul > li > span { display:none;}
   .mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
   .mobile-menu > ul > li > a.active { color: #fff;}
   .header-right { margin-right: 50px;}
   .mobile-menu > ul.menu-list { padding: 10px 0;}
   .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}
   .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}

   /* Menu Second Level 21-01-2021 */
   .mobile-menu ul.menu-list > li > ul{padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul{ display:none; background: #505050; padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul >li>a{font-size: 14px;}
   /* Menu Second Level END 21-01-2021 */

   .mega-drop { padding: 0 15px; position: relative; z-index: 3; left: inherit !important; top: inherit !important; right: inherit !important; bottom: inherit !important; width: 100% !important; display: none;  opacity: 1; transform: scale(1); pointer-events: auto; background: #1b1a1a; border-radius: 0px;}
   .mobile-menu ul > li > a { font-weight: 400; color: #ffffff !important;}
   .drop-links > li > a { font-size: 14px;}
   .drop-links li a:before { position: static; display: inline-block; margin-right: 20px;}

   .touch-right { margin-right: 0 !important;}
   .padding-style1,
   .padding-style2 { padding: 50px 0;}

   .header-main-block { padding: 9px 0;}
   .header-main-block .container { max-width: 100%; padding-right: 60px;}
   .banner-block { min-height: 440px;}
   .banner-content h1 { font-size: 50px;}
   .year-experiance { left: 10px; top: 10px;}
   .year-experiance h3 { line-height: 1.1; font-size: 45px;}
   .home-about-right { height: auto;}
   .home-about-right img { height: auto;}
   .banner-block { min-height: 350px;}
   .home-why-right img { max-width: 100%;}
   .why-video-button { right: 0; bottom: 0; left: 0; margin: auto;}
   .home-why-right img { height: auto;}
   .home-testimonials-block { min-height: 625px;}
   .commen-textarea { height: 140px;}
   .address-list li { margin-bottom: 5px;}
   .stay-connected-block h2 { margin-bottom: 25px;}
   .stay-gallery .overlay { padding: 25px; text-align: center;}
   .stay-gallery .primary-btn { position: static;}
   .footer-main .overlay { padding: 40px;}

   .newsletters-main .element1 { display: none;}
   .footer-contact { margin-left: 0;}
   
 }
 


 

 
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   section { padding: 40px 0;}
   h1 { font-size: 40px !important;}
   h2 { font-size: 30px !important;}
   h4 { font-size: 24px !important;}
   .padding-style1,
   .padding-style2 { padding: 40px 0;}
   .banner-item { min-height: 300px;}
   .banner-content { padding: 20px;}

   .header-top-block { display: none;}
   .banner-content h1 { font-size: 40px; margin-bottom: 20px;}
   .banner-content p { margin-bottom: 20px;}
   .header-main-block { padding: 12px 0;}
   .class-card-header h3 { font-size: 28px;}
   .home-page p { line-height: 1.5;}
   .home-why-left ul li { font-size: 16px;}
   .testimonial-wraper p { font-size: 16px;}
   .home-testimonial h2 br { display: none;}
   h2 span { padding-bottom: 10px;}
   .testimonial-wraper { padding: 25px; padding-top: 45px;}
   .stars { margin-bottom: 15px;}
   .testimonial-wraper p { margin-bottom: 20px;}
   .home-testimonials-block { min-height: 500px;}
   .home-message-form p { margin-bottom: 8px;}
   .captcha-code { margin-bottom: 15px;}
   .footer-block::before { height: 90%;}
   .footer-main .overlay { padding: 25px;}
   .stay-connected-wraper { margin-top: 20px;}
   .connected-box { min-height: 250px;}
   .home-why-right { min-height: auto; height: auto;}
   .why-video-button { width: 75px; height: 75px;}
   .footer-main .overlay { background-color: #ffffffaf;}
   .header-main-block .primary-btn { padding: 11px 20px; line-height: 1; font-size: 14px;}

   .inner-banner-wraper { min-height: 160px;}
   .commen-tabs .resp-tabs-list { display: none;}
   .term-tab-block { padding: 15px 0;}
   .commen-tabs h2.resp-accordion { font-size: 20px !important; position: relative; border: none; padding: 14px 30px; border-radius: 10px; font-size: 15px; font-weight: 700; box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.25) inset; border-radius: 30px; transition: all .3s; background-color: #F79420 !important; color: var(--purple); fill: var(--purple); overflow: hidden; margin-bottom: 10px;}
   .commen-tabs h2.resp-accordion.resp-tab-active { padding: 14px 30px !important; border: none !important; background-color: var(--purple) !important; color: var(--white); box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.25) inset;}
   .commen-tabs h2.resp-accordion.resp-tab-active .resp-arrow { margin-top: -9px;}
   .commen-tabs h2.resp-accordion svg.tab-icon path { fill: #952480;}
   .commen-tabs h2.resp-accordion.resp-tab-active svg.tab-icon path { fill: #ffffff;}
   
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   
}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
@media (max-width:480px) { 
   .banner-item { min-height: 300px;}
}