@media (min-width: 320px) and (max-width: 479px) {

  .about-content {
    padding-left: 0px !important;
}

  .sub-title {
    font-size: 39px;
    text-align: center !important;
  }

  .breadcrumb_section h2, .section-title h2 {
    font-size: 20px !important;
  }

  .destination-section .subheading {
    font-size: 20px !important;
  }
  .carousel-caption {
    left: 30px;
    right: 30px;
  }
  .carousel-caption h2 {
    font-size: 24px;
  }
  .carousel-caption h6 {
    font-size: 14px;
    display: none;
  }
  .common_btn {
    margin-top: 0;
    padding: 6px 16px;
    font-size: 13px;
    margin-bottom: 20px;
    color: white !important;
  }
  .carousel-indicators li {
    margin-bottom: 7px;
  }
  .carousel-indicators {
    width: 20px;
    height: auto;
    top: 50px;
    right: 15px;
  }
  .about_sec p {
    text-align: justify;
    text-align-last: center;
  }
  *,
  ::after,
  ::before {
    box-sizing: border-box;
    text-align: center;
  }
  .heading {
    text-align: center !important;
  }
  .font-weight-bold {
    text-align: center !important;
    color: #001439;
  }
  .owl-carousel .owl-item img {
    display: inline !important;
  }
  .mw-100 {
    max-width: 100% !important;
  }

  .footer-top {
    padding: 0px !important;
  }

  .footer-top h4 {
    color: #fccd57 !important;
  }

  .contact_footer p,
  .contact_footer a,
  .footer_menu a {
    color: #001439 !important;
    padding-bottom: 8px;
  }
  .footer-bottom {
    margin-top: 15px !important;
  }
  .about-text h3 {
    margin-top: 80px !important;
  }
  .packaging_inner_sec {
    padding: 50px 10px 20px 10px !important;
  }
  .supply_inner_sec {
    padding: 50px 10px 20px 10px !important;
  }

  #cssmenu > ul > li.has-sub > a {
    padding-right: 29px;
  }

  .alt-sub-title {
    font-size: 41px !important;
    text-align: center !important;
  }
  .alt-section-title h2 {
    font-size: 20px !important;
  }
  #cssmenu.small-screen ul ul li a {
    text-align: left !important;
  }
  .destination-section .prodheading {
    font-size: 41px !important;
  }
  .contact-form form .form-control {
    text-align: left !important;
  }
  .contact_footer a.tel_number, a.mail_foot {
    background-position: left center;
}
.contact_footer a.mail_foot {
    background-position: left center;
}
.address_p {
    background-position: left top;
}
}

@media (min-width: 767px) and (max-width: 991px) {
  .heading {
    text-align: center !important;
}
  .sub-title {
    font-size: 39px;
    text-align: center !important;
  }
  .section-title p {
    text-align: center;
  
}
footer {
  background: url(../img/foot_bg_ar.jpg);
  background-size: 100%;
}
.footer-top {
  padding: 0px 0 !important;
}
.social_footer a {
  display: block !important;
  margin-bottom: 8px;
}
.mw-100 {
  max-width: 100% !important;
}
.contact_footer p, .contact_footer a {
  margin-bottom: 5px !important;
}
.footer-bottom {
  padding: 0px !important;
}
.common_btn {
  margin-bottom: 15px;
}
*, ::after, ::before {
  text-align: center;
}
#cssmenu.small-screen ul ul li a {
  text-align: left;
}
.row .col-lg-4 {
  flex-basis: 33.33%;
  max-width: 33.33%;
}

