@media (min-width: 320px) and (max-width: 374px){
	.header-top {
    	background: #e6bb29;
    	height: auto;
	}
   .header-left-side{
   		text-align: center;
   }
   .form-control-input {
	    width: 111px;
	    transition-timing-function: ease-in-out;
	}
	.form-control-input:hover {
	    width: 359px;
	    transition: width 2s;
	    /*transition-timing-function: ease-in-out;*/
	}
	.top-email-address{
		display: none;
	}
	.top-fechar-btn{
		height: 60px;
	}
	.top-title h3 {
		text-align: center;
	}
	.top-title h2 {
		text-align: center;
		font-size: 37px;
	}
	.top-title p {
    	text-align: center;
    	font-size: 14px;
	}
	.top-title {
    	padding-top: 0px;
	}
	
	.top-right-img-bg {
	    /*background-image: url(../images/blue-bg.png);*/
	    background-image: url(../images/blue-bg-new1.webp);
	    background-repeat: no-repeat;
	    background-position: right;
	    background-size: cover; 
	}
	.top-right-img{
		display: none;
	}
	.top-left-img-bg {
		background-image: url(../images/yellow-bg-new1.webp);
    	/*background-image: url(../images/green-bg.png);*/
    	background-repeat: no-repeat;
    	background-position: left;
    	 background-size: cover; 
	}

	.sec-product-4 {
	    padding-top: 0px;
	    padding-left: 0px;
	}

	.card-title h2 {
	    padding-bottom: 12px;
	}

	.cart-sec {
	    padding-top: 25px;
	}
	#accordion .panel-heading a:not(.collapsed) {
	    font-size: 16px;
	}
	#accordion a {
		font-size: 16px;
	}
	.panel-body p{
		font-size: 13px;
	}
	.carousel {
     	width: 350px;
 	}
 	.mx-5 {
    	 margin-left: 0rem!important;
    	 margin-right: 0rem!important;
	}
	.footer {
	    text-align: center;
	}
	.mx-5 {
    	 margin-left: 0rem!important;
    	 margin-right: 0rem!important;
	}
	.footer {
	    text-align: center;
	}
	.d-flex {
	     display: block!important;
	     padding-bottom: 20px;
	}
	.about-pg-title h2 {
	    text-align: center;
	    font-size: 40px;
	    font-weight: 600;
	    padding-bottom: 20px;
	    padding-top: 20px;
	    color: #020202;
	}
	.card-body {
		padding: 8px;
	}
	.card-title {
	    font-size: 18px;
	}
	.text-success h5 {
	    text-align: center;
	}
	.btn-cart {
    	padding: 7px 35px;
	}
	.product-pg-cart-sec-2{
		padding-top: 0px;
	}
	.form-control-blog{
		width: 100%;
	}
	.contact-form{
		padding-top: 30px;
	}
	.payment-btn {
    	padding: 7px 109px;
	}
	.card-title-faq h2{
		text-align: center;
	    font-size: 30px;
	    font-weight: 600;
	    padding-bottom: 30px;
	    padding-top: 30px;
	}
	.register-form-area h3 {
	    font-size: 30px;
	    padding-bottom: 18px;
	    text-align: center;
	    color: #0076c1;
	}
	.register-form-area p {
			    line-height: 19px;
			    text-align: center;
			    font-size: 12px;
	}
	.sec-product-3 img{
		display: none;
	}
	.sec-product-3{
		background-image: url(../images/top-side1-mobile.png);
		width: 100%;
		height: 300px;
		background-repeat: no-repeat;
	}
	.top-left-img-bg {
		display: none;
	}		
	.img-wrapper img {
		    height: 100%;
		    width: 70%;
		}
	.body-content h6 {
	    color: #716f6f;
	    text-align: center;
	    font-size: 17px;
	}
