@media only screen and (min-width: 1300px) and (max-width: 1920px){
/*#grve-inner-header nav::before {
    height: 68px;
}*/

}

@media only screen and (min-width: 1268px) and (max-width: 6000px){
.video-section .fluid-width-video-wrapper::after {
    right: -2px;
}

}

@media screen and (max-width: 1260px) {
.owl-carousel .owl-nav .owl-prev {
  left: -3px !important;
}
.owl-carousel .owl-nav .owl-next {
  right: -3px !important;
}

}

/************************************************************** ctrl+1 **************************************************************/
@media screen and (max-width:1200px){
#grve-top-bar .grve-container {
  padding: 0;
  width: 900px;
}
#grve-header[data-safebutton="no"] #grve-inner-header .grve-container {
  width: 900px;
}
.input-wrap > p {
  display: inline-block;
  margin-right: 1%;
  width: 23.8%;
}
#grve-header #grve-inner-header .grve-logo img {
  max-height: 90px !important;
}
#grve-header[data-menu-align="right"][data-menu-type="simply"] #grve-main-menu > ul > li:first-child, #grve-header[data-menu-align="right"][data-menu-type="simply"] #grve-main-menu > ul > li:nth-child(2), #grve-header[data-menu-align="right"][data-menu-type="simply"] #grve-main-menu > ul > li:nth-child(3) {
  padding: 0 20px;
}
body #grve-header[data-menu-align="right"][data-menu-type="simply"] #grve-main-menu > ul > li:first-child {
  padding: 0 20px 0 0;
}
body #grve-header #grve-main-menu > ul > li > a {
  font-size: 13px;
}
#grve-header[data-menu-align="right"][data-menu-type="simply"] #grve-main-menu > ul > li {
  padding: 0 15px;
}
li.menu-item-has-children a::before {
    right: -11px;
}
#grve-header #grve-inner-header .grve-logo img {
  max-height: 80px !important;
}
#grve-header .grve-logo {
  top: -10px;
}
footer #grve-footer-area .grve-column-1-3:first-child {
  padding-left: 15px;
}
.video-section .fluid-width-video-wrapper::after {
    right: -1px;
    top: 32px;
}
#grve-body #grve-header[data-logo-align="left"] .grve-logo {
    margin: auto !important;
    float: none;
    left: 0;
    right: 0;
    width: 280px;
}
#grve-header[data-menu-align="right"][data-menu-type="simply"] #grve-main-menu > ul > li.menu-item-has-children {
    padding: 0 20px 0 10px;
}

}
/************************************************************** ctrl+1 close *******************************************************/


/************************************************************** ctrl+2(mozila) **************************************************************/
@media screen and (max-width:1024px){

#grve-header .grve-logo a
{
  text-align: left;
}

}
/************************************************************** ctrl+2(mozila) close ********************************************************/


/************************************************************** ctrl+2(chrome) **************************************************************/
@media screen and (max-width:1045px){
#grve-body #grve-header[data-logo-align="left"] .grve-logo {
    margin: auto !important;
    float: none;
    left: 0;
    right: 0;
    width: 280px;
}
}
/************************************************************** ctrl+2(chrome) close ********************************************************/


