@media (min-width: 1920px){
.mainslider{          
background:#24296d url('../../slider.jpg') no-repeat center bottom !important; background-size:80% !important; padding:0; height: 600px;
}
.slogan{position:relative; width:100%; height:auto; text-align:left; margin: 0; padding:100px 0 0px 0 !important; }
.slogan h1{font-size: 20px; line-height:30px; margin-bottom: 20px !important; border-radius:30px 0px 30px 0; padding:5px 35px; background: #12466d; width: auto; display: inline-block; color: #fff; }
.slogan h2{font-size: 42px; line-height: 56px; padding: 0; margin-bottom: 0px; text-transform: uppercase; font-weight: 700; text-shadow:0px 0px 5px #999; -webkit-text-stroke: 1px #fff;}
.slogan h3{font-size: 20px; margin-bottom: 30px !important; padding:5px 0px; display: inline-block; border-radius:0px 30px 0px 30px; }
    
.spc h1 {line-height: 20px !important; font-size: 18px !important; text-align: center;}  


    
.posterimg{transform: rotate(15deg); !important; margin-top: 20px; padding: 10px; width:90%; border:1px solid #66c; background:rgba(255,255,255, 0.2);}    
}

@media (min-width: 1441px) and (max-width: 1600px){
.mainslider{          
background:#24296d url('../../slider.jpg') no-repeat center bottom !important; background-size:100% !important; padding:0; height: 550px;
}
.slogan{position:relative; width:100%; height:auto; text-align:left; margin: 0; padding:100px 0 100px 0 !important; }
.slogan h1{font-size: 20px; line-height:30px; margin-bottom: 20px !important; border-radius:30px 0px 30px 0; padding:5px 35px; background: #12466d; width: auto; display: inline-block; color: #fff; }
.slogan h2{font-size: 42px; line-height: 56px; padding: 0; margin-bottom: 0px; text-transform: uppercase; font-weight: 700; text-shadow:0px 0px 0px #999; -webkit-text-stroke: 0px #fff;}
.slogan h3{font-size: 20px; margin-bottom: 30px !important; padding:5px 0px; display: inline-block; border-radius:0px 30px 0px 30px; }
  
       
}



@media (min-width: 1281px) and (max-width: 1440px){
.spc h1 {line-height: 18px !important; font-size: 16px !important; text-align: center;}     
.mainslider{          
background:#24296d url('../../slider.jpg') no-repeat center bottom !important; background-size:100% !important;
padding:0; height: 550px;
}
.slogan{position:relative; width:100%; height:auto; text-align:left; margin: 0; padding:100px 0 200px 0 !important; }
.slogan h1{font-size: 20px; line-height:30px; margin-bottom: 20px !important; border-radius:30px 0px 30px 0; padding:5px 35px; background: #12466d; width: auto; display: inline-block; color: #fff; }
.slogan h2{font-size: 42px; line-height: 56px; padding: 0; margin-bottom: 0px; text-transform: uppercase; font-weight: 700; text-shadow:0px 0px 0px #999; -webkit-text-stroke: 0px #fff;}
.slogan h3{font-size: 20px; margin-bottom: 30px !important; padding:5px 0px; display: inline-block; border-radius:0px 30px 0px 30px; }
     
 
}



/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
.spc h1 {line-height: 18px !important; font-size: 16px !important; text-align: center;}    
.mainslider{          
background:#24296d url('../../slider.jpg') no-repeat center bottom !important; background-size:150% !important;
padding:0; height: 600px;
}

.slogan{position:relative; width:100%; height:auto; text-align:left; margin: 0; padding:100px 0 250px 0; }
.slogan h1{font-size: 20px; line-height:30px; margin-bottom: 20px !important; border-radius:30px 0px 30px 0; padding:5px 35px; background: #12466d; width: auto; display: inline-block; color: #fff; }
.slogan h2{font-size: 42px; line-height: 56px; padding: 0; margin-bottom: 0px; text-transform: uppercase; font-weight: 700; text-shadow:0px 0px 0px #999; -webkit-text-stroke: 0px #fff;}
.slogan h3{font-size: 20px; margin-bottom: 30px !important; padding:5px 0px; display: inline-block; border-radius:0px 30px 0px 30px; }   

}







@media (min-width: 768px) and (max-width: 1024px) {
.spc h1 {line-height: 18px !important; font-size: 16px !important; text-align: center;}    
.mainslider{          
background:#24296d url('../../slider.jpg') no-repeat center bottom !important; background-size:150% !important;
padding:0; height: 444px;
} 
.slogan{position:relative; width:100%; height:auto; text-align:left; margin: 0; padding:50px 0 120px 0; }
.slogan h1{font-size: 20px; line-height:30px; margin-bottom: 20px !important; border-radius:30px 0px 30px 0; padding:5px 35px; background: #12466d; width: auto; display: inline-block; color: #fff; }
.slogan h2{font-size: 42px; line-height: 56px; padding: 0; margin-bottom: 0px; text-transform: uppercase; font-weight: 700; text-shadow:0px 0px 0px #999; -webkit-text-stroke: 0px #fff;}
.slogan h3{font-size: 20px; margin-bottom: 30px !important; padding:5px 0px; display: inline-block; border-radius:0px 30px 0px 30px; }
 
}
    
    

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
.spc h1 {line-height: 18px !important; font-size: 16px !important; text-align: center;}
  
}

.tabs {
  position: relative;
  margin:0; width: 100%; clear: both; margin-bottom: 30px;
}
.tabs::before,
.tabs::after {
  content: "";
  display: table;
}
.tabs::after {
  clear: both;
}
.tab {
  float: left;
}
.tab-switch {
  display: none;
}
.tab-label {
  position: relative;
  display: block;
  line-height: 2.75em;
  
  padding:0 40px;
  background: #f1f1f1;
  border-right: 0px solid #16a085;
  color: #333; font-weight: 600;
  cursor: pointer;
  top: 0;
  transition: all 0.25s;
}
.tab-label:hover {
  background:#66c; color: #fff;
}
.tab-content { width: 100%;
  height:auto;
  position: absolute;
  z-index: 1;
  top:30px;
  left: 0;
  padding:20px;
  background: #FFF;
  color: #333;
  opacity: 0;
  transition: all 0.35s;
}
.tab-switch:checked + .tab-label {
  background: #fff;
  color: #333;
  border-bottom: 0;
  transition: all 0.35s;
  z-index: 1;
  top:0;
}
.tab-switch:checked + label + .tab-content {
  z-index: 2;
  opacity: 1;
  transition: all 0.35s;
}


@media (max-width: 480px) {
  
.colorbox{font-size: 12px !important;}    
    
    
.mainslider{          
background:#24296d url('../../slider.jpg') no-repeat center bottom !important; background-size:170% !important;
padding:0; height: 550px;
}     

h1{ font-size: 20px !important; }
h2{ font-size: 18px !important; } 
h3{ font-size: 16px !important; } 
h4,h5,h6,h7{ font-size: 14px !important; }    
p{font-size: 10px !important; text-align: left !important;}    

    
.slogan{position:relative; width:100%; height:auto; margin: 0; padding:30px 0 30px 0; }
.slogan h1{font-size: 14px; line-height:20px; text-align: center; margin-bottom: 20px !important; border-radius:30px 0px 30px 0; padding:5px 25px; background: #12466d; width: 100%; display: inline-block; color: #fff; }
.slogan h2{font-size: 24px; text-align: center; line-height: 28px; padding: 0; margin-bottom: 0px; text-transform: uppercase; font-weight: 700; text-shadow:0px 0px 5px #ccc; -webkit-text-stroke: 0px #fff;}
.slogan h3{font-size: 14px; margin-bottom: 30px !important; text-align: center; padding:5px 0px; display: inline-block; width: 100%; border-radius:0px 30px 0px 30px; }
    
.spc h1 {line-height: 14px !important; font-size: 12px !important; text-align: center;}
    
.patronage{border-radius: 0 0 20px 20px; padding:30px 0 !important;}    
.patronage h6{color: #fff; margin-bottom: 0px; font-weight: 600; font-size: 12px !important;}
.patronage h1{color: #fff; font-size: 18px !important; font-weight: 800; margin-bottom: 10px;}
    
.target{background: #fff; border-radius: 6px;}
.target img{width: 32px !important; margin-top: 5px;}
.target h5{color: #333; font-size: 10px !important; margin-bottom: 0; text-align: center !important;}
.target h1{ margin-bottom: 0; text-align: center !important;}
.target h1 .small{color: #666; font-size: 10px !important; text-align: center !important;} 
    
img.welcome{width: 220px !important; margin: 0 auto;}  
    ol.list{font-size: 10px; padding: 10px; text-align: left;}
    ul.list{font-size: 10px; padding-left:10px; text-align: left; margin: 0;}
    ul.list li{padding: 0;}
    .lead{font-size: 14px !important;}
    .posterimg{transform: rotate(15deg); !important; padding: 10px; width:280px; border:1px solid #66c; background:rgba(255,255,255, 0.2);}    
     
    .navbar-collapse .navbar-nav a.nav-link,.navbar-collapse .navbar-nav a.nav-link:hover,.dropdown-toggle, .navbar-collapse .dropdown-item{padding:16px 10px !important;}
    .navbar-nav .nav-item{color:#FFF !important;}
    .nav-link > .dropdown-toggle, .nav-link > .dropdown-toggle:hover{color:#FFF !important;}
    .small{font-size: 10px !important;}
    .xs{font-size: 8px !important;}
    
    .offcanvas-header img{width:300px;}
    p{text-align: left;}
    .sm{font-size: 12px;}
    body, p{font-size: 13px; color: #333;}
    .navbar-brand{width:100% !important;}

    .form-control, select, label, input[type='file']{font-size: 12px;}
    
}