/* Landscape 320px and 568px */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .cockies-popup {
      padding: .5rem 0rem;
    }
    #review-b2b-modules h1 {
      font-size: 19px;
      margin: 0rem 0 2rem 0;
    }
    #home-slider .text h5 {
      margin-bottom: 1rem;
      font-size: 15px;
    }
    .btn-success {
      text-align: center;
      padding: .2rem .3rem;
    }
    .price-table {
      min-width: 900px;
    }
    .site-map-links {
      margin-bottom: -1rem;
    }
    .cockies-popup p {
      font-size: 12px;
      line-height: 15px;
      margin-bottom: .5rem;
    }
    .under-construction-page img {
      width: 30%;
    }
    .under-construction-page h4 {
      width: 100%;
    }
    .tabs .contact a {
      float: right;
      padding: 15px;
      width: auto;
    }
    .tabs.tabs-fixed-width .contact {
      -ms-flex: 0 0 36%;
      flex: 0 0 36%;
      max-width: 36%;
    }
    #prices .contact img {
      width: 32px;
      height: 32px;
      padding-right: 0;
      display: block;
    }
    #prices .contact span {
      display: none;
    }
    #price-b2b-modules .price-table .price {
      padding: 15px;
    }
    .package-title img {
      margin-top: -3px;
      margin-left: 6px;
    }
    #home-slider {
      background-image: url(../img/home-img/b2b-srbija-online-veleprodaja-sistem-mobile-slider.jpg);
      background-repeat: no-repeat;
      background-size: cover;
    }
    .login-caption-holder h1 {
      font-size: 2rem;
    }
    .price-table tr td:nth-child(3) {
      padding: 8px 10px;
    }
    .login-image {
      height: 250px;
    }
    .login-holder {
      width: inherit;
      margin: 0;
      margin-top: 3rem;
    }
    form.login-form-inputs {
      padding: 0 0rem;
    }
    .divader-login .form-group  [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
      opacity: 1;
    }
    .login-logo img {
      margin: 2rem 0 2rem 0;
    }
    #login {
      height: 100%;
    }
    .price-table svg {
      display: none;
    }
    .user-guide {
      display: block;
    }
    #review-b2b-modules .bg-home-modules .box {
      padding: 1rem 2rem;
    }
    #home-slider .caption {
      height: 538px;
      padding-top: 26%;
    }
    .navbar-brand {
      width: 60%;
      padding: .7rem;
    }
    .navbar-light .navbar-toggler {
      color: rgba(0,0,0,.5);
      border-color: transparent;
    }
    .navbar-nav {
      text-align: right;
    }
    #home-slider .text h1 {
      font-size: 21px;
      line-height: 24px;
      margin-bottom: 0;
    }
    #home-slider .btn-primary {
      margin-bottom: 1rem;
    }
    #home-modules {
      padding: 2rem 0 0 0;
    }
    .text-home-moduls p {
      width: 100%;
    }
    #home-modules h1 {
      font-size: 19px;
    }
    #home-modules .bg-home-modules .box {
      padding: 2rem 1rem;
    }
    .function-img {
      display: none;
    }
    .see-more-info {
      display: block;
      margin-top: 0;
    }
    .price-table tr td {
      padding: 8px 15px;
    }
    .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .tabs.tabs-fixed-width .tab {
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      max-width: 30%;
    }
    p.info-text-footer {
      width: 100%;
    }
    .company-footer li i {
      padding-right: 0;
      display: none;
   }
   .company-footer .adress {
      padding-left: 0;
      text-indent: 0;
    }
    .modal-content {
      border-radius: 0;
      padding: 15px;
    }
    .modules-find-more-modal h2 {
      font-size: 21px;
    }
    .img-modal-modules .main-img {
      width: 19%;
      padding-right: .5rem;
   }
   .modules-find-more-modal button.close {
      right: 3%;
      top: 0%;
      z-index: 15;
    }
    .modules-find-more-modal .list-info img {
      width: 35%;
    }
    .text h1 {
      font-size: 17px;
    }
    #page-banner-prices {
      background-image: url(../img/banners/cenovnik-b2b-modula-licenci.jpg);
      padding: 6rem 0 2rem 0;
    }
    #page-banner-prices .page-banner {
      height: 320px;
    }
    #footer .text h1 {
      margin-bottom: 1rem;
    }
    #home-modules {
      background-image: url(../img/home-img/bg-home-content-mobile.png);
      background-repeat: no-repeat;
    }
    .contact-us-home-holder h2 {
      font-size: 17px;
      margin: 1rem 0 1rem 0;
    }
    .contact-us-home-holder p {
      width: 100%;
      margin-bottom: 2rem;
    }
    .contact-us-home .mobile {
       padding-right: 0;
    }
    .contact-us-home .email {
      padding-left: 0;
    }
    .contact-us-home-holder .btn-dark {
      margin-top: 2rem;
      margin-bottom: 2rem;
      font-size: 14px;
    }
    #contact-modal h2 {
      font-size: 23px;
    }
    #contact-modal .top-desc {
      margin-bottom: 1rem;
    }
    #home-video {
      padding: 1rem 0;
    } 
    #contact-modal button.close {
      top: 0%;
      right: 2%;
      z-index: 15;
   }
   .text-home-video h1 {
      font-size: 19px;
    }
    .text-home-video p {
      width: 100%;
      margin-bottom: 2rem;
    }
    #home-newsletter img {
      display: none;
    }
    .newsletter-text {
      padding-left: 15px;
      padding-bottom: 1rem;
    }
    nav .btn-primary {
      float: right;
      margin-bottom: 1rem;
      margin-right: 15px;
    }
    #home-blog .card {
      margin-bottom: 2rem;
    }
    .text-home-moduls h1 {
      font-size: 24px;
    }
    #home-blog {
      padding: 2rem 0;
    }
    #home-blog {
      background-image: url(../img/home-img/bg-home-content-blog-mobile.png);
      background-repeat: no-repeat;
    }
    .video-holder {
      height: 150px;
      min-height: 8rem;
    }
    .video-holder video {
      top: 51%;
    }
    #home-modules .bg-home-modules .box {
      border-left: none;
    }
    #page-content {
      padding-top: 30%;
    }
    .contact-form {
      padding: 2rem 2rem 2rem 2rem;
    }
    #contact {
      width: 100%;
      margin-top: -35%;
    }
    .contact-info {
      padding: 1rem;
      margin: 0 15px;
    }
    .file-field .btn {
      width: 100%;
    }
    .file-field .file-path-wrapper {
      padding-left: 0;
    }
    .m-bottom {
      margin-bottom: 1rem;
    }
    .file-field {
      margin-bottom: 2rem;
    }


}

