/*------------- small device  ----------------*/

@media(max-width:480px) {
 
.navbar-toggle { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; border-color: #fff !important;}
.logo img { width: 67px; margin-right: 0px; display: inline-block;}
.navbar-default { padding: 10px 0px;}
.navbar-default .navbar-collapse{ border: 0px; box-shadow: none;}
.carousel-indicators { bottom: -5px;}
.navbar-default .navbar-nav li { padding: 10px 10px;}
.heading h2 { margin: 0px 0px 25px; font-size: 22px;}
.blog-section { margin: 30px 0px 10px;}
.blog-box h3 { margin-bottom: 5px;}
.blog-box{ margin-bottom: 20px;}
.vedio-section { padding: 30px 0px;}
.footer { padding: 30px 0px;}
.social-link { text-align: left; margin-top: 30px;}
.social-link ul:nth-child(1) li:first-child { font-size: 20px; margin-bottom: 12px;}
.newsletter h5 { display: none;}
.social-link ul:nth-child(2) li h5 { display: block;}
#toTop { bottom: 20px; right: 12px; width: 30px; height: 30px; line-height: 36px; font-size: 12px;}
.social-link ul:nth-child(2) { margin-top: 30px;}
.newsletter p { font-size: 20px;}
.about-page { margin: 30px 0px;}
.about-page h2 { margin: 0px 0px 12px; font-size: 22px;}
.about-page p { padding: 0px;}
.vision-area { padding: 30px 0px;}
.vission-box h3 { margin: 0px 0px 10px; font-size: 22px;}
.enquiry-area { padding: 30px 0px 0px;}
.enquiry-box i { font-size: 24px; margin-right: 8px;}
.enquiry-box p { font-size: 14px;}
.enquiry-box p span { font-size: 13px;}
.contact-area { margin: 30px 0px;}
.contact_section { margin: 30px 0px;}
.contact_form{margin-bottom: 30px;}
.contact-area h2 { padding: 10px; font-size: 18px;}
.contact_section .no-padd{ padding: 0px 15px;}
.top-time { padding-top: 30px;}
.top-time ul li { font-size: 16px; border-left: 0px; padding-right: 0px; padding-left: 0px; margin-bottom: 5px;}
.top-time ul li span { font-size: 18px;}
.single-page { padding: 30px 0px;}
.single-page h3 { margin: 0px 0px 10px;}
.ingre-box { margin-bottom: 25px;}



	
}


/*------------- laptop ----------------*/

@media (min-width: 768px) and (max-width: 1280px) {
#provita h2.heading{font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 600;
}

.modal-body h2 {
    font-weight: 600;
    font-size: 13px;
    margin: 8px 0 2px 0;
}