.row .offset-lg-0 {
  margin-left: 0;
}

}
@media (min-width: 480px) and (max-width: 575px) {
  .carousel-caption {
    left: 30px;
    right: 30px;
  }
  .carousel-caption h2 {
    font-size: 24px;
  }
  .carousel-caption h6 {
    font-size: 14px;
    display: none;
  }
  .common_btn {
    margin-top: 0;
    padding: 6px 16px;
    font-size: 13px;
  }
  .carousel-indicators li {
    margin-bottom: 7px;
  }
  .carousel-indicators {
    width: 20px;
    height: auto;
    top: 50px;
    right: 15px;
  }
  .about_sec p {
    text-align: justify;
    text-align-last: center;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .carousel-caption {
    left: 30px;
    right: 30px;
  }
  .carousel-caption h2 {
    font-size: 24px;
  }
  .common_btn {
    margin-top: 0;
    padding: 6px 16px;
    font-size: 13px;
  }
  .carousel-indicators li {
    margin-bottom: 7px;
  }
  .carousel-indicators {
    width: 20px;
    height: auto;
    top: 50%;
    right: 15px;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 13px;
  }
  .commonpadding,
  .commonpadding_shop_prdctdetail {
    padding-left: 15px;
    padding-right: 15px;
  }
  header .logo img {
    height: 55px !important;
  }
  header.shrink .logo img {
    height: 40px;
  }
  .header_lang {
    padding: 5px 10px;
  }
  #cssmenu.small-screen > ul {
    width: 100%;
    position: fixed;
    z-index: 1;
    right: 0;
    background: #fff;
    bottom: 0;
    padding-top: 40px;
    top: 0;
  }
  #cssmenu > ul > li > a {
    text-align: left;
    font-size: 14px;
  }
  #cssmenu.small-screen #menu-button.menu-opened {
    position: fixed;
    z-index: 5;
    top: 0;
    right: 10px;
  }
  #cssmenu.small-screen ul ul,
  #cssmenu.small-screen ul ul ul,
  #cssmenu.small-screen.align-right ul ul {
    padding: 10px 0;
  }
  .about_content {
    padding-right: 15px;
  }
  .about_sec h2,
  .section-title {
    font-size: 41px;
  }
  p {
    font-size: 14px;
    line-height: 1.6;
  }

  .h_about_sec,
  .product_service_sec,
  .about_inner_sec {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .about-inner-area {
    margin-top: 0;
  }
  .product_sec {
    padding-bottom: 40px;
  }
  .prdct_service_box h3 {
    font-size: 16px;
  }
  .product_thumb h4 {
    font-size: 13px;
  }
  .footer_logo {
    width: 150px;
  }
  .footer-top h4 {
    margin-top: 30px;
    font-size: 20px;
  }
  .owl-productGallery .owl-dots .owl-dot {
    height: 12px;
    width: 12px;
    margin: 2px;
  }
  .carousel-caption > div {
    width: 100%;
  }
  .breadcrumb_section h2,
  .section-title h2 {
    font-size: 20px;
  }
  .sub-title {
    font-size: 41px;
    text-align: center;
  }
  .breadcrumb_section ul li {
    font-size: 13px;
  }
  .page-title-area {
    height: auto;
    padding: 50px 0;
  }
  .about-content {
    padding-left: 0;
  }
  .about-image {
    margin-bottom: 30px;
  }
  .about-text h3 {
    font-size: 20px;
  }
  .service_item h3 {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 25px !important;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading {
    text-align: center !important;
}
  body {
    font-size: 13px;
  }
  .carousel-caption h2 {
    font-size: 34px;
  }
  .commonpadding,
  .commonpadding_shop_prdctdetail {
    padding-left: 15px;
    padding-right: 15px;
  }
  header .logo img {
    height: 55px;
  }
  header.shrink .logo img {
    height: 40px;
  }
  .header_lang {
    padding: 5px 10px;
  }
  #cssmenu.small-screen > ul {
    width: 100%;
    position: fixed;
    z-index: 1;
    right: 0;
    background: #fff;
    bottom: 0;
    padding-top: 40px;
    top: 0;
  }
  #cssmenu > ul > li > a {
    text-align: left;
    font-size: 14px;
  }
  #cssmenu.small-screen #menu-button.menu-opened {
    position: fixed;
    z-index: 5;
    top: 0;
    right: 10px;
  }
  #cssmenu.small-screen ul ul,
  #cssmenu.small-screen ul ul ul,
  #cssmenu.small-screen.align-right ul ul {
    padding: 10px 0;
  }
  .about_content {
    padding-right: 15px;
  }
  .about_sec h2,
  .section-title {
    font-size: 34px;
  }
  p {
    font-size: 14px;
    line-height: 1.6;
  }

  .h_about_sec,
  .product_service_sec {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .product_sec {
    padding-bottom: 40px;
  }
  .prdct_service_box h3 {
    font-size: 16px;
  }
  .product_thumb h4 {
    font-size: 13px;
  }
  .footer_logo {
    width: 150px;
  }
  .footer-top h4 {
    margin-top: 30px;
    font-size: 20px;
  }
  .owl-productGallery .owl-dots .owl-dot {
    height: 12px;
    width: 12px;
    margin: 2px;
  }
  .carousel-caption > div {
    width: 100%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
}

@media (max-width: 991px) {
}

@media (min-width: 992px) {
}

@media only screen and (min-width: 992px) and (max-width: 1100px) {
  body {
    font-size: 13px;
  }
  .carousel-caption h2 {
    font-size: 34px;
  }
  .commonpadding,
  .commonpadding_shop_prdctdetail {
    padding-left: 15px;
    padding-right: 15px;
  }
  header .logo img {
    height: 55px;
  }
  header.shrink .logo img {
    height: 40px;
  }
  .header_lang {
    padding: 5px 10px;
  }
  #cssmenu.small-screen > ul {
    width: 100%;
    position: fixed;
    z-index: 1;
    right: 0;
    background: #fff;
    bottom: 0;
    padding-top: 40px;
    top: 0;
  }
  #cssmenu > ul > li > a {
    text-align: left;
    font-size: 14px;
  }
  #cssmenu.small-screen #menu-button.menu-opened {
    position: fixed;
    z-index: 5;
    top: 0;
    right: 10px;
  }
  #cssmenu.small-screen ul ul,
  #cssmenu.small-screen ul ul ul,
  #cssmenu.small-screen.align-right ul ul {
    padding: 10px 0;
  }
  .about_content {
    padding-right: 15px;
  }
  .about_sec h2,
  .section-title {
    font-size: 34px;
  }
  p {
    font-size: 14px;
    line-height: 1.6;
  }

  .h_about_sec,
  .product_service_sec {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .product_sec {
    padding-bottom: 40px;
  }
  .prdct_service_box h3 {
    font-size: 16px;
  }
  .product_thumb h4 {
    font-size: 13px;
  }
  .footer_logo {
    width: 150px;
  }
  .footer-top h4 {
    margin-top: 30px;
    font-size: 20px;
  }
  .owl-productGallery .owl-dots .owl-dot {
    height: 12px;
    width: 12px;
    margin: 2px;
  }
  .carousel-caption > div {
    width: 100%;
  }
}