/* Portrait 320px and 480px */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    #newsletter-modal .g-recaptcha {
      margin-bottom: 1rem;
    }
    #RequestDemo .g-recaptcha {
      margin-bottom: 1rem;
    }
    #contact-modal .g-recaptcha {
      margin-bottom: 1rem;
    }
    #contact .g-recaptcha {
      margin-bottom: 1rem;
    }
    .cockies-popup {
      padding: .5rem 0rem;
    }
    #review-b2b-modules h1 {
      font-size: 19px;
      margin: 0rem 0 2rem 0;
    }
    #home-slider .text h5 {
      margin-bottom: 1rem;
      font-size: 15px;
    }
    .btn-success {
      text-align: center;
      padding: .2rem .3rem;
    }
    .price-table {
      min-width: 900px;
    }
    .site-map-links {
      margin-bottom: -1rem;
    }
    .cockies-popup p {
      font-size: 12px;
      line-height: 15px;
      margin-bottom: .5rem;
    }
    .under-construction-page img {
      width: 30%;
    }
    .under-construction-page h4 {
      width: 100%;
    }
    .tabs .contact a {
      float: right;
      padding: 15px;
      width: auto;
    }
    .tabs.tabs-fixed-width .contact {
      -ms-flex: 0 0 36%;
      flex: 0 0 36%;
      max-width: 36%;
    }
    #prices .contact img {
      width: 32px;
      height: 32px;
      padding-right: 0;
      display: block;
    }
    #prices .contact span {
      display: none;
    }
    #price-b2b-modules .price-table .price {
      padding: 15px;
    }
    .package-title img {
      margin-top: -3px;
      margin-left: 6px;
    }
    #home-slider {
      background-image: url(../img/home-img/b2b-srbija-online-veleprodaja-sistem-mobile-slider.jpg);
      background-repeat: no-repeat;
      background-size: cover;
    }
    .login-caption-holder h1 {
      font-size: 2rem;
    }
    .price-table tr td:nth-child(3) {
      padding: 8px 10px;
    }
    .login-image {
      height: 250px;
    }
    .login-holder {
      width: inherit;
      margin: 0;
      margin-top: 3rem;
    }
    form.login-form-inputs {
      padding: 0 0rem;
    }
    .divader-login .form-group  [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
      opacity: 1;
    }
    .login-logo img {
      margin: 2rem 0 2rem 0;
    }
    #login {
      height: 100%;
    }
    .price-table svg {
      display: none;
    }
    .user-guide {
      display: block;
    }
    #call-to-action {
      margin: 3rem 0 1rem 0;
    }
    #review-b2b-modules .bg-home-modules .box {
      padding: 1rem 2rem;
    }
    #call-to-action .call-to-action-text h1 {
      font-size: 19px;
    }
    #call-to-action .call-to-action-image img {
      position: relative;
      top: 0;
      left: 0;
      margin-bottom: 1rem;
    }
    #home-slider .caption {
      height: 639px;
      padding-top: 26%;
    }
    .navbar-brand {
      width: 60%;
      padding: .7rem;
    }
    .navbar-light .navbar-toggler {
      color: rgba(0,0,0,.5);
      border-color: transparent;
    }
    .pulse {
      margin-top: -49%;
    }
    .navbar-nav {
      text-align: right;
    }
    #home-slider .text h1 {
      font-size: 21px;
      line-height: 24px;
      margin-bottom: 0;
    }
    #home-slider .btn-primary {
      margin-bottom: 1rem;
    }
    #home-modules {
      padding: 2rem 0 0 0;
    }
    .text-home-moduls p {
      width: 100%;
    }
    #home-modules h1 {
      font-size: 19px;
    }
    #home-modules .bg-home-modules .box {
      padding: 2rem 1rem;
    }
    .function-img {
      display: none;
    }
    .see-more-info {
      display: block;
      margin-top: 0;
    }
    .price-table tr td {
      padding: 8px 15px;
    }
    .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .tabs.tabs-fixed-width .tab {
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      max-width: 30%;
    }
    p.info-text-footer {
      width: 100%;
    }
    .company-footer li i {
      padding-right: 0;
      display: none;
   }
   .company-footer .adress {
      padding-left: 0;
      text-indent: 0;
    }
    .modal-content {
      border-radius: 0;
      padding: 15px;
    }
    .modules-find-more-modal h2 {
      font-size: 21px;
    }
    .img-modal-modules .main-img {
      width: 19%;
      padding-right: .5rem;
   }
   .modules-find-more-modal button.close {
      right: 3%;
      top: 0%;
      z-index: 15;
    }
    .modules-find-more-modal .list-info img {
      width: 35%;
    }
    .text h1 {
      font-size: 17px;
    }
    #page-banner-prices {
      background-image: url(../img/banners/cenovnik-b2b-modula-licenci.jpg);
      padding: 6rem 0 2rem 0;
    }
    #page-banner-prices .page-banner {
      height: 320px;
    }
    #footer .text h1 {
      margin-bottom: 1rem;
    }
    #home-modules {
      background-image: url(../img/home-img/bg-home-content-mobile.png);
      background-repeat: no-repeat;
    }
    .contact-us-home-holder h2 {
      font-size: 17px;
      margin: 1rem 0 1rem 0;
    }
    .contact-us-home-holder p {
      width: 100%;
      margin-bottom: 2rem;
    }
    .contact-us-home .mobile {
       padding-right: 0;
    }
    .contact-us-home .email {
      padding-left: 0;
    }
    .contact-us-home-holder .btn-dark {
      margin-top: 2rem;
      margin-bottom: 2rem;
      font-size: 14px;
    }
    #contact-modal h2 {
      font-size: 23px;
    }
    #contact-modal .top-desc {
      margin-bottom: 1rem;
    }
    #home-video {
      padding: 1rem 0;
    } 
    #contact-modal button.close {
      top: 0%;
      right: 2%;
      z-index: 15;
   }
   .text-home-video h1 {
      font-size: 19px;
    }
    .text-home-video p {
      width: 100%;
      margin-bottom: 2rem;
    }
    #home-newsletter img {
      display: none;
    }
    .newsletter-text {
      padding-left: 15px;
      padding-bottom: 1rem;
    }
    nav .btn-primary {
      float: right;
      margin-bottom: 1rem;
      margin-right: 15px;
    }
    #home-blog .card {
      margin-bottom: 2rem;
    }
    .text-home-moduls h1 {
      font-size: 24px;
    }
    #home-blog {
      padding: 2rem 0;
    }
    #home-blog {
      background-image: url(../img/home-img/bg-home-content-blog-mobile.png);
      background-repeat: no-repeat;
    }
    .video-holder {
      height: 150px;
      min-height: 8rem;
    }
    .video-holder video {
      top: 51%;
    }
    #home-modules .bg-home-modules .box {
      border-left: none;
    }
    #page-content {
      padding-top: 30%;
    }
    .contact-form {
      padding: 2rem 2rem 2rem 2rem;
    }
    #contact {
      width: 100%;
      margin-top: -35%;
    }
    .contact-info {
      padding: 1rem;
      margin: 0 15px;
    }
    .file-field .btn {
      width: 100%;
    }
    .file-field .file-path-wrapper {
      padding-left: 0;
    }
    .m-bottom {
      margin-bottom: 1rem;
    }
    .file-field {
      margin-bottom: 2rem;
    }
}

