/*Extra small devices (phones, less than 768px) */

@media only screen and (max-width : 320px) {
  .branch,
	.employee,
	.delivery {
    display: block;
    width: 100%;
    margin-bottom: 30px;
  };
}

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

  .content{white-space:normal;}
  .nav-tabs>li{min-width: 44vw;}

  h2 {
    font-size: 2.6rem;
    line-height: 35px;
  }

	.time_area{background-color: white;}

  /*navigation*/
  .navbar-toggle {
    margin: 6vw 3vw;
  }

  .navbar-toggle .fa{font-size: 2rem;}
	
	/*home page*/
  .service-home.section-padding {
    padding-bottom: 50px;
  }

  .service-home .service {
    margin-bottom: 60px;
  }

  .counter-section .counter-block {
    text-align: center;
    margin-bottom: 50px;
  }

  .css-tab .nav-tabs>li {
    margin: 10px 0;
  }

  .css-tab .nav-tabs>li>a {
    font-size: 1.6rem;
    line-height: 20px;
  }

  .css-tab .nav-tabs>li>a i::before {
    font-size: 4.5rem;
    line-height: 26px;
    margin-bottom: 5px;
  }

  .css-tab2 .nav-tabs li a{
    padding: 8px 5px;
  }

	/*career page*/

  .career ul.joblist li:last-child {
    float: none;
    margin-left: }
	.career ul.joblist li:nth-child(2){
		margin-right: 20px;
  }

  .footer-widget-section{
    background-size: contain;
    padding-bottom:20vh;
  }
}

@media only screen and (max-width : 479px) {
	/*home*/
  .partner-carousel-navigation .prev {
    left: 82%;
  }

  /*.css-tab .nav-tabs>li {
    display: block;
    width: 100%;
  }*/

	/*about*/
  .item .history-info {
    padding: 30px;
  }

  .company-in-number i::before {
    font-size: 5rem;
  }

	/*blog*/
  .blog-post-wrapper .css-post-link,
	.blog-post-wrapper blockquote a {
    font-size: 1.6rem!important;
    padding: 30px!important;
    line-height: 20px;
  }

  .blog-post-wrapper blockquote footer {
    bottom: 10px!important;
  };
}

/* Small devices (tablets) */
@media (min-width: 768px) {

	/*navigation*/

  .navbar {
    padding: 10px 0;
  }

  .navbar.sticky {
    padding: 10px 0;
  }

  .navbar-nav {
    /*padding-top: 10px;*/
    padding-top: 25px;
  }

  .sticky .navbar-nav {
    padding-top: 25px;
  }

  .sticky .search-button,
	.sticky .navbar-toggle {
    margin-top: 10px;
  }

  .company-in-number i::before {
    font-size: 6rem;
  };
}

@media (max-width: 991px) {
  #mainContact {
    margin-bottom: 60px;
  };
}

/* Landscape Mobile */
@media only screen and (min-width : 480px) and (max-width : 767px) {
  .partner-carousel-navigation .prev {
    left: 85%;
  };
}

@media only screen and (min-width : 768px) and (max-width : 825px) {
  h2 {
    font-size: 3.2rem;
    line-height: 40px;
  }

  .footer-widget-section{
    background-size: contain;
  }
  .container{width: 100%;}
  .mainnav{font-size: 1.3rem;}
  .nav>li>a{padding:10px 2px;}
}

@media only screen and (min-width : 826px) and (max-width : 991px) {
  .footer-widget-section{
    background-size: contain;
  }
  .container{width: 100%;}
  .mainnav{font-size: 1.4rem;}
  .nav>li>a{padding:10px 5px;}
}

@media only screen and (min-width : 992px) and (max-width : 1223px) {
  .footer-widget-section{
    background-size: contain;
  }
  .container{width: 100%;}
  .mainnav{font-size: 1.65rem;}
  /*.nav>li>a{padding:10px 6px;}*/
}

 
/* Desktops and laptops */
@media only screen and (min-width : 1224px) {
}

@media only screen and (min-width : 992px) {

/*  .section-padding {
    padding: 80px 0;
  }*/

  .nav-tabs>li{min-width: 180px;}

	/*Home page*/

  .sidebar-wrapper.right-sidebar {
    padding: 0 0 0 60px;
  }

  .sidebar-wrapper.left-sidebar {
    padding: 0 60px 0 0;
  }

  .partner-carousel-navigation .prev,
	.partner-carousel-navigation .next {
    top: 50%;
  }

  .partner-carousel-navigation .prev {
    left: -15px;
  }

  .partner-carousel-navigation .next {
    right: -15px;
  }
	/*about page*/
  .about-intro-section {
    background-position: center;
  };
}
 
/* Large devices (large desktops) */
@media (min-width: 1200px) {
}


@media screen and (min-width: 768px){
  .carousel-indicators {
      bottom: 5px;
  }  
}