/************************************************************** tablet view **************************************************************/
@media only screen and (min-width: 768px) and (max-width: 1024px){
/****************** HEADER ****************/
#grve-top-bar .grve-container, #grve-header[data-safebutton="no"] #grve-inner-header .grve-container {
  width: 720px;
  padding: 0;
}
#grve-top-bar ul.grve-bar-content.grve-left-side {
  float: left;
}
#grve-top-bar ul.grve-bar-content.grve-right-side {
  float: right;
}
#grve-top-bar ul.grve-bar-content li p {
  padding: 0 0 0 10px;
}
#grve-header.grve-default #grve-inner-header, #grve-header.grve-default[data-sticky-header="shrink"] {
  background: #d75f8f none repeat scroll 0 0 !important;
  height: 80px !important;
  line-height: 80px !important;
  margin-top: 5px;
}
#grve-header.grve-header-sticky #grve-inner-header, #grve-header.grve-default[data-sticky-header="shrink"] {
  margin-top: 0;
}
#grve-body #grve-header[data-logo-align="left"] .grve-logo {
  bottom: auto;
  float: left;
  position: relative;
  top: auto;
  width: 70%;
}
body #grve-header #grve-inner-header .grve-logo img {
  max-height: 60px !important;
  padding: 0;
}
/****************** HOME PAGE ****************/
.tp-caption {
  top: 190px !important;
  width: 78%;
}
body#grve-body .grve-section .custom-btn {
  line-height: 49px !important;
}
footer #grve-footer-area .grve-column-1-3 {
  padding: 0 10px;
}
footer #grve-footer-area .grve-column-1-3:nth-child(2) {
  width: 45.6666%;
}
footer #grve-footer-area .grve-column-1-3:first-child {
  width: 21%;
  z-index: 9;
  padding-left: 15px;
}
footer #grve-footer-area .grve-column-1-3:last-child {
  padding-right: 15px;
}
#grve-footer .widget:last-child, #grve-footer .widgets:last-child {
  margin-bottom: 0;
}
#grve-footer-area .grve-contact-info ul li, #grve-footer-area .grve-contact-info ul li a {
  font-size: 13px;
}
footer #grve-footer-area {
  padding-bottom: 30px;
}
footer h5 {
  font-size: 25px;
}
#grve-footer-area .widget ul.menu li {
  margin-bottom: 0;
}
#grve-footer-area .widget li a {
  font-size: 14px;
}
footer #grve-footer-bar {
  padding: 10px 0;
}
.grve-section .owl-nav {
  margin-top: 10px;
  position: relative;
  text-align: center;
}
.grve-section .owl-nav > div {
  background-color: #af2426;
  border-radius: 3px;
  display: inline-block;
  font-size: 0;
  height: 45px;
  position: relative;
  width: 45px;
  margin: 0;
}
.grve-section .owl-nav > div:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.owl-carousel .owl-nav .owl-prev {
  left: -15px;
  background-position: 10px -129px;
}
.owl-carousel .owl-nav .owl-prev:hover {
  background-position: 10px -182px;
}
.owl-carousel .owl-nav .owl-next {
  background-position: 15px -287px;
  right: -15px;
}
.owl-carousel .owl-nav .owl-next:hover {
  background-position: 15px -234px;
}
.widget.widget_nav_menu .menu > li > ul.sub-menu {
  left: 100px;
  right: auto;
}
.widget.widget_nav_menu .menu > li > ul.sub-menu::after {
  top: 20px;
}
footer #grve-footer-area::before {
  background: rgba(0, 0, 0, 0) url("../images/footer-top-border.png") no-repeat scroll center center / cover ;
}
/***************************** FABRICS PAGES *****************************/
.product-detail h4 {
  font-size: 14px;
}
.grve-section .image-popup .owl-nav {
  display: block;
  margin-top: 0;
  position: static;
  text-align: center;
}
.image-popup  .owl-carousel .owl-nav div {
  bottom: 0;
  display: block;
  margin-bottom: auto !important;
  position: absolute;
  top: 0;
  margin: auto;
}
.grve-section .image-popup .owl-nav > div:hover {
  background-color: transparent;
}
.image-popup {
  margin-left: -20%;
  margin-top: -160px;
  width: 40%;
}
.welcome-section p {
  line-height: 1.5;
}
.category-image {
  min-height: 210px;
}


body #grve-header .grve-responsive-menu-button {
  display: block;
}
body #grve-main-menu {
  display: none;
}

}
/************************************************************** tablet view close *********************************************************/