/* Landscape 320px and 480px */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
     .cockies-popup {
      padding: .5rem 0rem;
    }
    #newsletter-modal .g-recaptcha {
      margin-bottom: 1rem;
    }
    #RequestDemo .g-recaptcha {
      margin-bottom: 1rem;
    }
    #contact-modal .g-recaptcha {
      margin-bottom: 1rem;
    }
    #contact .g-recaptcha {
      margin-bottom: 1rem;
    }
    #review-b2b-modules h1 {
      font-size: 19px;
      margin: 0rem 0 2rem 0;
    }
    #home-slider .text h5 {
      margin-bottom: 1rem;
      font-size: 15px;
    }
    .btn-success {
      text-align: center;
      padding: .2rem .3rem;
    }
    .price-table {
      min-width: 900px;
    }
    .site-map-links {
      margin-bottom: -1rem;
    }
    .cockies-popup p {
      font-size: 12px;
      line-height: 15px;
      margin-bottom: .5rem;
    }
    .under-construction-page img {
      width: 30%;
    }
    .under-construction-page h4 {
      width: 100%;
    }
    .tabs .contact a {
      float: right;
      padding: 15px;
      width: auto;
    }
    .tabs.tabs-fixed-width .contact {
      -ms-flex: 0 0 36%;
      flex: 0 0 36%;
      max-width: 36%;
    }
    #prices .contact img {
      width: 32px;
      height: 32px;
      padding-right: 0;
      display: block;
    }
    #prices .contact span {
      display: none;
    }
    #price-b2b-modules .price-table .price {
      padding: 15px;
    }
    .package-title img {
      margin-top: -3px;
      margin-left: 6px;
    }
    #home-slider {
      background-image: url(../img/home-img/b2b-srbija-online-veleprodaja-sistem-mobile-slider.jpg);
      background-repeat: no-repeat;
      background-size: cover;
    }
    .login-caption-holder h1 {
      font-size: 2rem;
    }
    .price-table tr td:nth-child(3) {
      padding: 8px 10px;
    }
    .login-image {
      height: 250px;
    }
    .login-holder {
      width: inherit;
      margin: 0;
      margin-top: 3rem;
    }
    form.login-form-inputs {
      padding: 0 0rem;
    }
    .divader-login .form-group  [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
      opacity: 1;
    }
    .login-logo img {
      margin: 2rem 0 2rem 0;
    }
    #login {
      height: 100%;
    }
    .price-table svg {
      display: none;
    }
    .user-guide {
      display: block;
    }
    #review-b2b-modules .bg-home-modules .box {
      padding: 1rem 2rem;
    }
    #home-slider .caption {
      height: 538px;
      padding-top: 26%;
    }
    .navbar-brand {
      width: 60%;
      padding: .7rem;
    }
    .navbar-light .navbar-toggler {
      color: rgba(0,0,0,.5);
      border-color: transparent;
    }
    .navbar-nav {
      text-align: right;
    }
    #home-slider .text h1 {
      font-size: 21px;
      line-height: 24px;
      margin-bottom: 0;
    }
    #home-slider .btn-primary {
      margin-bottom: 1rem;
    }
    #home-modules {
      padding: 2rem 0 0 0;
    }
    .text-home-moduls p {
      width: 100%;
    }
    #home-modules h1 {
      font-size: 19px;
    }
    #home-modules .bg-home-modules .box {
      padding: 2rem 1rem;
    }
    .function-img {
      display: none;
    }
    .see-more-info {
      display: block;
      margin-top: 0;
    }
    .price-table tr td {
      padding: 8px 15px;
    }
    .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .tabs.tabs-fixed-width .tab {
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      max-width: 30%;
    }
    p.info-text-footer {
      width: 100%;
    }
    .company-footer li i {
      padding-right: 0;
      display: none;
   }
   .company-footer .adress {
      padding-left: 0;
      text-indent: 0;
    }
    .modal-content {
      border-radius: 0;
      padding: 15px;
    }
    .modules-find-more-modal h2 {
      font-size: 21px;
    }
    .img-modal-modules .main-img {
      width: 19%;
      padding-right: .5rem;
   }
   .modules-find-more-modal button.close {
      right: 3%;
      top: 0%;
      z-index: 15;
    }
    .modules-find-more-modal .list-info img {
      width: 35%;
    }
    .text h1 {
      font-size: 17px;
    }
    #page-banner-prices {
      background-image: url(../img/banners/cenovnik-b2b-modula-licenci.jpg);
      padding: 6rem 0 2rem 0;
    }
    #page-banner-prices .page-banner {
      height: 320px;
    }
    #footer .text h1 {
      margin-bottom: 1rem;
    }
    #home-modules {
      background-image: url(../img/home-img/bg-home-content-mobile.png);
      background-repeat: no-repeat;
    }
    .contact-us-home-holder h2 {
      font-size: 17px;
      margin: 1rem 0 1rem 0;
    }
    .contact-us-home-holder p {
      width: 100%;
      margin-bottom: 2rem;
    }
    .contact-us-home .mobile {
       padding-right: 0;
    }
    .contact-us-home .email {
      padding-left: 0;
    }
    .contact-us-home-holder .btn-dark {
      margin-top: 2rem;
      margin-bottom: 2rem;
      font-size: 14px;
    }
    #contact-modal h2 {
      font-size: 23px;
    }
    #contact-modal .top-desc {
      margin-bottom: 1rem;
    }
    #home-video {
      padding: 1rem 0;
    } 
    #contact-modal button.close {
      top: 0%;
      right: 2%;
      z-index: 15;
   }
   .text-home-video h1 {
      font-size: 19px;
    }
    .text-home-video p {
      width: 100%;
      margin-bottom: 2rem;
    }
    #home-newsletter img {
      display: none;
    }
    .newsletter-text {
      padding-left: 15px;
      padding-bottom: 1rem;
    }
    nav .btn-primary {
      float: right;
      margin-bottom: 1rem;
      margin-right: 15px;
    }
    #home-blog .card {
      margin-bottom: 2rem;
    }
    .text-home-moduls h1 {
      font-size: 24px;
    }
    #home-blog {
      padding: 2rem 0;
    }
    #home-blog {
      background-image: url(../img/home-img/bg-home-content-blog-mobile.png);
      background-repeat: no-repeat;
    }
    .video-holder {
      height: 150px;
      min-height: 8rem;
    }
    .video-holder video {
      top: 51%;
    }
    #home-modules .bg-home-modules .box {
      border-left: none;
    }
    #page-content {
      padding-top: 30%;
    }
    .contact-form {
      padding: 2rem 2rem 2rem 2rem;
    }
    #contact {
      width: 100%;
      margin-top: -35%;
    }
    .contact-info {
      padding: 1rem;
      margin: 0 15px;
    }
    .file-field .btn {
      width: 100%;
    }
    .file-field .file-path-wrapper {
      padding-left: 0;
    }
    .m-bottom {
      margin-bottom: 1rem;
    }
    .file-field {
      margin-bottom: 2rem;
    }
}

