/* Normal desktop :1920px. */
@media (min-width: 1500px) and (max-width: 2500px) {
    .header-area .main-menu-area ul#nav li a{font-size:16px}
}

/* Normal desktop :992px. */
@media (min-width: 1170px) and (max-width: 1500px) {
    .header-area .main-menu-area ul#nav li a{font-size:15px}
    .header-area .main-menu-area ul#nav li a{padding:10px 8px}
    .slider-area .slider-1 h1 {margin-top:50px}
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
.header-area .main-menu-area ul#nav li a{padding:10px 5px; font-size: 14px;}
.logo-area .logo img{width:100%}
.slider-area .slider-1 h1 {font-size: 20px;}
.slider-area .slider-1 p {padding: 0em 10em;font-size: 15px;}
.slider-content {  margin: 60px 0 0;}

}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.logo-area .logo img{width:100%}
.slider-area .slider-1 h1 {font-size: 25px;}
.slider-content { margin-top: 0px;}
.slider-area .slider-1 p {padding: 0em 10em;font-size: 14px;}

.main-content-classes .single-classes-area .classes-content {  margin-top: 10px;}

.header-area .main-menu-area ul#nav li a {padding: 3px 2px;  font-size: 15px}

.main-content-classes .all-classes-button {margin: 20px auto auto;}


.header-area{display: none;}
.mobile-menu-area{display: block;}
}

 
/* small mobile :320px. */
@media (max-width: 767px) {
.header-area{display: none;}
.mobile-menu-area{display: block;}
.slider-area .slider-1 h1 {font-size: 25px;}
.slider-area .slider-1 p {padding: 0em 0em;font-size: 12px;}

.header-area .main-menu-area ul#nav li a {  padding: 0.625em 0.1em;  font-size: 1em}


}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {  


.main-content-classes .all-classes-button { margin: 20px;}

}
@media only screen and (min-width: 321px) and (max-width: 479px) {   
.header-area, .slider-content{display: none;}
.mobile-menu-area{display: block;}
.main-content-classes .single-classes-area .classes-content h2 a { font-size: 20px;}
.main-content-classes .all-classes-button { margin: 20px;}
.slider-area .slider-1 .button { margin: 20px;}
.nivo-directionNav a {top: 30% !important;}

}
@media (max-width: 320px) {  
.header-area, .slider-content{display: none;}
.mobile-menu-area{display: block;}

.main-content-classes .single-classes-area .classes-content h2 a { font-size: 20px;}
.main-content-classes .all-classes-button { margin: 20px;}

.slider-area .slider-1 .button { margin: 20px;}
.nivo-directionNav a {top: 30% !important;}

}