/************************************login page code start**************************************/

			.parentlogin form {
			    width: 339px;
			    /* width: 100%; */
			    height: 250px;
			    display: block;
			    position: absolute;
			    margin: 38%;
			    top: -39px;
			    left: -120px;
			}
			.parentdesc, .parentlogin {
				    /* width: 50%; */
				    width: 100%;
				    height: 500px;
				    position: relative;
				    float: left;
			}
			.description {
			    /* width: 350px; */
			    width: 100%;
			    height: 260px;
			    padding: 3rem !important;
			    margin-top: 200px;
			    position: absolute;
			    top: -130px;
			    /* margin-left: 70px; */
			}
			.parentlogin form input {
				    display: block;
				    width: 104%;
				    padding: 9px 2px;
				    margin-bottom: 7px;
				    border-bottom: 1px solid gray;
				    background: transparent;
				    color: #000;
				    font-size: 16px;
				    /* border-radius: 50px; */
				    border: 0px solid transparent;
				    border-bottom: 1px solid #007bff;
				    /* padding-left: 20px; */
				    padding-right: 20px;
				    font-size: 12px;
			}


/************************************login page code end****************************************/

/*****************************checkout page start********************************/

.back-to-shoping-btn{
	font-size: 11px;
}
.sec-2 .shipping-price .col-md-6{
	margin-top: 30px;
}
.sec-1 .checkout-address-box{
	margin-top: 30px;
}
/*****************************checkout page end********************************/
}
@media only screen and (max-width : 360px) {
 			.btn-primary-register {
				    padding: 8px 15px;
				    font-size: 15px;
				}
			.btn-outline-login {
				    padding: 8px 15px;
				    font-size: 15px;
				}
			.form-control-input {
				    width: 124px;
				    transition-timing-function: ease-in-out;
				}
			.form-control-input:hover {
				    width: 306px;
				    transition: width 2s;
				    /* transition-timing-function: ease-in-out; */
				}
			.top-title h2 {
					    text-align: center;
					    font-size: 29px;
					    padding-bottom: 15px;
					    padding-top: 15px;
					}
			.top-title p {
			    text-align: center;
			    font-size: 12px;
			    padding-bottom: 10px;
			}
			.top-title {
				    padding-top: 0px;
				    text-align: center;
				    margin-top: 20px;
				    margin-bottom: 20px;
				}
			.btn-top-sec {
				    display: inline-block;
				    font-weight: 400;
				    /* color: #212529; */
				    text-align: center;
				    vertical-align: middle;
				    -webkit-user-select: none;
				    -moz-user-select: none;
				    -ms-user-select: none;
				    user-select: none;
				    background-color: transparent;
				    border: 1px solid transparent;
				    padding: 12px 35px;
				    font-size: 1rem;
				    line-height: 1.5;
				    border-radius: 0px;
				    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
				}
			.top-right-img-bg {
				    /*background-image: url(../images/blue-bg.png);*/
				    background-image: url(../images/blue-bg-new1.webp);
				    background-repeat: no-repeat;
				    background-position: right;
				    background-size: cover; 
				}
			.top-right-img{
					display: none;
				}
			.top-left-img-bg {
					background-image: url(../images/yellow-bg-new1.webp);
			    	/*background-image: url(../images/green-bg.png);*/
			    	background-repeat: no-repeat;
			    	background-position: left;
			    	 background-size: cover; 
				}
			.top-left-img-bg h3 {
			    text-align: center;
			    padding-bottom: 10px;
			}
			.sec-product-4 h2 {
			    text-align: center;
			    font-size: 37px;
			    padding-bottom: 5px;
			}
			.sec-product-4 p {
			    text-align: center;
			    font-size: 14px;
			    padding-bottom: 5px;
			}
			.sec-product-4 {
			    padding-top: 0px;
			    padding-left: 0px;
			    text-align: center;
			    margin-top: 20px;
			    margin-bottom: 20px;
			}
			.justify-content-between {
			    justify-content: space-around!important;
			}
			.d-flex {
			     display:block!important; 
			     padding-bottom: 0px;
			     text-align: center;
			}
			.btn-cart {
			    /* padding: 7px 35px; */
			   /* padding: 6px 12px;*/
			    padding: 10px 36px;
			}
			.card-title-faq h2{
				text-align: center;
			    font-size: 30px;
			    font-weight: 600;
			    padding-bottom: 30px;
			    padding-top: 30px;
			}
			.register-form-area h3 {
			    font-size: 30px;
			    padding-bottom: 18px;
			    text-align: center;
			    color: #0076c1;
			}
			.register-form-area p {
			    line-height: 19px;
			    text-align: center;
			    font-size: 12px;
			}
			.sec-product-3 img{
				display: none;
			}
			.sec-product-3{
				background-image: url(../images/top-side1-mobile.png);
				width: 100%;
				height: 300px;
				background-repeat: no-repeat;
			}
			.top-left-img-bg {
				display: none;
			}	
			.img-wrapper img {
			    height: 100%;
			    width: 70%;
			}
			.body-content h6 {
	    		color: #716f6f;
	    		text-align: center;
	    		font-size: 17px;
			}
/************************************login page code start**************************************/

			.parentlogin form {
			    width: 339px;
			    /* width: 100%; */
			    height: 250px;
			    display: block;
			    position: absolute;
			    margin: 38%;
			    top: -39px;
			    left: -120px;
			}

			.parentdesc, .parentlogin {
				    /* width: 50%; */
				    width: 100%;
				    height: 500px;
				    position: relative;
				    float: left;
				}
			.description {
			    /* width: 350px; */
			    width: 100%;
			    height: 260px;
			    padding: 3rem !important;
			    margin-top: 200px;
			    position: absolute;
			    top: -130px;
			    /* margin-left: 70px; */
			}	


/************************************login page code end****************************************/
/*****************************checkout page start********************************/

.back-to-shoping-btn{
	font-size: 11px;
}
.sec-2 .shipping-price .col-md-6{
	margin-top: 30px;
}
.sec-1 .checkout-address-box{
	margin-top: 30px;
}
/*****************************checkout page end********************************/		

}
@media (min-width: 375px) and (max-width: 424px){
	
 	.header-top {
    	background: #e6bb29;
    	height: auto;
	}
	.header-left-side{
   		text-align: center;
   }
   .btn-primary-register {
	    padding: 8px 17px;
	    font-size: 15px;
	}
	.btn-outline-login {
	    padding: 8px 17px;
	    font-size: 15px;
	}
   /*.form-control {
	    width: 111px;
	    transition-timing-function: ease-in-out;
	}*/
	.form-control-input {
	   /* width: 111px;*/
	     width: 131px;
	    transition-timing-function: ease-in-out;
	}
	.form-control-input:hover {
	    width: 359px;
	    transition: width 2s;
	    /*transition-timing-function: ease-in-out;*/
	}
	.top-email-address{
		display: none;
	}
	.top-fechar-btn{
		height: 60px;
	}
	.top-title h3 {
		text-align: center;
		padding-bottom: 0px;
	}
	.top-title h2 {
		text-align: center;
		font-size: 29px;
		padding-bottom: 12px;
	}
	
	.top-title p {
    	text-align: center;
    	font-size: 12px;
    	padding-bottom: 10px;
	}
	.top-title {
    	padding-top: 0px;
    	text-align: center;
    	margin-top: 20px;
    	margin-bottom: 20px;
	}
	.top-right-img-bg {
	    /*background-image: url(../images/blue-bg.png);*/
	    background-image: url(../images/blue-bg-new1.webp);
	    background-repeat: no-repeat;
	    background-position: right;
	    background-size: cover; 
	}
	.top-right-img{
		display: none;
	}
	.top-left-img-bg {
		background-image: url(../images/yellow-bg-new1.webp);
    	/*background-image: url(../images/green-bg.png);*/
    	background-repeat: no-repeat;
    	background-position: left;
    	 background-size: cover; 
	}
	.sec-product-4 {
	    padding-top: 0px;
	    padding-left: 0px;
	    text-align: center;
	    margin-top: 20px;
    	margin-bottom: 20px;
	}
	.top-left-img-bg h3{
		text-align: center;
		padding-bottom: 10px;
	}
	.sec-product-4 h2 {
		text-align: center;
		font-size: 37px;
		padding-bottom: 5px;
	}
	.sec-product-4 p {
		text-align: center;
		font-size: 14px;
		padding-bottom: 5px;
	}
	.card-title h2 {
	    padding-bottom: 12px;
	}
	.cart-sec {
	    padding-top: 25px;
	}
	#accordion .panel-heading a:not(.collapsed) {
	    font-size: 16px;
	}
	#accordion a {
		    font-size: 16px;
	}
	.panel-body p{
		font-size: 13px;
	}
	.carousel {
     	width: 350px;
 	}
 	.mx-5 {
    	 margin-left: 0rem!important;
    	 margin-right: 0rem!important;
	}
	.footer {
	    text-align: center;
	}
	.d-flex {
	     /*display: block!important;*/
	     padding-bottom: 20px;
	}
	.justify-content-between {
	    justify-content: space-around!important;
	}
	.about-pg-title h2 {
	    text-align: center;
	    font-size: 40px;
	    font-weight: 600;
	    padding-bottom: 20px;
	    padding-top: 20px;
	    color: #020202;
	}
	.body-content p{
		 text-align: center;
	}
	.card-body {
		padding: 8px;
	}
	.card-title {
	    font-size: 18px;
	}
	.text-success h5 {
	    text-align: center;
	}
	.mt-4-new{
		margin-top: 0px!important;
	}
	.btn-cart {
    	/*padding: 7px 35px;*/
    	padding: 11px 35px;
	}
	.product-pg-cart-sec-2{
		padding-top: 0px;
	}
	.form-control-blog{
		width: 100%;
	}
	.contact-form{
		padding-top: 30px;
	}
	.payment-btn {
    	/*padding: 7px 109px;*/
    	padding: 6px 90px;
	}
	.card-title-faq h2{
				text-align: center;
			    font-size: 30px;
			    font-weight: 600;
			    padding-bottom: 30px;
			    padding-top: 30px;
			}
	.register-form-area h3 {
			    font-size: 30px;
			    padding-bottom: 18px;
			    text-align: center;
			    color: #0076c1;
			}
	.register-form-area p {
	    line-height: 19px;
	    text-align: center;
	    font-size: 12px;
	}
	.sec-product-3 img{
				display: none;
			}
	.sec-product-3{
				background-image: url(../images/top-side1-mobile.png);
				width: 100%;
				height: 300px;
				background-repeat: no-repeat;
			}
	.top-left-img-bg {
				display: none;
			}		
	.img-wrapper img {
			    height: 100%;
			    width: 70%;
			}
	.body-content h6 {
	    		color: #716f6f;
	    		text-align: center;
	    		font-size: 17px;
			}