/* Portrait 375px and 740px */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 740px) 
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: portrait) { 
    .price-table {
      min-width: 1100px;
    }
    #newsletter-modal .g-recaptcha {
      margin-bottom: 1rem;
    }
    #RequestDemo .g-recaptcha {
      margin-bottom: 1rem;
    }
    #contact-modal .g-recaptcha {
      margin-bottom: 1rem;
    }
    #contact .g-recaptcha {
      margin-bottom: 1rem;
    }
    .site-map-links {
      margin-bottom: -1rem;
    }
    .cockies-popup p {
      font-size: 12px;
      line-height: 15px;
      margin-bottom: .5rem;
    }
    .under-construction-page img {
      width: 30%;
    }
    .under-construction-page h4 {
      width: 100%;
    }
    .tabs .contact a {
      float: right;
      padding: 15px;
      width: auto;
    }
    .tabs.tabs-fixed-width .contact {
      -ms-flex: 0 0 36%;
      flex: 0 0 36%;
      max-width: 36%;
    }
    #prices .contact img {
      width: 32px;
      height: 32px;
      padding-right: 0;
      display: block;
    }
    #prices .contact span {
      display: none;
    }
    #price-b2b-modules .price-table .price {
      padding: 15px;
    }
    .package-title img {
      margin-top: -3px;
      margin-left: 6px;
    }
    #home-slider {
      background-image: url(../img/home-img/b2b-srbija-online-veleprodaja-sistem-mobile-slider.jpg);
      background-repeat: no-repeat;
      background-size: cover;
    }
    .login-caption-holder h1 {
      font-size: 2rem;
    }
    .price-table tr td:nth-child(3) {
      padding: 8px 10px;
    }
    .login-image {
      height: 250px;
    }
    .login-holder {
      width: inherit;
      margin: 0;
      margin-top: 3rem;
    }
    form.login-form-inputs {
      padding: 0 0rem;
    }
    .divader-login .form-group  [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
      opacity: 1;
    }
    .login-logo img {
      margin: 2rem 0 2rem 0;
    }
    #login {
      height: 100%;
    }
    .price-table svg {
      display: none;
    }
    .user-guide {
      display: block;
    }
    #review-b2b-modules .bg-home-modules .box {
      padding: 1rem 2rem;
    }
    #home-slider .caption {
      height: 825px;
      padding-top: 35%;
    }
    #call-to-action .call-to-action-text h1 {
      font-size: 26px;
    }
    #call-to-action .call-to-action-image img {
      position: relative;
      top: 0;
      left: 0;
      margin-bottom: 2rem;
    }
    .pulse {
      margin-top: -52%;
    }
    .navbar-brand {
      width: 40%;
      padding: .7rem;
    }
    .navbar-light .navbar-toggler {
      color: rgba(0,0,0,.5);
      border-color: transparent;
    }
    .navbar-nav {
      text-align: right;
    }
    #home-slider .text h1 {
      font-size: 27px;
      line-height: 30px;
    }
    #home-slider .btn-primary {
      margin-bottom: 1rem;
    }
    #home-modules {
      padding: 2rem 0 0 0;
    }
    .text-home-moduls p {
      width: 100%;
    }
    #home-modules h1 {
      font-size: 24px;
    }
    #home-modules .bg-home-modules .box {
      padding: 2rem 1rem;
    }
    .function-img {
      display: none;
    }
    .see-more-info {
      display: block;
      margin-top: 0;
    }
    .price-table tr td {
      padding: 8px 15px;
    }
    .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .tabs.tabs-fixed-width .tab {
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      max-width: 30%;
    }
    p.info-text-footer {
      width: 100%;
    }
    .company-footer li i {
      padding-right: 0;
      display: none;
   }
   .company-footer .adress {
      padding-left: 0;
      text-indent: 0;
    }
    .modal-content {
      border-radius: 0;
      padding: 15px;
    }
    .modules-find-more-modal h2 {
      font-size: 21px;
    }
    .img-modal-modules .main-img {
      width: 19%;
      padding-right: .5rem;
   }
   .modules-find-more-modal button.close {
      right: 3%;
      top: 0%;
      z-index: 15;
    }
    .modules-find-more-modal .list-info img {
      width: 35%;
    }
    .text h1 {
      font-size: 21px;
    }
    #page-banner-prices {
      background-image: url(../img/banners/cenovnik-b2b-modula-licenci.jpg);
      padding: 6rem 0 2rem 0;
    }
    #page-banner-prices .page-banner {
      height: 320px;
    }
    #footer .text h1 {
      margin-bottom: 1rem;
    }
    #home-modules {
      background-image: url(../img/home-img/bg-home-content-mobile.png);
      background-repeat: no-repeat;
    }
    .contact-us-home-holder h2 {
      font-size: 21px;
      margin: 2rem 0 2rem 0;
    }
    .contact-us-home-holder p {
      width: 100%;
      margin-bottom: 2rem;
    }
    .contact-us-home .mobile {
       padding-right: 0;
    }
    .contact-us-home .email {
      padding-left: 0;
    }
    .contact-us-home-holder .btn-dark {
      margin-top: 2rem;
      margin-bottom: 2rem;
      font-size: 14px;
    }
    #contact-modal h2 {
      font-size: 23px;
    }
    #contact-modal .top-desc {
      margin-bottom: 1rem;
    }
    #contact-modal button.close {
      top: 0%;
      right: 2%;
      z-index: 15;
   }
   .text-home-video h1 {
      font-size: 24px;
    }
    .text-home-video p {
      width: 100%;
      margin-bottom: 2rem;
    }
    #home-newsletter img {
      display: none;
    }
    .newsletter-text {
      padding-left: 15px;
      padding-bottom: 1rem;
    }
    nav .btn-primary {
      float: right;
      margin-bottom: 1rem;
      margin-right: 15px;
    }
    #home-blog .card {
      margin-bottom: 2rem;
    }
    .text-home-moduls h1 {
      font-size: 24px;
    }
    #home-blog {
      padding: 2rem 0;
    }
    #home-blog {
      background-image: url(../img/home-img/bg-home-content-blog-mobile.png);
      background-repeat: no-repeat;
    }
    .video-holder {
      height: 200px;
      min-height: 11rem;
    }
    #home-modules .bg-home-modules .box {
      border-left: none;
    }
    #page-content {
      padding-top: 30%;
    }
    .contact-form {
      padding: 2rem 2rem 2rem 2rem;
    }
    #contact {
      width: 100%;
      margin-top: -35%;
    }
    .contact-info {
      padding: 1rem;
      margin: 0 15px;
    }
    .file-field .btn {
      width: 100%;
    }
    .file-field .file-path-wrapper {
      padding-left: 0;
    }
    .m-bottom {
      margin-bottom: 1rem;
    }
    .file-field {
      margin-bottom: 2rem;
    }

}