/**************************************************************- mobile view **************************************************************/
@media only screen and (max-width: 767px){
/****************** HEADER ****************/
body h2.grve-title-no-line {
  padding-bottom: 22px;
  font-size: 25px;
}
.tp-caption h2 {
  padding-bottom: 22px !important;

}
#grve-top-bar .grve-container, #grve-header[data-safebutton="no"] #grve-inner-header .grve-container {
  width: 100%;
  padding: 0 15px;
}
#grve-top-bar ul.grve-bar-content.grve-left-side, #grve-top-bar ul.grve-bar-content.grve-right-side {
  float: left;
  width: 100%;
  text-align: center;
}
#grve-top-bar ul.grve-bar-content li p {
  padding: 0 0 0 10px;
}
#grve-header.grve-default #grve-inner-header, #grve-header.grve-default[data-sticky-header="shrink"] {
  background: #d75f8f none repeat scroll 0 0 !important;
  height: 65px !important;
  line-height: 65px !important;
  margin-top: 5px;
}
#grve-header.grve-header-sticky #grve-inner-header, #grve-header.grve-default[data-sticky-header="shrink"] {
  margin-top: 0;
}
#grve-body #grve-header[data-logo-align="left"] .grve-logo {
  bottom: auto;
  position: relative;
  top: auto;
  width: 70%;
  float: left;
}
.tp-caption h1 {
  font-size: 30px !important;
}
body #grve-header #grve-inner-header .grve-logo img {
  max-height: 40px !important;
  padding: 0;
}
footer #grve-footer-bar {
  padding: 10px 0;
}
.grve-section .owl-nav {
  margin-top: 10px;
  position: relative;
  text-align: center;
}
.grve-section .owl-nav > div {
  background-color: #af2426;
  border-radius: 3px;
  display: inline-block;
  font-size: 0;
  height: 45px;
  position: relative;
  width: 45px;
  margin: 0;
}
.grve-section .owl-nav > div:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.owl-carousel .owl-nav .owl-prev {
  left: -15px;
  background-position: 10px -129px;
}
.owl-carousel .owl-nav .owl-prev:hover {
  background-position: 10px -182px;
}
.owl-carousel .owl-nav .owl-next {
  background-position: 15px -287px;
  right: -15px;
}
.owl-carousel .owl-nav .owl-next:hover {
  background-position: 15px -234px;
}
#grve-main-content .grve-section {
  margin-bottom: 0;
  /*padding: 30px 15px !important;*/
}
body p {
  font-size: 13px;
  text-align: justify;
}
#grve-body .grve-responsive-menu-button {
  right: 15px;
}
#grve-main-content .grve-section.home-slider {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.tp-caption {
  right: 0;
  text-align: center;
  top: 200px !important;
  width: 90%;
  left: 0;
}
#grve-main-content .tp-caption h2 {
  line-height: 1.2 !important;
  font-size: 16px !important;
}
.tp-caption p {
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.tp-caption .custom-btn {
  height: 40px !important;
  line-height: 40px !important;
  margin-top: 5px !important;
}
.input-wrap {
  margin-bottom: 15px;
}
.input-wrap > p {
  display: inline-block;
  margin-right: 0;
  width: 100%;
}
footer #grve-footer-area .grve-column-1-3:first-child {
  padding-left: 15px;
  width: 100%;
}
footer #grve-footer-area .grve-column-1-3:nth-child(2) {
  width: 100%;
}
footer #grve-footer-area .grve-column-1-3 {
  padding-left: 15px;
  padding-right: 15px;
}
footer .grve-container {
  width: 290px;
}
footer #grve-footer-area {
  padding-bottom: 10px;
  padding-top: 30px;
}
#grve-footer .widget:last-child, #grve-footer .widgets:last-child {
  margin-bottom: 20px;
}
.grve-top-btn.grve-icon-nav-up.show {
  font-size: 16px;
  height: 30px;
  line-height: 26px;
  margin-bottom: 30px;
  width: 30px;
}
body footer#grve-footer .grve-copyright, body footer#grve-footer .grve-copyright a {
  font-size: 10px !important;
}
footer #grve-footer-area::after {
  background-size: 150px 40px !important;
  height: 40px;
  width: 150px;
  top: -5px;
}
#grve-body #grve-main-menu-responsive .grve-close-menu-button {
  line-height: 26px;
}
body #grve-main-content::before {
  clear: both;
  content: "";
}
#grve-main-content .grve-section {
  margin-bottom: 0;
  padding-bottom: 30px;
  padding-top: 30px;
}
.grve-section.welcome-section, .grve-section.product-section, .grve-section.video-section, .grve-section.enquiry-section {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.grve-video {
  width: 196px;
  height: 140px;
}
.grve-video::before {
  background: rgba(0, 0, 0, 0) url("../images/video-bg.jpg") no-repeat scroll 0 0 / 350px auto;
  height: 175px;
  left: -80px;
  top: -12px;
  width: 350px;
}
.grve-video iframe {
  height: 125px;
}
.video-section h2 {
  margin-bottom: 35px !important;
}
.product-section h2 {
  margin-bottom: 20px !important;
}
footer h5 {
  font-size: 25px;
}
.video-section .fluid-width-video-wrapper::before {
  background-position: 0 -626px;
  height: 30px;
  width: 10px;
  top: -12px;
}
.video-section .fluid-width-video-wrapper::after {
  background-position: 0 -670px;
  height: 45px;
  width: 20px;
  top: 12px;
}
.widget.widget_nav_menu .menu > li > ul.sub-menu {
  left: 93px;
  right: auto;
  width: 210px;
}
.widget.widget_nav_menu .menu > li > ul.sub-menu::after {
  top: 19px;
}
footer #grve-footer-area::before {
  background: rgba(0, 0, 0, 0) url("../images/footer-top-border.png") no-repeat scroll center center / cover ;
}
#grve-footer > a {
  top: -23px;
  width: 150px;
}
.welcome-section p {
  text-align: justify;
  line-height: 1.5;
}
.grve-section.enquiry-section {
  padding-bottom: 50px;
}
#grve-footer-area .grve-contact-info ul li.grve-address {
  font-size: 15px;
}
.grve-widget.grve-contact-info li.grve-phone::before {
  bottom: 3px;
}
/***************************** DOMESTIC & EXPORTS PAGE *****************************/
.domestic-section p {
  text-align: justify;
}
body#grve-body .domestic-section .grve-image, body#grve-body .exports-section .grve-image {
  border: 5px solid #ccc;
  width: 100%;
}
/***************************** FABRICS PAGES *****************************/
.fabrics-section li, .fabrics-section .listing-product li {
  margin-right: 0%;
  width: 100%;
}
.fabrics-section li:nth-child(n+3), .fabrics-section li:nth-child(n+2) {
  margin-top: 20px;
}
body.category h2.grve-title {
  padding-top: 40px;
}
.fabrics-section .listing-product li:nth-child(3n) {
  margin-right: 0;
}
.fabrics-section .listing-product li:nth-child(3) {
  margin-top: 20px;
}
.grve-section .image-popup .owl-nav {
  display: block;
  margin-top: 0;
  position: static;
  text-align: center;
}
.image-popup  .owl-carousel .owl-nav div {
  bottom: 0;
  display: block;
  margin-bottom: auto !important;
  position: absolute;
  top: 0;
  margin: auto;
}
.grve-section .image-popup .owl-nav > div:hover {
  background-color: transparent;
}
.image-popup {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  right: 0;
  top: 20%;
  width: 90%;
}

.category-image {
  height: auto;
  min-height: 130px;
}
.category-image img {
  bottom: auto;
  left: auto;
  margin: auto;
  position: relative;
  right: auto;
  top: auto;
}
.product-detail {
  bottom: 0;
}

}
/**************************************************************- mobile view close *********************************************************/
