@media(min-width: 992px){

}

@media(max-width: 992px){
	header .logo a{
	    font-size: 22px;
	}
	.counting-section{
	    padding: 40px 20px;
	}
	.counting-section .title{
	    padding: 0 0 15px;
	}
	.counting-section .title h2{
	    font-size: 20px;
	}
	.aboutus-section .left-about-sec{
	    left: 6%;
	}
	.aboutus-section .right-about-sec{
	    right: 6%;
	}
	.contact-section{
	    padding: 40px 20px;
	}
	.contact-section .maintitle{
	    padding: 0 0 15px;
	}
	footer{
	    padding: 30px 20px 20px;
	}
	
}

@media(max-width: 768px){

	header .menu{
	    display: none;
	}
    
    .slider .slider-img .slider-content .slider-title h1{
        font-size: 35px;
    }
    .slider .slider-img .slider-content .slider-desc h3{
        font-size: 28px;
    }
    
    .service-section{
        padding: 20px 15px;
    }
    .service-section .ser-box{
        height: 160px;
    }
    .service-section .ser-box .content{
        padding: 0 10px;
    }
    .counting-section .counting-box{
        height: 230px;
    }
    .aboutus-section{
        padding: 0 20px ;
        height: auto;
    }
    .aboutus-section .left-about-sec{
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 20px;
    }
    .aboutus-section .right-about-sec{
        position: relative;
        top: 0;
        left: 0;
    }
    .contact-section .contact-form{
        padding: 15px 0 0;
    }
    footer .footer-box .footer-logo h2{
        font-size: 24px;
    }
    footer .footer-box .social{}
    footer .footer-box .social a{
        margin: 0 5px;
    }
    footer .footer-links-list{
        padding: 0 0 0 40px;
    }
    
    
    .verify-msg-box{
        padding: 15px 10px;
    }
    .verify-msg-box .verify-successful-msg{
        width: 330px;
        padding: 20px 15px;
    }
    .verify-msg-box .verify-successful-msg .product-detail .pro-info{
        flex-direction: column;
        align-items: start;
    }
    .verify-msg-box .verify-successful-msg .product-detail .pro-info .title{
        font-weight: 600;
    }
    
    
    
}

@media(max-width: 576px){
	
    .slider .slider-img .slider-content .slider-title h1{
        font-size: 28px;
    }
    .slider .slider-img .slider-content .slider-desc h3{
        font-size: 22px;
    }
    .service-section{}
    .service-section .maintitle{
        padding: 0 0 15px;
    }
    .service-section .ser-box{
        margin: 0 0 20px;
        height: auto;
    }
    .verify-section .verify-now .maintitle{
        padding: 0 0 15px;
    }
    .contact-section .map{
        display: none;
    }
    footer .footer-box .social{
        padding: 7px 0 15px;
    }
    footer .footer-links-list{
        padding: 15px 0;
    }
    footer .footer-links-list .links-title{
        padding: 0 0 5px;
    }


}



@media(max-width: 390px){

    header .logo{
        padding: 12px 0;
    }
	header .logo a{
        font-size: 18px;
    }
	header .verify-btn > a{
        font-size: 14px;
        padding: 15px 20px;
    }
	.slider .slider-img .slider-content .slider-title h1{
        font-size: 18px;
    }
	.slider .slider-img .slider-content .slider-desc h3{
        font-size: 16px;
    }

    .maintitle h2{
        font-size: 21px;
    }
    .counting-section .title h2{
        font-size: 16px;
    }
  
    .counting-section,
    .verify-section,
    .service-section{
        padding: 20px 10px;
    }
    .aboutus-section .left-about-sec{
        border-radius: 10px;
    }
    .aboutus-section .right-about-sec{
        border-radius: 10px;
    }
    .aboutus-section .left-about-sec .title h2{
        font-size: 26px;
    }
    .aboutus-section .left-about-sec .subtitle{
        padding: 5px 0;
    }
  
    .aboutus-section{
        padding: 0 10px;
    }
    .contact-section{
        padding: 30px 10px 20px;
    }
    .bottom-footer{
        padding: 10px;
    }
    .bottom-footer p{
        font-size: 14px;
    }
    
    
    .verify-product-section{
        padding: 15px 0;
    }
    .verify-product-section .verify-form{
        padding: 10px;
    }

}





@media(max-width: 360px){

	header .verify-btn > a{
	    padding: 15px;
	}
	.service-section .maintitle{
	    padding: 0 0 10px;
	}
	.aboutus-section .left-about-sec .content > ul > li{
	    font-size: 14px;
	}





}