/* Landscape 375px and 667px */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .price-table {
      min-width: 1100px;
    }
    #newsletter-modal .g-recaptcha {
      margin-bottom: 1rem;
    }
    #RequestDemo .g-recaptcha {
      margin-bottom: 1rem;
    }
    #contact-modal .g-recaptcha {
      margin-bottom: 1rem;
    }
    #contact .g-recaptcha {
      margin-bottom: 1rem;
    }
    .site-map-links {
      margin-bottom: -1rem;
    }
    .cockies-popup p {
      font-size: 12px;
      line-height: 15px;
      margin-bottom: .5rem;
    }
    .under-construction-page img {
      width: 30%;
    }
    .under-construction-page h4 {
      width: 100%;
    }
    .tabs .contact a {
      float: right;
      padding: 15px;
      width: auto;
    }
    .tabs.tabs-fixed-width .contact {
      -ms-flex: 0 0 36%;
      flex: 0 0 36%;
      max-width: 36%;
    }
    #prices .contact img {
      width: 32px;
      height: 32px;
      padding-right: 0;
      display: block;
    }
    #prices .contact span {
      display: none;
    }
    #price-b2b-modules .price-table .price {
      padding: 15px;
    }
    .package-title img {
      margin-top: -3px;
      margin-left: 6px;
    }
    #home-slider {
      background-image: url(../img/home-img/b2b-srbija-online-veleprodaja-sistem-mobile-slider.jpg);
      background-repeat: no-repeat;
      background-size: cover;
    }
    .login-caption-holder h1 {
      font-size: 2rem;
    }
    .price-table tr td:nth-child(3) {
      padding: 8px 10px;
    }
    .login-image {
      height: 250px;
    }
    .login-holder {
      width: inherit;
      margin: 0;
      margin-top: 3rem;
    }
    form.login-form-inputs {
      padding: 0 0rem;
    }
    .divader-login .form-group  [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
      opacity: 1;
    }
    .login-logo img {
      margin: 2rem 0 2rem 0;
    }
    #login {
      height: 100%;
    }
    .price-table svg {
      display: none;
    }
    .user-guide {
      display: block;
    }
    #review-b2b-modules .bg-home-modules .box {
      padding: 1rem 2rem;
    }
    #home-slider .caption {
      height: 760px;
      padding-top: 29%;
    }
    #call-to-action .call-to-action-text h1 {
      font-size: 26px;
    }
    #call-to-action .call-to-action-image img {
      position: relative;
      top: 0;
      left: 0;
      margin-bottom: 2rem;
    }
    .pulse {
      margin-top: -52%;
    }
    .navbar-brand {
      width: 60%;
      padding: .7rem;
    }
    .navbar-light .navbar-toggler {
      color: rgba(0,0,0,.5);
      border-color: transparent;
    }
    .navbar-nav {
      text-align: right;
    }
    #home-slider .text h1 {
      font-size: 27px;
      line-height: 30px;
    }
    #home-slider .btn-primary {
      margin-bottom: 1rem;
    }
    #home-modules {
      padding: 2rem 0 0 0;
    }
    .text-home-moduls p {
      width: 100%;
    }
    #home-modules h1 {
      font-size: 24px;
    }
    #home-modules .bg-home-modules .box {
      padding: 2rem 1rem;
    }
    .function-img {
      display: none;
    }
    .see-more-info {
      display: block;
      margin-top: 0;
    }
    .price-table tr td {
      padding: 8px 15px;
    }
    .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .tabs.tabs-fixed-width .tab {
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      max-width: 30%;
    }
    p.info-text-footer {
      width: 100%;
    }
    .company-footer li i {
      padding-right: 0;
      display: none;
   }
   .company-footer .adress {
      padding-left: 0;
      text-indent: 0;
    }
    .modal-content {
      border-radius: 0;
      padding: 15px;
    }
    .modules-find-more-modal h2 {
      font-size: 21px;
    }
    .img-modal-modules .main-img {
      width: 19%;
      padding-right: .5rem;
   }
   .modules-find-more-modal button.close {
      right: 3%;
      top: 0%;
      z-index: 15;
    }
    .modules-find-more-modal .list-info img {
      width: 35%;
    }
    .text h1 {
      font-size: 21px;
    }
    #page-banner-prices {
      background-image: url(../img/banners/cenovnik-b2b-modula-licenci.jpg);
      padding: 6rem 0 2rem 0;
    }
    #page-banner-prices .page-banner {
      height: 320px;
    }
    #footer .text h1 {
      margin-bottom: 1rem;
    }
    #home-modules {
      background-image: url(../img/home-img/bg-home-content-mobile.png);
      background-repeat: no-repeat;
    }
    .contact-us-home-holder h2 {
      font-size: 21px;
      margin: 2rem 0 2rem 0;
    }
    .contact-us-home-holder p {
      width: 100%;
      margin-bottom: 2rem;
    }
    .contact-us-home .mobile {
       padding-right: 0;
    }
    .contact-us-home .email {
      padding-left: 0;
    }
    .contact-us-home-holder .btn-dark {
      margin-top: 2rem;
      margin-bottom: 2rem;
      font-size: 14px;
    }
    #contact-modal h2 {
      font-size: 23px;
    }
    #contact-modal .top-desc {
      margin-bottom: 1rem;
    }
    #contact-modal button.close {
      top: 0%;
      right: 2%;
      z-index: 15;
   }
   .text-home-video h1 {
      font-size: 24px;
    }
    .text-home-video p {
      width: 100%;
      margin-bottom: 2rem;
    }
    #home-newsletter img {
      display: none;
    }
    .newsletter-text {
      padding-left: 15px;
      padding-bottom: 1rem;
    }
    nav .btn-primary {
      float: right;
      margin-bottom: 1rem;
      margin-right: 15px;
    }
    #home-blog .card {
      margin-bottom: 2rem;
    }
    .text-home-moduls h1 {
      font-size: 24px;
    }
    #home-blog {
      padding: 2rem 0;
    }
    #home-blog {
      background-image: url(../img/home-img/bg-home-content-blog-mobile.png);
      background-repeat: no-repeat;
    }
    .video-holder {
      height: 200px;
      min-height: 11rem;
    }
    #home-modules .bg-home-modules .box {
      border-left: none;
    }
    #page-content {
      padding-top: 30%;
    }
    .contact-form {
      padding: 2rem 2rem 2rem 2rem;
    }
    #contact {
      width: 100%;
      margin-top: -35%;
    }
    .contact-info {
      padding: 1rem;
      margin: 0 15px;
    }
    .file-field .btn {
      width: 100%;
    }
    .file-field .file-path-wrapper {
      padding-left: 0;
    }
    .m-bottom {
      margin-bottom: 1rem;
    }
    .file-field {
      margin-bottom: 2rem;
    }

}