@media only screen and (min-width: 1101px) and (max-width: 1199px) {
  body {
    font-size: 13px;
  }
  .carousel-caption h2 {
    font-size: 34px;
  }
  .commonpadding,
  .commonpadding_shop_prdctdetail {
    padding-left: 15px;
    padding-right: 15px;
  }
  header .logo img {
    height: 55px;
  }
  header.shrink .logo img {
    height: 40px;
  }
  .header_lang {
    padding: 5px 10px;
  }
  #cssmenu.small-screen > ul {
    width: 100%;
    position: fixed;
    z-index: 1;
    right: 0;
    background: #fff;
    bottom: 0;
    padding-top: 40px;
    top: 0;
  }
  #cssmenu > ul > li > a {
    text-align: left;
    font-size: 14px;
  }
  #cssmenu.small-screen #menu-button.menu-opened {
    position: fixed;
    z-index: 5;
    top: 0;
    right: 10px;
  }
  #cssmenu.small-screen ul ul,
  #cssmenu.small-screen ul ul ul,
  #cssmenu.small-screen.align-right ul ul {
    padding: 10px 0;
  }
  .about_content {
    padding-right: 15px;
  }
  .about_sec h2,
  .section-title {
    font-size: 34px;
  }
  p {
    font-size: 14px;
    line-height: 1.6;
  }

  .h_about_sec,
  .product_service_sec {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .product_sec {
    padding-bottom: 40px;
  }
  .prdct_service_box h3 {
    font-size: 16px;
  }
  .product_thumb h4 {
    font-size: 13px;
  }
  .footer_logo {
    width: 150px;
  }
  .footer-top h4 {
    margin-top: 30px;
    font-size: 20px;
  }
  .owl-productGallery .owl-dots .owl-dot {
    height: 12px;
    width: 12px;
    margin: 2px;
  }
  .carousel-caption > div {
    width: 100%;
  }
}

@media (min-width: 1200px) {
}

@media (min-width: 1200px) and (max-width: 1299px) {
  .carousel-caption h2 {
    font-size: 32px;
  }
}

@media (min-width: 1300px) and (max-width: 1365px) {
  .carousel-caption h2 {
    font-size: 34px;
  }
}

@media (min-width: 1366px) and (max-width: 1450px) {
  .carousel-caption h2 {
    font-size: 36px;
  }
}
@media (min-width: 1451px) and (max-width: 1599px) {
  .carousel-caption h2 {
    font-size: 40px;
  }
}
@media (min-width: 1600px) and (max-width: 1680px) {
}

@media (min-width: 1900px) and (max-width: 1920px) {
}
@media print {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    width: 100%;
  }
  body,
  p,
  .common_btn,
  .pr_detil_rating span,
  .sort_selct .form-control,
  .sort_selctprofiledetail_carousel select,
  .textwidget,
  .top-header-social i,
  .product_thumb h4 {
    font-size: 20px;
  }
  .about_sec h2,
  .section-title {
    font-size: 50px;
  }
  #cssmenu > ul > li > a,
  .footer_menu a,
  .contact_footer p,
  .contact_footer a,
  .footer-bottom {
    font-size: 20px;
  }
  .bluebox.flip-card .flip-card-front h3,
  .prdct_service_box h3 {
    font-size: 20px;
  }
  .about_sec h2,
  .about_sec p,
  .about_sec .common_btn,
  .bluebox.flip-card .flip-card-front h3,
  .bluebox.flip-card .flip-card-back h3 {
    color: #000;
  }
  .footer-top h4 {
    font-size: 26px;
    color: #000;
  }
  .carousel-caption {
    direction: rtl;
  }
  .carousel-caption .justify-content-end {
    -ms-flex-pack: unset !important;
    justify-content: normal !important;
  }
  .contact_footer p,
  .contact_footer a {
    padding-right: 0;
    color: #000;
  }
  .footer_menu a,
  .footer-bottom {
    color: #000;
  }
}