@media only screen and (max-width:1200px) {
.container {
	width: 100%;
	max-width: 100%
}
header .cart_area {
	margin: 0;
	width: 90px
}
nav {
	width: calc(100% - 90px);
	padding: 0
}
nav ul li a {
	padding: 25px 8px
}
header .cart_area ul li {
	padding: 27px 8px
}
.emil_txt {
	display: none
}
.top_banner .banner_text {
	animation: none!important;
	opacity: 1;
	top: 25%
}
.top_banner .carousel-caption h1 {
	font-size: 28px
}
.top_banner .carousel-caption h1 span {
	font-size: 36px
}
.top_banner .carousel-caption p {
	font-size: 15px;
	line-height: 22px
}
.spcl_offr_bg .offer_area .offer_left h3 {
	font-size: 24px
}
.spcl_offr_bg .offer_area .offer_left h3 span {
	font-size: 32px
}
.payment_opt ul li {
	width: 48%
}
.contact_area .address_area li {
	padding: 15px 10px
}
.contact_area .address_area .details p {
	font-size: 13px
}
.right_side_checkout .btn_shopping {
	margin: 25px 0 8px
}
.outer_area .prdct_dtls p {
	min-height: 110px
}
.date_admin {
	min-height: 40px
}
}
@media screen and (max-width:1024px){
nav ul li a {
	padding: 17px 4px;
	font-size: 16px;
}
.top_info li {
    padding: 0 6px;
}
.top_info li h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
}
@media screen and (max-width:991px) {
.proceed-check-btn button {
	width: 45%;
	float: left;
	margin-right: 30px
}
.outer_area .prdct_dtls p {
	min-height: 121px
}
nav {
	padding-left: 0;
	font-size: 16px
}
nav ul li a {
	padding: 17px 4px;
	font-size: 14px;
}
header .cart_area ul li {
	padding: 18px 8px
}
.top_banner .carousel-caption h1 {
	font-size: 20px
}
.top_banner .carousel-caption h1 span {
	font-size: 30px
}
.top_banner .carousel-caption p {
	font-size: 13px;
	line-height: 16px
}
.top_banner .carousel-caption a {
	padding: 8px 15px;
	font-size: 14px;
	margin: 10px 0 0
}
.top_banner .carousel-caption a::after {
	left: 0
}
.offer_img {
	left: 0;
	top: -20px
}
.offer_img img {
	max-height: 140px
}
.spcl_offr_bg .offer_main {
	padding-left: 138px
}
.spcl_offr_bg .offer_area .offer_left h3 {
	font-size: 16px
}
.spcl_offr_bg .offer_area .offer_left h3 span {
	font-size: 24px
}
.spcl_offr_bg .offer_area .offer_right button {
	padding: 8px 15px;
	font-size: 16px
}
.about_tramadol {
	padding: 15px;
	margin: 25px 0 10px
}
.about_img {
	display: none
}
.border_area {
	margin: 15px 0;
	padding: 15px
}
.outer_area .prdct_dtls table th {
	font-size: 14px
}
.outer_area .prdct_dtls table td {
	font-size: 13px
}
.outer_area .prdct_dtls table .spcl_offer {
	left: -50px;
	top: -30px
}
.outer_area .prodct_bx h3 {
	font-size: 13px
}
.social-icon, footer .accept_card, footer .resource {
	text-align: center
}
.product_dtls_area .product_top .prodct_bx {
	width: 100%;
	line-height: normal;
	padding: 15px
}
.product_dtls_area .product_top .prdct_dtls {
	width: 100%;
	padding: 15px 0
}
.payment_opt ul li {
	width: 45%
}
.why_us .content_area, .why_us .img_area {
	width: 100%
}
.infografic_foot ul li {
	width: 50%;
	border: solid 1px #286ea8;
	border-width: 0 1px 1px 0
}
.contact_area .address_area li {
	width: 100%;
	height: 90px
}
.blog_area li {
	width: calc(50% - 20px)!important
}
.right_side_checkout {
	margin: 20px 0 0
}
footer .top_links {
	text-align: center
}
}
@media screen and (max-width:850px){
.top_info li h3 {
    font-size: 14px;
}
}
@media screen and (max-width:767px) {
select {
	padding: 0 30px 0 10px
}
header {
	width: 100%;
	float: left;
	position: static;
	background: #272d42
}
header .logo_area {
	padding: 8px 0
}

header .cart_area {
	width: auto;
	float: left
}
header .col-7 {
	padding: 0
}
nav {
	float: right
}
header .top_links {
	display: none
}
.mobile_nav {
	display: block;
	margin: 0
}
nav ul {
	display: none;
	background: #222;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 305px;
	z-index: 10
}
nav ul li {
	width: 100%;
	text-align: left;
	float: left
}
nav ul li a {
	color: #fff;
	font-size: 13px;
	padding: 10px 15px;
	border-bottom: solid 1px #ccc!important;
	width: 100%!important;
	float: left
}
.product_dtls_area .product_top .prdct_dtls .btn_area_pro .buynowhere {
    flex: 0 0 250px;
}
.top_banner {
    z-index: -1;
}
nav ul li:hover a {
	color: #fff;
	background: #313470
}
nav ul li ul.drop1_list {
	position: static;
	display: none!important;
	width: 100%;
	height: auto;
	float: left
}
nav ul li:hover ul.drop1_list {
	display: block!important
}
.hide_nav {
	display: block
}
.mobile_nav span {
	width: 24px;
	height: 2px;
	background: #fff;
	float: left;
	margin: 20px 0 0 0;
	position: relative;
	transition: all .3s ease;
	font-size: 0
}
.mobile_nav span:before {
	content: '';
	position: absolute;
	width: 24px;
	height: 2px;
	background: #fff;
	left: 0;
	top: -8px;
	transition: all .4s ease
}
.mobile_nav span:after {
	content: '';
	position: absolute;
	width: 24px;
	height: 2px;
	background: #fff;
	left: 0;
	bottom: -8px;
	transition: all .4s ease
}
.mobile_nav.close_menu span {
	height: auto;
	font-size: 24px;
	color: #fff;
	background: rgba(0,0,0,0);
	margin-top: 20px;
	margin-left: 0;
	font-weight: 300
}
.mobile_nav.close_menu span:before {
	transform: rotate(45deg);
	transition: all .4s ease;
	top: 0;
	margin-top: -1px;
	opacity: 1
}
.mobile_nav.close_menu span:after {
	transform: rotate(-45deg);
	transition: all .4s ease;
	bottom: 50%;
	margin-bottom: -1px;
	opacity: 1
}
.top_banner .carousel-caption {
	left: 15px;
	width: 55%;
	top: 30%
}
.top_banner .carousel-caption h1 {
	font-size: 20px
}
.top_banner .carousel-caption span {
	font-size:10px;
}
.top_banner .carousel-caption p {
	font-size: 13px;
	line-height: 16px
}
.top_info li {
	width: 100%;
	margin: 5px 0;
	max-width: 100%;
	border-right: none;
	border-bottom: solid 1px #f1f1f1
}
.top_info li figure {
	width: 100%;
	float: left;
	margin: 0 0 5px
}
.top_info li p {
	min-height: inherit;
	margin: 0 0 10px
}
.offer_bg .offer_head figure {
	width: 40px;
	float: left
}
.offer_bg .offer_head figure img {
	max-width: 100%
}
.offer_bg .offer_head {
	border: none;
	margin: 0;
	padding: 15px 0 10px
}
.offer_bg .offer_head h3 {
	font-size: 28px;
	width: calc(100% - 40px);
	float: left;
	text-align: left;
	letter-spacing: 2px;
	padding: 0 10px
}
.offer_bg .offer_head h3 span {
	display: inline-block;
	font-size: 28px;
	letter-spacing: 2px;
	font-weight: 300;
	margin-left: 5px
}
.offer_bg .offer_area {
	padding: 0 0 15px;
	text-align: center
}
.offer_bg .carousel-control-next, .offer_bg .carousel-control-prev {
	top: -82px
}
.offer_bg .offer_area h4 {
	font-size: 14px
}
.offer_bg .offer_area h3 {
	font-size: 24px;
	line-height: 30px
}
.offer_bg .offer_area h3 span {
	font-size: 36px
}
.offer_bg .offer_area button {
	height: 45px;
	padding: 0 25px
}
.outer_area .prodct_bx {
	padding: 15px
}
.outer_area .prodct_bx figure {
	line-height: normal
}
.outer_area .prodct_bx h3 {
	padding: 10px 0 0
}
.outer_area .prdct_dtls .table th {
	font-size: 12px;
	padding: 10px 6px
}
.outer_area .prdct_dtls table td {
	padding: 8px 5px
}
.outer_area .prdct_dtls table td {
	font-size: 12px
}
.outer_area .prdct_dtls table td button {
	font-size: 12px;
	min-height: 30px;
	padding: 0 10px
}
.spcl_offr_bg .offer_main {
	padding: 10px
}
.spcl_offr_bg {
	margin: 25px 0 10px;
	padding: 10px;
	background-size: cover
}
.outer_area .prdct_dtls table .spcl_offer {
	left: -8px;
	top: -15px
}
.outer_area .prdct_dtls table .spcl_offer img {
	max-height: 35px
}
.intro_text h2 {
	font-size: 24px
}
.offer_img {
	left: 40%;
	top: -40px
}
.offer_img img {
	max-height: 60px
}
.spcl_offr_bg .offer_area .offer_left, .spcl_offr_bg .offer_area .offer_right {
	width: 100%;
	text-align: center
}
.spcl_offr_bg .offer_area .offer_left h3 {
	font-size: 18px;
	line-height: 26px
}
.spcl_offr_bg .offer_area .offer_left h4 {
	font-size: 13px
}
.spcl_offr_bg .offer_area .offer_left h3 span {
	font-size: 32px
}
.spcl_offr_bg .offer_area .offer_right button {
	padding: 8px 18px;
	margin: 5px 0 0
}
.spcl_offr_bg .carousel-control-prev {
	left: -20px!important;
	background: 0 0;
	top: 20%
}
.spcl_offr_bg .carousel-control-next {
	right: -20px!important;
	background: 0 0;
	top: 20%
}
.about_duk h2, .about_duk h3 {
	font-size: 16px
}
.about_duk p, .about_duk ul {
	font-size: 13px;
	line-height: 20px
}
footer {
	margin: 0;
	padding: 15px 0
}
.social-icon h4, footer .accept_card h4 {
	width: 100%;
	float: left;
	padding: 0 0 10px;
	margin: 0
}
footer .accept_card {
	padding: 0;
	margin: 0 0
}
footer .resource li a {
	font-size: 13px;
	padding: 0 8px
}
.product_dtls_area {
	padding: 0;
	margin: 25px 0 0
}
.table td, .table th {
	padding: 8px 5px;
	font-size: 12px;
	vertical-align: middle
}
.table td strong {
	font-weight: 500;
	font-size: 12px;
	line-height: 14px
}
.shopping_cart_area .action a {
	padding: 5px 10px
}
.shopping_cart_area .quantity .input_qty {
	width: 30px;
	height: 30px;
	border-radius: 0
}
.shopping_cart_area .coupon_code {
	padding: 15px 10px
}
.shopping_cart_area .coupon_code label {
	width: 100%;
	padding: 0 0 10px;
	margin: 0!important
}
.shopping_cart_area .coupon_code input {
	width: 60%
}
.shopping_cart_area .coupon_code button {
	width: 40%;
	padding: 0;
	text-align: center;
	font-size: 12px
}
.right_side_checkout {
	margin: 20px 0 0
}
.checkout_details ul li .form-control {
	width: 100%
}
.card_details_main .card_dtls li {
	margin: 10px 0;
	padding: 0
}
.card_details_main .main_div .left_side label {
	display: none
}
.contact_area .address_area li {
	width: 100%;
	float: left;
	border-right: none;
	border-bottom: solid 1px #53ccbf
}
}
@media only screen and (max-width:600px) {
nav {
	padding: 0
}
.top_banner img {
	height: 150px
}
.outer_area .prdct_dtls figure img {
	height: 120px;
	width: auto
}
.top_banner .carousel-caption h1 {
	font-size: 20px
}
.top_banner .carousel-caption label{ font-size:14px; line-height:16px; padding:7px 0;}
.top_banner .carousel-caption h1 span {
	font-size: 21px
}
.product_list_area li {
	width: 100%
}
.outer_area .prdct_dtls figure {
	line-height: inherit;
	padding: 15px
}
.intro_text h1 {
	font-size: 24px;
	margin: 10px 0 5px
}
.red-heading p {
	padding: 5px 30px
}
.about_ktc p {
	font-size: 14px;
	line-height: 20px
}
.contact_form ul li {
	width: 100%
}
.contact_form ul li input {
	width: 100%
}
.prodct_dtl h4 {
	min-height: auto
}
.prodct_dtl a {
	float: none
}
.product_dtls_area .product_top .prdct_dtls .select_box label {
	width: 100%;
	text-align: left
}
.product_dtls_area .product_top .prdct_dtls .select_box .selectbox {
	width: 100%
}
.checkout_details ul li {
	width: 100%
}
.payment_opt ul li {
	width: 100%;
	margin: 5px 0
}
.card_details_main .main_div .left_side, .card_details_main .main_div .right_side {
	width: 100%;
	padding: 5px 0;
	margin: 0
}
.card_details_main .check_first .form-control {
	margin: 0
}
.card_details_main .card_dtls li {
	width: 100%
}
.card_details_main .card_dtls li label {
	margin: 0 0 5px
}
.vision_mission li figure {
	width: 100%;
	text-align: left
}
.vision_mission li .dtls_area {
	width: 100%
}
.about_category {
	margin: 20px 0
}
.blog_area li {
	width: 100%!important;
	margin: 15px 0
}
table.table.table-bordered.cart tr td:nth-child(3) {
	width: 80px
}
.about_content figure img {
	height: 120px
}
.about_content figure {
	margin: 00px 0 0
}
.about_content {
	padding: 20px 0 20px 0
}
.outer_area {
	padding: 20px 0
}
.review-form ul.review_list {
	display: grid
}
}
@media only screen and (max-width:359px) {
.top_banner img {
	min-height: 210px
}
.select_pills li, .select_pills_2 li {
	min-width: 63px
}
.infografic_area ul li .txt_area h3 {
	font-size: 16px
}
.outer_area .prdct_dtls table td {
	padding: 8px 0
}
.outer_area .prdct_dtls table td button {
	font-size: 11px;
	min-height: 20px;
	padding: 0 5px;
	height: auto
}
}
@media only screen and (max-width:768px){
	nav ul li a {
    padding: 17px 2px;
    font-size: 14px;
}
header .logo_area img {
    max-width: 100%;
    width: auto;
    height: auto;
}
}
@media only screen and (max-width:600px){
	.product_dtls_area .product_top .prdct_dtls .btn_area_pro .btn_area a {
    width: 100px;
    text-align: center;
    padding: 0px;
}
.pull-left.nav_right li a{
	padding-left: 15px;
}
ul.pop_pro figure img {
    width: 100%;
    height: auto;
}
ul.pop_pro {
    padding: 10px 10px 20px;
}
ul.pop_pro li {
    flex: 0 0 50%;
    padding: 0px 5px;
}
}