/* Landscape 411px and 731px */
@media only screen 
  and (min-device-width: 411px) 
  and (max-device-width: 731px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .price-table {
      min-width: 1100px;
    }
    #newsletter-modal .g-recaptcha {
      margin-bottom: 1rem;
    }
    #RequestDemo .g-recaptcha {
      margin-bottom: 1rem;
    }
    #contact-modal .g-recaptcha {
      margin-bottom: 1rem;
    }
    #contact .g-recaptcha {
      margin-bottom: 1rem;
    }
    .site-map-links {
      margin-bottom: -1rem;
    }
    .cockies-popup p {
      font-size: 12px;
      line-height: 15px;
      margin-bottom: .5rem;
    }
    .under-construction-page img {
      width: 30%;
    }
    .under-construction-page h4 {
      width: 100%;
    }
    .tabs .contact a {
      float: right;
      padding: 15px;
      width: auto;
    }
    .tabs.tabs-fixed-width .contact {
      -ms-flex: 0 0 36%;
      flex: 0 0 36%;
      max-width: 36%;
    }
    #prices .contact img {
      width: 32px;
      height: 32px;
      padding-right: 0;
      display: block;
    }
    #prices .contact span {
      display: none;
    }
    #price-b2b-modules .price-table .price {
      padding: 15px;
    }
    .package-title img {
      margin-top: -3px;
      margin-left: 6px;
    }
    #home-slider {
      background-image: url(../img/home-img/b2b-srbija-online-veleprodaja-sistem-mobile-slider.jpg);
      background-repeat: no-repeat;
      background-size: cover;
    }
    .login-caption-holder h1 {
      font-size: 2rem;
    }
    .price-table tr td:nth-child(3) {
      padding: 8px 10px;
    }
    .login-image {
      height: 250px;
    }
    .login-holder {
      width: inherit;
      margin: 0;
      margin-top: 3rem;
    }
    form.login-form-inputs {
      padding: 0 0rem;
    }
    .divader-login .form-group  [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
      opacity: 1;
    }
    .login-logo img {
      margin: 2rem 0 2rem 0;
    }
    #login {
      height: 100%;
    }
    .price-table svg {
      display: none;
    }
    .user-guide {
      display: block;
    }
    #review-b2b-modules .bg-home-modules .box {
      padding: 1rem 2rem;
    }
    #home-slider .caption {
      height: 760px;
      padding-top: 29%;
    }
    #call-to-action .call-to-action-text h1 {
      font-size: 26px;
    }
    #call-to-action .call-to-action-image img {
      position: relative;
      top: 0;
      left: 0;
      margin-bottom: 2rem;
    }
    .pulse {
      margin-top: -52%;
    }
    .navbar-brand {
      width: 60%;
      padding: .7rem;
    }
    .navbar-light .navbar-toggler {
      color: rgba(0,0,0,.5);
      border-color: transparent;
    }
    .navbar-nav {
      text-align: right;
    }
    #home-slider .text h1 {
      font-size: 27px;
      line-height: 30px;
    }
    #home-slider .btn-primary {
      margin-bottom: 1rem;
    }
    #home-modules {
      padding: 2rem 0 0 0;
    }
    .text-home-moduls p {
      width: 100%;
    }
    #home-modules h1 {
      font-size: 24px;
    }
    #home-modules .bg-home-modules .box {
      padding: 2rem 1rem;
    }
    .function-img {
      display: none;
    }
    .see-more-info {
      display: block;
      margin-top: 0;
    }
    .price-table tr td {
      padding: 8px 15px;
    }
    .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .tabs.tabs-fixed-width .tab {
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      max-width: 30%;
    }
    p.info-text-footer {
      width: 100%;
    }
    .company-footer li i {
      padding-right: 0;
      display: none;
   }
   .company-footer .adress {
      padding-left: 0;
      text-indent: 0;
    }
    .modal-content {
      border-radius: 0;
      padding: 15px;
    }
    .modules-find-more-modal h2 {
      font-size: 21px;
    }
    .img-modal-modules .main-img {
      width: 19%;
      padding-right: .5rem;
   }
   .modules-find-more-modal button.close {
      right: 3%;
      top: 0%;
      z-index: 15;
    }
    .modules-find-more-modal .list-info img {
      width: 35%;
    }
    .text h1 {
      font-size: 21px;
    }
    #page-banner-prices {
      background-image: url(../img/banners/cenovnik-b2b-modula-licenci.jpg);
      padding: 6rem 0 2rem 0;
    }
    #page-banner-prices .page-banner {
      height: 320px;
    }
    #footer .text h1 {
      margin-bottom: 1rem;
    }
    #home-modules {
      background-image: url(../img/home-img/bg-home-content-mobile.png);
      background-repeat: no-repeat;
    }
    .contact-us-home-holder h2 {
      font-size: 21px;
      margin: 2rem 0 2rem 0;
    }
    .contact-us-home-holder p {
      width: 100%;
      margin-bottom: 2rem;
    }
    .contact-us-home .mobile {
       padding-right: 0;
    }
    .contact-us-home .email {
      padding-left: 0;
    }
    .contact-us-home-holder .btn-dark {
      margin-top: 2rem;
      margin-bottom: 2rem;
      font-size: 14px;
    }
    #contact-modal h2 {
      font-size: 23px;
    }
    #contact-modal .top-desc {
      margin-bottom: 1rem;
    }
    #contact-modal button.close {
      top: 0%;
      right: 2%;
      z-index: 15;
   }
   .text-home-video h1 {
      font-size: 24px;
    }
    .text-home-video p {
      width: 100%;
      margin-bottom: 2rem;
    }
    #home-newsletter img {
      display: none;
    }
    .newsletter-text {
      padding-left: 15px;
      padding-bottom: 1rem;
    }
    nav .btn-primary {
      float: right;
      margin-bottom: 1rem;
      margin-right: 15px;
    }
    #home-blog .card {
      margin-bottom: 2rem;
    }
    .text-home-moduls h1 {
      font-size: 24px;
    }
    #home-blog {
      padding: 2rem 0;
    }
    #home-blog {
      background-image: url(../img/home-img/bg-home-content-blog-mobile.png);
      background-repeat: no-repeat;
    }
    .video-holder {
      height: 200px;
      min-height: 11rem;
    }
    #home-modules .bg-home-modules .box {
      border-left: none;
    }
    #page-content {
      padding-top: 30%;
    }
    .contact-form {
      padding: 2rem 2rem 2rem 2rem;
    }
    #contact {
      width: 100%;
      margin-top: -35%;
    }
    .contact-info {
      padding: 1rem;
      margin: 0 15px;
    }
    .file-field .btn {
      width: 100%;
    }
    .file-field .file-path-wrapper {
      padding-left: 0;
    }
    .m-bottom {
      margin-bottom: 1rem;
    }
    .file-field {
      margin-bottom: 2rem;
    }

}

