@media only screen and (max-width: 1550px) {
  .product-cover-img-left {background-position: right !important;}
}

@media only screen and (max-width: 1400px) {
  .product-details {bottom: 40px; left: 50px;}
}

@media only screen and (max-width: 1350px) {
  .product-details-right {width: 40%;}
  .product-details { bottom: 30px;}
}

@media only screen and (max-width: 1199px) {

  /* padding top bottom */
  .md-padding-90px-tb {padding-top:90px; padding-bottom:90px;}

  /* text alignment */
  .md-text-right {text-align: right;}

  /* parallax */
  .parallax {background-attachment: inherit;}

  .one-fourth-screen {height: 700px;}

  /* width */
  .md-width-55 {width: 55% !important;}
  .md-width-100 {width:100%;}

  /* padding left */
  .md-padding-15px-left {padding-left:15px !important;}
  .md-padding-50px-left {padding-left:50px !important;}

  /* padding right */
  .md-padding-50px-right {padding-right:50px;}

  .md-padding-ten-all {padding: 10%;}
  .md-padding-eight-all {padding: 8%;}

  /* padding top bottom */
  .md-padding-70px-tb {padding-top:70px !important; padding-bottom:70px !important;}

  /* margin bottom*/
  .md-margin-10px-bottom {margin-bottom: 10px !important;}
  .md-margin-15px-bottom {margin-bottom: 15px !important;}
  .md-margin-20px-bottom {margin-bottom: 20px !important;}
  .md-margin-25px-bottom {margin-bottom: 25px !important;}
  .md-margin-30px-bottom {margin-bottom: 30px !important;}
  .md-margin-50px-bottom {margin-bottom: 50px !important;}
  .md-no-margin-left {margin-left:0 !important;}
  .md-no-margin-top {margin-top: 0 !important;}
  .md-no-margin-bottom {margin-bottom: 0 !important;}

  section {padding: 90px 0;}
  h1 {font-size: 63px; line-height: 63px;}
  h3 {font-size: 28px; line-height: 36px;}
  .right-text-part {padding-top: 0}
  .right-text-part h4 {font-size: 23px; line-height: 27px;}
  .material-title h3 {margin-bottom: 15px;}
  .portfolio-grid.work-4col li, .blog-grid.blog-4col li { width: 33.333%;}
  .product-details {bottom: 20px;}
  .product-details-right {width: 50%; padding: 70px 0;}
  .form-recaptcha{margin-bottom: 20px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
  .parallax {background-attachment: inherit; background-position: center;}
}

@media only screen and (max-width: 991px) {
  /* width */
  .sm-width-45 {width: 45%;}
  .sm-width-70 {width: 70% !important;}
  .sm-width-85 {width: 85%;}
  .sm-width-100 {width: 100%;}

  /* custom */
  .sm-center-col {float: none; margin: 0 auto;} 

  .sm-padding-15px-lr {padding-right:15px !important; padding-left:15px !important;}
  .sm-padding-80px-lr {padding-right: 80px !important; padding-left: 80px !important;}
  .sm-no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}

  /* padding right */
  .sm-no-padding-right {padding-right:0 !important;}
  .sm-padding-15px-right {padding-right:15px !important;}
  .sm-padding-20px-right {padding-right:20px !important;}

  /* padding top bottom */
  .sm-70px-padding-tb {padding-top: 70px !important; padding-bottom: 70px !important}

  /* text-alignment */
  .sm-text-center {text-align: center;}

  /* line-height */
  .sm-line-height-20 {line-height: 20px;}

  /* padding top */
  .sm-padding-60px-top {padding-top:60px !important;}

  .one-fourth-screen {height: 550px !important;}
  .sm-height-450px {height: 450px;}
  .sm-height-400px {height: 400px;}

  /* margin top */
  .sm-no-margin-top {margin-top:0 !important}
  .sm-margin-20px-top {margin-top: 20px !important;}

  /* parallax */
  .parallax {background-position: center;}

  /* margin bottom */
  .sm-no-margin-bottom {margin-bottom: 0 !important;}
  .sm-margin-10px-bottom {margin-bottom: 10px !important;}
  .sm-margin-20px-bottom {margin-bottom: 20px !important;}
  .sm-margin-25px-bottom {margin-bottom: 25px !important;}
  .sm-margin-30px-bottom {margin-bottom: 30px !important;}
  .sm-margin-35px-bottom {margin-bottom: 35px !important;}
  .sm-margin-40px-bottom {margin-bottom: 40px !important;}
  .sm-margin-50px-bottom {margin-bottom: 50px !important;}
  .sm-margin-60px-bottom {margin-bottom: 60px !important;}
  .sm-margin-four-bottom {margin-bottom: 4% !important;}
  .sm-margin-five-bottom {margin-bottom: 5% !important;}

  /*display*/
  .product-display-flex {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -ms-flex-wrap: wrap; flex-wrap: wrap;}

  .product-display-flex > div:nth-of-type(1) {order: 1;-webkit-order:1;-moz-order:1;-ms-order:1}
  .product-display-flex > div:nth-of-type(2) {order: 3;-webkit-order:3;-moz-order:3;-ms-order:3}
  .product-display-flex > div:nth-of-type(4) {order: 2;-webkit-order:2;-moz-order:2;-ms-order:2}
  .product-display-flex > div:nth-of-type(3) {order: 4;-webkit-order:4;-moz-order:4;-ms-order:4}
  .product-display-flex > div:nth-of-type(5) {order: 5;-webkit-order:5;-moz-order:5;-ms-order:5}
  .product-display-flex > div:nth-of-type(6) {order: 7;-webkit-order:7;-moz-order:7;-ms-order:7}
  .product-display-flex > div:nth-of-type(7) {order: 6;-webkit-order:6;-moz-order:6;-ms-order:6}

  /* portfolio grid */
  .portfolio-grid.gutter-large li, .blog-grid.gutter-large li { padding: 10px 10px;}

  h1, h2, h3, h4, h5 { margin-bottom: 15px;}
  h1 {font-size: 57px; line-height: 58px;}
  h2 {font-size: 28px; line-height: 32px;}
  h3 {font-size: 23px; line-height: 28px !important;}
  h4 {font-size: 20px; line-height: 26px;}
  section {padding: 70px 0;}
  .navbar ul li a { font-size: 13px;}
  .top-header .navbar-nav > li {margin: 0 10px;}
  .product-col-3 .col-md-4:nth-child(3n+1) {clear: none;}
  .img-left-part img { width: 100%;}
  .right-text-part {padding: 0;}
  footer .col-sm-6:nth-child(2n+1) {clear: both;}
  .portfolio-grid.work-4col li, .blog-grid.blog-4col li { width: 50%;}
  .portfolio-grid.work-4col li:nth-child(odd) {clear: both;}
  .series-box > .col-sm-6:nth-child(2n+1) {clear: both;}
  .series-box > .col-sm-6:nth-child(3n+1) {clear: none;}
  .series-box > .col-sm-6:nth-child(4n+1) {clear: none;}
  .series-box > .col-sm-6:nth-child(5n+1) {clear: none;}
  .series-box > .col-sm-6:nth-child(6n+1) {clear: none;}
  .series-box > .col-sm-6:nth-child(7n+1) {clear: none;}
  .page-title-extra-large {font-size: 40px; line-height: 40px;}
  button.mfp-arrow {background-color: #000; height: 80px; width: 80px; opacity: 1;}
  .mfp-arrow:before {margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 80px; border: 0;}
  .mfp-close, .mfp-close:active {top: 0; right: 0;}
  .left-logo {left: 0; right: 0; margin: 0 auto; text-align: center;}
  .information-box span {font-size: 17px; line-height: 25px;}
  .swiper-full-screen .white-bullets {bottom: 30px;}
  .company-information-box ul {margin-left: 15px;}
  .testimonial-main-box p {min-height: 120px;}
  
}

@media (max-width: 991px) and (min-width: 768px) {
    .series-details ul li{min-height: 42px;}
}

@media (max-width: 991px) and (min-width: 320px) {
  .sm-display-flex {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .sm-display-flex > div:nth-child(1) {order: 2;-webkit-order:2;-moz-order:2;-ms-order:2}
  .sm-display-flex > div:nth-child(2) {order: 1;-webkit-order:1;-moz-order:1;-ms-order:1}
}

@media only screen and (max-width: 767px) {
  /* height */
  .xs-height-350px {height: 350px !important;}

  /* image position*/ 
  .xs-background-image-left { background-position: left !important;}

  /* text-alignment */
  .xs-text-center {text-align: center;}
  .xs-text-left {text-align: left;}

  /* padding top */
  .xs-padding-50px-top {padding-top: 50px !important;}

  /* padding right */
  .xs-padding-15px-right {padding-right:15px !important;}

  /* padding left */
  .xs-padding-30px-left {padding-left:30px !important;}

  /* padding left right */
  .xs-no-padding-lr {padding-left: 0 !important; padding-right: 0 !important;}
  .xs-padding-15px-lr {padding-left: 15px !important; padding-right: 15px !important;}
  .xs-padding-20px-lr {padding-left:20px !important; padding-right:20px !important;}

  /* padding top bottom */
  .xs-padding-30px-tb {padding-top: 30px !important; padding-bottom: 30px !important;}
  .xs-padding-50px-tb {padding-top: 50px !important; padding-bottom: 50px !important;}

  /* margin top */
  .xs-margin-15px-top {margin-top: 15px !important;}

  /* margin top bottom */
  .xs-margin-10px-tb {margin-top:10px !important; margin-bottom:10px !important;}
  .xs-margin-20px-tb {margin-top:20px !important; margin-bottom:20px !important;}

  /* margin bottom */
  .xs-no-margin-bottom {margin-bottom: 0 !important;}
  .xs-margin-5px-bottom {margin-bottom: 5px !important;}
  .xs-margin-10px-bottom {margin-bottom: 10px !important;}
  .xs-margin-15px-bottom {margin-bottom: 15px !important;}
  .xs-margin-20px-bottom {margin-bottom: 20px !important;}
  .xs-margin-30px-bottom {margin-bottom: 30px !important;}
  .xs-margin-50px-bottom {margin-bottom: 50px !important;}

  /* display */
  .xs-display-inline-block {display:inline-block !important;}
  .xs-display-block {display:block !important;}
  .xs-display-none {display:none !important;}

  /* float */
  .xs-float-left {float: left;}
  .xs-center-col {float: none; margin: 0 auto;}

  /* width */
  .xs-width-95 {width: 95% !important;}
  .xs-width-100 {width: 100%;}

  /* line-height */
  .xs-line-height-18 {line-height:18px;}
  .xs-line-height-28 {line-height:28px;}

  /* portfolio grid */
  .portfolio-grid.gutter-large li, .blog-grid.gutter-large li { padding: 7px 0;}

  .mobile-height .full-screen, .swiper-full-screen .full-screen {height: 480px !important; min-height: 480px !important;}
  .mobile-height, .swiper-full-screen {height: auto !important;}

  .navbar-collapse {-webkit-overflow-scrolling: auto; -moz--webkit-overflow-scrolling: auto; -ms--webkit-overflow-scrolling: auto; -o--webkit-overflow-scrolling: auto;}

  h1 {font-size: 36px; line-height: 40px;}
  h2 {font-size: 24px; line-height: 28px;}
  h3 {font-size: 20px; line-height: 26px !important;}
  h4 {font-size: 18px; line-height: 24px;}
  h5 {font-size: 16px; line-height: 20px;}
  header {top: 0;}
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #fff;}
  .navbar-default .navbar-toggle {border-color: transparent;}
  section {padding: 50px 0;}
  .header-logo {margin-top: 12px; margin-bottom: 12px;}
  .right-text-part {padding-left: 0;}
  .navbar { clear: both;}
  .img-left-part img {width: 100%;}
  .top-header-area {display: none;}
  .top-space {margin-top: 75px;}
  .top-header .navbar-toggle {margin: 0; padding-right: 0;}
  .toggel-menu {position: inherit;}
  .navbar-collapse.collapse {display: none !important;}
  nav.navbar.bootsnav .navbar-collapse.collapse.in {display: block !important;}
  nav.navbar.bootsnav.no-full .navbar-collapse {max-height: 450px; overflow-y: auto !important;}
  nav.navbar.bootsnav .navbar-nav li {display: block; clear: both;}
  header * {transition-timing-function: none; -ms-transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
  .navbar-nav li {position: relative;}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #ccc;}
  .navbar-default .navbar-nav>li>a {color: #fff;}
  .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background: transparent;}
  .top-header .navbar-nav li a .fa {display: block; position: absolute; right: 0; top: -6px; color: #fff; font-size: 16px; cursor: pointer; padding: 9px 0 8px 15px;}
  .top-header .navbar-nav>li>a.open .fa {transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); padding-left: 0; top: -2px;}
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 3px 15px 3px 25px;}
  .navbar-default .navbar-toggle .icon-bar { background-color: #000; border-radius: 0;}
  .navbar ul li ul li ul {left: 0;}
  .top-header .dropdown > .dropdown-menu > .dropdown > .dropdown-menu {margin-top: 0; box-shadow: none; -webkit-box-shadow: none; padding: 10px;}
  .top-header .navbar-nav>li>a.open + ul {display: block;}
  .dropdown:hover .dropdown-menu {display: none;}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #ccc; background-color: transparent;}
  .top-header .dropdown .dropdown-menu {position: relative; top: 0; display: inline-block; margin-bottom: 3px;}
  .top-header .navbar-nav>li>a {padding-top: 7px; padding-bottom: 7px;}
  .top-header .navbar-nav > li {width: 100%; margin: 0; padding: 0 15px;}
  .mini-header-left ul li {padding-right: 15px;}
  .download-option a {padding-top: 0;}
  .navbar-collapse {left: 0;padding: 0; position: absolute;top: 100%;width: 100%;z-index: 9;}
  .navbar-collapse ul {width: 100%; background: #000; margin: 0; padding: 10px 0;}
  .slider-text-middle span {font-size: 15px; line-height: 20px;}
  .slider-text-middle {padding-top: 71px;}
  .swiper-full-screen .white-bullets { bottom: 20px;}
  .top-header .navbar-nav li ul .dropdown a .fa {transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); padding: 10px; z-index: 999;}
  .top-header .navbar-nav li ul .dropdown.open a .fa {transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}
  .top-header .navbar-nav>li.dropdown>a.open + ul ul.dropdown-menu {display: block; opacity: 1; visibility: visible;}
  .navbar ul li ul li {float: none; width: 100%; margin-bottom: 10px;}
  .navbar ul li ul li ul a {text-transform: none}
  .top-header .dropdown .dropdown-menu > li > a {padding: 0 15px}
  .portfolio-grid.work-4col li, .blog-grid.blog-4col li { width: 100%;}
  .series-box figure { margin: 0 0 15px;}
  footer ul li {padding: 2px 0;}
  .footer-bottom {padding-bottom: 20px; padding-top: 20px;}
  .product-details {left: 30px; bottom: 15px;}
  .mfp-container {padding-left: 15px; padding-right: 15px;}
  .product-title {font-size: 28px; line-height: 32px;}
  .mfp-close, .mfp-close:active {top: 0;right: 0;}
  button.mfp-arrow {background-color: #000; height: 50px; width: 50px; opacity: 1;}
  .mfp-arrow, .mfp-arrow:active, .mfp-arrow:focus {margin-top: -25px;}
  .mfp-arrow:before {margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 50px; border: 0;}
  .page-title-extra-large {font-size: 35px; line-height: 35px;}
  .img-hover .grid-item figcaption {padding: 25px 10px;}
  .list-style-4 li { padding-left: 22px;}
  .right-text-part h4 {font-size: 18px; line-height: 23px;}
  .left-logo {display: none;}
  header .navbar-top, .header-with-topbar .navbar-fixed-top {top: 0;}
  footer .footer-bottom-logo {margin-top: 15px;}
  .top-header .navbar-nav > li ul.dropdown-menu {display: none;}
  .top-header .navbar-nav > li.dropdown.open ul.dropdown-menu {display: block;}
  .top-header .navbar-nav > li.dropdown.open i {transform: rotate(-180deg); top: 1px;}
  .navbar-nav > li.dropdown > .fa {display: block; position: absolute; right: 0px; top: -1px; color: #fff; font-size: 16px; cursor: pointer; padding: 9px 15px 8px;}
  .quality-box ul li{margin-bottom: 7px;}
  .company-information-box ul {margin-left: 0;}
  .testimonial-main-box p {min-height: auto;}
 
}

@media only screen and (max-width: 480px) {
  .product-details-right { width: 100%; padding: 50px 0;}
  .blog-nav-link-prev {padding-left: 30px;}
  .blog-nav-link-next {padding-right: 30px;}
  .product-details-right p {line-height: 20px;}
  .material-box td:nth-child(2) {text-align: right;}
}