/************************************login page code start**************************************/

			.parentlogin form {
			    width: 339px;
			    /* width: 100%; */
			    height: 250px;
			    display: block;
			    position: absolute;
			    margin: 38%;
			    top: -39px;
			    left: -120px;
			}

			.parentdesc, .parentlogin {
				    /* width: 50%; */
				    width: 100%;
				    height: 500px;
				    position: relative;
				    float: left;
				}
			.description {
			    /* width: 350px; */
			    width: 100%;
			    height: 260px;
			    padding: 3rem !important;
			    margin-top: 200px;
			    position: absolute;
			    top: -130px;
			    /* margin-left: 70px; */
			}	
			.parentlogin form input {
				    display: block;
				    width: 104%;
				    padding: 9px 2px;
				    margin-bottom: 7px;
				    border-bottom: 1px solid gray;
				    background: transparent;
				    color: #000;
				    font-size: 16px;
				    /* border-radius: 50px; */
				    border: 0px solid transparent;
				    border-bottom: 1px solid #007bff;
				    /* padding-left: 20px; */
				    padding-right: 20px;
				    font-size: 12px;
			}

/************************************login page code end****************************************/
/*****************************checkout page start********************************/

.back-to-shoping-btn{
	font-size: 11px;
}
.sec-2 .shipping-price .col-md-6{
	margin-top: 30px;
}
.sec-1 .checkout-address-box{
	margin-top: 30px;
}
/*****************************checkout page end********************************/													
}
@media (min-width: 425px) and (max-width: 600px){

}
@media (min-width: 601px) and (max-width: 768px){

}
@media (min-width: 769px) and (max-width: 1024px){

}
@media (min-width: 1280px) and (max-width: 1366px){

}
@media (min-width: 1367px) and (max-width: 1440px){

}