/* Landscape 411px and 823px */
@media only screen 
  and (min-device-width: 411px) 
  and (max-device-width: 823px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

  
}

/* Landscape 411px and 823px */
@media only screen 
  and (min-device-width: 411px) 
  and (max-device-width: 823px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

  
}



/* Portrait 768px and 1024px */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    nav .btn-primary {
      float: right;
      margin-bottom: 1rem;
      margin-right: 15px;
    }
    #contact {
      width: 95%;
    }
    #RequestDemo .success-padding {
      margin-top: 2rem;
    } 
    #call-to-action .call-to-action-text p {
      font-size: 14px;
    }
    #call-to-action .call-to-action-image img {
      position: relative;
      top: 0;
      left: 0;
    }
    #call-to-action .call-to-action-text h1 {
      font-size: 25px;
    }
    .navbar-nav {
      text-align: right;
    }
    .navbar-brand {
      width: 32%;
    }
    #review-b2b-modules .box h1 {
      font-size: 16px;
    }
    #home-slider .text small {
      font-size: 18px;
      width: 100%;
    }
    #home-slider .caption {
      height: 400px;
    }
    #home-slider {
      background-position: top;
      margin-top: 3rem;
    }
    #home-slider .text {
      width: 75%;
      margin-top: 4rem;
      padding-left: 1rem;
    }
    #home-slider .text h1 {
      font-size: 27px;
    }
    .text-home-moduls p {
      width: 100%;
    }
    .text-home-video p {
      width: 100%;
    }
    .newsletter-text {
      padding-left: 0;
    }
    .newsletter-text p {
      line-height: 20px;
    }
    .newsletter-text h2 {
      font-size: 27px;
    } 
    #home-blog {
      padding: 2rem 0;
    }
    #home-blog .card {
      margin-bottom: 2rem;
    }
    #home-modules .bg-home-modules .box {
      padding: 1rem;
      min-height: 233px;
    }
    .contact-us-home-holder .btn-dark {
      margin-top: 2rem;
      margin-bottom: 2rem;
    }
    .contact-us-home-holder p {
      width: 100%;
    }
    .video-holder video {
      top: 51%;
    }
    .video-holder {
      height: 350px;
      min-height: 21rem;
    }
    p.info-text-footer {
      width: 100%;
    }
    .modal-dialog {
      max-width: 710px;
      margin: 1.75rem auto;
    }
    .modal-content {
      padding: 1rem;
    }
    #contact-modal h2 {
      font-size: 24px;
    }
    #contact-modal button.close {
      right: 3%;
      top: 1%;
      z-index: 10;
    }
    #home-modules .box h1 {
      font-size: 16px;
    }
    #footer .text h1 {
      margin-bottom: 1rem;
    } 
    #contact-modal .top-desc {
      margin-bottom: 1rem;
    }
    #newsletter-modal h2 {
      font-size: 24px;
    }
    #newsletter-modal .top-desc {
      margin-bottom: 1rem;
    }
    #home-video {
      padding: 2rem 0;
    }
    #home-modules {
      padding: 2rem 0 0 0;
    }
    #page-content {
      padding-top: 15%;
    }
    #review-b2b-modules .bg-home-modules .box {
      padding: 1rem;
      min-height: 225px;
    }
    .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .price-table {
      min-width: 1100px;
    }
    .user-guide {
      display: block;
    }
    .see-more-info {
      display: block;
    }
    .modules-find-more-modal button.close {
      z-index: 15;
    }
    #page-banner-prices {
      background-position: bottom;
      margin-top: 4rem;
    }
    #page-banner-prices .page-banner {
      height: 400px;
    }
    #page-banner-prices .text {
      width: 75%;
    }
    #page-banner-prices .text h1 {
      font-size: 22px;
      color: var(--silver-color);
    } 
    #login {
      height: 100%;
      margin: 2rem;
    }
    .login-logo img {
      width: 50%;
      margin: 2rem 0 1rem 0;
    }
    .login-image {
      height: 300px;
    }
    .site-map-links {
      margin-bottom: 0rem;
    }
    .contact-info {
      padding: 1rem;
      margin: 0 15px;
    }



}

