/* only small desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  #hero-area .contents .head-title, .sub-title,.system .sub-title {font-size: 40px;}
  .services-item .services-content h3 a {font-size: 14px;}
  .title-hl {font-size: 30px;}
  .why .content h3 {font-size: 30px;}
  .goodness .row>div{padding:0 30px 60px 30px}
  .goodness .title {padding: 50px 0;}
  .goodness h5{font-size:24px}
}
@media (max-width: 1090px) {
  .righttext{padding:50px 0;}
}
/* tablets */
@media (max-width: 991px) {
  .section-title {font-size: 30px;margin-bottom: 30px;}
  .sub-padding {padding: 100px 0;}
#success {padding: 50px 0 0 0;}
  .system .sub-title{font-size: 40px;}
  .services-item .services-content h3 a {font-size: 14px;}
  .services-item {margin-bottom: 20px;}
  #pricing-table .title h3 {font-size: 14px;}
  .goodness .title {padding: 30px 0;}
.goodness h5{font-size:20px}
.goodness .row>div{padding:0 20px 40px 20px}
.contact-right .single-contact p.des, .contact-right .single-contact p.title span{font-size:18px}
.navbar-header {width: 100%;}
.navbar-brand {position: absolute;padding: 5px;top: 0;}
.navbar-brand img {width: 75%;}
.slicknav_menu {display: block;}
.slicknav_nav a:hover,.slicknav_nav a:focus,.slicknav_nav .active {
  color: #FD6E74;outline: none;background: #f8f9fa;}
.slicknav_nav .dropdown.slicknav_open {padding-bottom:20px;}
}

/* only small tablets */
@media (min-width: 768px) and (max-width: 991px) {
  .section-title , .sub-title{font-size: 26px;margin-bottom: 30px;}
  .des-title{font-size:20px}
  .services-item .services-content h3 a {font-size: 16px;}
  #about .sec-title h3, .sys-product h2, .logistics h2 {font-size: 30px;line-height: 42px;}
  .title-hl {font-size: 30px;}
  .text-wrapper {padding: 60px 30px;}
  .why .content h3 {font-size: 30px;}
  #pricing-table .title h3 {font-size: 14px;}
  .slider-center img {padding: 40px 60px;}
  .subscribes h4 {font-size: 30px;}
  .footer-area .footer-titel {margin-top: 30px;}
  .contact-right-area {margin-top: 30px;}
  #nav-main li a.nav-link {
    padding-top: 18px;
  }
  .dropdown .dropdown-item span{display:none;font-size:10px;}
.dropdown .dropdown-item:focus,
.dropdown .dropdown-item:hover,
.dropdown .dropdown-item.active {
  color: #E91E63 !important; background-color:transparent; 
  background:none;
   }
}


/* mobile or only mobile */
@media (max-width: 767px) {
  .section-padding,.sub-padding, .logistics.section-padding {
    padding: 50px 0;
  }
  .righttext {padding: 20px;}
  .single-product:first-child{margin-top:20px;}
  .des-title, #contact-title span,.contact-right .single-contact p.title,
   .contact-right .single-contact p.des, .contact-right .single-contact p.title span{font-size:14px}
  .section-title , .sub-title,.system .sub-title, .operate .services-content h4{
    font-size: 32px;margin-bottom: 18px;}
  .sys-product h2, .logistics h2{font-size: 22px;}
  .title-hl {font-size: 22px;}
  .navbar-brand img {margin: 5px 0;}
  #hero-area .contents {padding: 100px 0px 60px 0px;}
  #hero-area .contents .head-title {font-size: 20px;line-height: 36px;margin-bottom: 15px;}
  #hero-area .contents p{font-size: 18px;}
  #hero-area .contents .btn {margin: 5px 10px 10px 0px;}
  .text-wrapper {padding: 60px 15px;}
  #about .sec-title h3 {font-size: 22px;line-height: 36px;  }
  .why .content h3 {font-size: 18px;}
  .client-item-wrapper img {width: 70%;}
  .slick-slider {padding: 0;}
  .slider-center img {padding: 60px 40px;}
  .subscribes h4 {font-size: 22px;}
  .subscribes p {font-size: 16px; line-height: 28px; }
  .footer-right-contact .single-contact {margin: 10px 7px;padding: 3px 45px;}
  .footer-area .footer-titel {margin-top: 30px;font-size:28px;}
  .contact-right-area {margin: 20px 0;}
  .contact-form-area h2, .system .description,.sys-product .description,
   .logistics .description, .operate .services-content p {font-size: 14px;}
  .goodness .row>div{padding: 0px 15px 30px 15px;}
  .goodness .title {padding: 30px 0;}
  .goodness .sub-title {padding: 20px 0 30px 0;}
  .goodness h5 {font-size: 16px;}
  .goodness .description {padding: 20px 30px 0 20px;font-size: 14px;}
  .des-title {margin-top:20px;}
  #success{padding: 50px 0 0 0;}  
  .social-icon a{width:80px; height:80px;padding:20px; line-height: 25px;}
  .social-icon a img{width:60%;}
  #footer .container{max-width:90%;}
  .goodness .row>div:nth-child(1),
  .goodness .row>div:nth-child(3),
  .goodness .row>div:nth-child(5){border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;}
  .goodness .row>div:nth-child(2),
  .goodness .row>div:nth-child(4),
  .goodness .row>div:nth-child(6){border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; }
  .goodness .row>div:nth-child(2),.goodness .row>div:nth-child(4){border-bottom:none;}
  .goodness .row>div:nth-child(3){border-right:none;}
  .thereset .row>div:nth-child(1){border-bottom:none}
  .thereset .row>div:nth-child(2){border-bottom:1px solid #d2d2d2; }
  .thereset .row>div:nth-child(3){border-right:1px solid #d2d2d2; }
}

@media (max-width: 576px) {
  .goodness .row>div:nth-child(1),
  .goodness .row>div:nth-child(2),
  .goodness .row>div:nth-child(3),
  .goodness .row>div:nth-child(4),
  .goodness .row>div:nth-child(5),
  .goodness .row>div:nth-child(6){border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-top:1px solid #d2d2d2;border-bottom:none;}  
  .goodness .row>div:nth-child(6){border-bottom:1px solid #d2d2d2;}
  .thereset .row>div:nth-child(3){border-bottom:1px solid #d2d2d2;}
}