/* Landscape 768px and 1024px */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

    #home-slider {
      background-position: right;
      margin-top: 4rem;
    }
    #home-slider .caption {
      height: 425px;
    }
    #home-slider {
      padding: 2rem 0 !important;
    }
    #home-slider .text h1 {
      font-size: 32px;
    }
    #home-slider .text small {
      margin-top: 3rem;
    }
    .navbar-light .navbar-nav .nav-link {
      padding-left: .8rem;
      padding-right: .8rem;
    }
    .text-home-moduls p {
      width: 100%;
    }
    #home-modules .bg-home-modules .box {
      padding: 1rem;
      min-height: 233px;
    }
    #home-modules {
      padding: 2rem 0 0 0;
    }
    .contact-us-home-holder p {
      width: 100%;
    }
    #home-video {
      padding: 2rem 0;
    }
    .text-home-video p {
      width: 100%;
    }
    .video-holder video {
      top: 51%;
    }
    .video-holder {
      height: 470px;
      min-height: 21rem;
    }
    .newsletter-text {
      padding-left: 2rem;
    }
    #home-blog {
      padding: 2rem 0;
    }
    p.info-text-footer {
      width: 100%;
    }
    .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .price-table {
      min-width: 1100px;
    }
    .user-guide {
      display: block;
    }
    .see-more-info {
      display: block;
    }
    .modules-find-more-modal button.close {
      z-index: 15;
    }
    #page-banner-prices {
      background-position: bottom;
      margin-top: 2rem;
    }
    #page-banner-prices .page-banner {
      height: 400px;
    }
    #page-banner-prices .text {
      width: 60%;
    }
    #page-banner-prices .text h1 {
      font-size: 22px;
      color: var(--silver-color);
    } 
    #review-b2b-modules .bg-home-modules .box {
      padding: 1rem;
    }
 }

/* Portrait 1024px and 1366px */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 


}

/* Landscape 1024px and 1366px */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    }

@media (min-width: 1024px) and (max-width: 1500px) {
	#home-slider {
    	padding: 8rem 0;
	}
  #home-slider {
    background-position: right;
    margin-top: 4rem;
  }
  #home-slider .caption {
    height: 425px;
  }
  #home-slider {
    padding: 2rem 0 !important;
  }
  #home-slider .text h1 {
    font-size: 32px;
  }
  #home-slider .text small {
    margin-top: 0;
  }
  #page-banner-prices {
      background-position: right;
      margin-top: 2rem;
  }
  #page-banner-prices .page-banner {
    height: 400px;
  }
  #page-banner-prices .text h1 {
    font-size: 22px;
    color: var(--silver-color);
  } 
	.col-custom-13-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
  }
  .col-custom-13-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
  }
  .col-custom-13-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
  }
  .col-custom-13-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }
  .col-custom-13-8 {
       -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
  }
  .col-custom-13-9 {
       -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
  }
  .col-custom-13-12 {
       -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }



}

@media (min-width: 1500px) and (max-width: 4500px) {


}