/*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) {
section.footer-widget-section { padding-top:0px;}
section.service-home { padding-top:20px;}
div.forMobile { display:block;}
div.topbar-right { position:absolute; width:calc(100% - 150px); right:36px; top:0px; }
div.topbar-right input[type=search] {
    top: 0px;
    margin-top: 4px!important;
    color: #333333;
    line-height: 150%!important;
	float:right;
}
.why-us-setion h2, .leading-0 h2 { font-size:28px!important; line-height:140%; }
.why-us-setion h3, .leading-0 h3 { font-size:20px!important; line-height:140%; }
.hero-slide .carousel-caption .lightSpeedIn { font-size:16px!important; text-align:left; margin-top:15px; margin-bottom:5px;}
.hero-slide .carousel-caption .lead { font-size:16px!important; text-align:left; margin-top:0px;}
nav.NavMain { position:absolute; top:0px;  width:100%; min-height:inherit; height:30px; }
h1.logo { width:50%; max-width:125px; height:auto; top:0px!important;}
a.navbar-brand { padding:0px; margin-left:10px;}
.hideMobile { display:none!important;}
nav.top-bar .col-xs-12 { width:calc(100% - 110px); float:right; font-size:14px;}
.call-to-action ul li a {font-size:14px!important;}
ul.sp-contact-info { margin-top:26px; margin-bottom:10px; margin-left:-1px; margin-right:-1px; line-height:24px;}
.offcanvas-inner .navbar-nav {
    margin:37.5px 15px;
}
a.close-offcanvas {
    display: block;
    width: 16px;
    height: 36px;
    font-size: 20px;
	float:right;
	margin-right:0px;
	color:#333;
}
.offcanvas-inner .navbar-nav>li>a { color:#333; }
.offcanvas-inner .navbar-nav>li>a:hover { color:#000;}
.offcanvas-inner li.dropdown > .submenu-wrapper { position:relative!important; top:0px;}
.offcanvas-inner li.dropdown > .submenu-wrapper > .submenu-inner { margin-top:0px!important; opacity:1!important; margin-bottom:15px; }
.offcanvas-inner .dropdown-menu {
    background: #FFFFFF;
    margin: 0px;
    padding: 0px;
    border-left: 2px solid #EEEEEE;
    margin-left: 15px;
}
.offcanvas-inner .nav.navbar-nav li ul.dropdown-menu li a { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-top:3px; padding-bottom:3px;}
				

	/*navigation*/

  .navbar-toggle {
    margin:0px 0 0;

  }

	

	/*home page*/

  .service-home.section-padding {

    padding-bottom: 20px;

  }



  .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: 16px;

    line-height: 20px;

  }



  .css-tab .nav-tabs>li>a i::before {

    font-size: 24px;

    line-height: 26px;

    margin-top: 0;

  }



  .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;

  };

}



@media only screen and (max-width : 479px) {
.hide480 { display:none;}
.footer-widget h3 { margin-bottom:5px!important; margin-top:15px!important;}
	/*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: 50px;

  }



	/*blog*/

  .blog-post-wrapper .css-post-link,

	.blog-post-wrapper blockquote a {

    font-size: 16px!important;

    padding: 30px!important;

    line-height: 20px;

  }



  .blog-post-wrapper blockquote footer {

    bottom: 10px!important;

  };

}



@media(min-width:1170px){

button.navbar-toggle { display:none;}

}



/* Small devices (tablets) */

@media (min-width: 768px) {



	/*navigation*/



  .navbar {

    padding: 15px 0;

  }



  .navbar.sticky {

    padding: 10px 0;

  }



  .navbar-nav {

    padding-top:0px;

  }



  .sticky .navbar-nav {

    padding-top: 10px;

  }



  .sticky .search-button,

	.sticky .navbar-toggle {

    margin-top: 10px;

  }



  .company-in-number i::before {

    font-size: 60px;

  };

}



@media (max-width: 991px) {
button .fa-bars { font-size:24px; margin-top:3px;}
  #mainContact {
    margin-bottom: 60px;
  };

}



/* Landscape Mobile */

@media only screen and (min-width : 480px) and (max-width : 767px) {
section.footer-widget-section { padding-top:0px;}
section.footer-widget-section .col-sm-2, .col-sm-3 { width:49%; float:left; margin:0.5%; }

  .partner-carousel-navigation .prev {

    left: 85%;

  };

}



@media only screen and (min-width : 768px) and (max-width : 991px) {
section.service-home { padding-top:20px;}
div.forMobile { display:block;}
div.topbar-right { position:absolute; width:calc(100% - 150px); right:36px; top:0px; }
div.topbar-right input[type=search] {
    top: 0px;
    margin-top: 4px!important;
    color: #333333;
    line-height: 150%!important;
}
.why-us-setion h2, .leading-0 h2 { font-size:28px!important; line-height:140%; }
.why-us-setion h3, .leading-0 h3 { font-size:20px!important; line-height:140%; }
.hero-slide .carousel-caption .lightSpeedIn { font-size:16px!important; text-align:left; margin-top:15px; margin-bottom:5px;}
.hero-slide .carousel-caption .lead { font-size:16px!important; text-align:left; margin-top:0px;}
nav.NavMain { position:absolute; top:0px;  width:100%; min-height:inherit; height:30px; }
h1.logo { width:50%; max-width:125px; height:auto; top:0px!important;}
a.navbar-brand { padding:0px; margin-left:10px;}
.hideMobile { display:none!important;}
nav.top-bar .col-xs-12 { width:calc(100% - 110px); float:right; font-size:14px;}
.call-to-action ul li a {font-size:14px!important;}
ul.sp-contact-info { margin-top:26px; margin-bottom:10px; margin-left:-1px; margin-right:-1px; line-height:24px;}
.offcanvas-inner .navbar-nav {
    margin:37.5px 15px;
}
a.close-offcanvas {
    display: block;
    width: 16px;
    height: 36px;
    font-size: 20px;
	float:right;
	margin-right:0px;
	color:#333;
}
.offcanvas-inner .navbar-nav>li>a { color:#333; }
.offcanvas-inner .navbar-nav>li>a:hover { color:#000;}
.offcanvas-inner li.dropdown > .submenu-wrapper { position:relative!important; top:0px;}
.offcanvas-inner li.dropdown > .submenu-wrapper > .submenu-inner { margin-top:0px!important; opacity:1!important; margin-bottom:15px; }
.offcanvas-inner .dropdown-menu {
    background: #FFFFFF;
    margin: 0px;
    padding: 0px;
    border-left: 2px solid #EEEEEE;
    margin-left: 15px;
}
.offcanvas-inner .nav.navbar-nav li ul.dropdown-menu li a { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-top:3px; padding-bottom:3px;}
				

	/*navigation*/

  .navbar-toggle {
    margin:0px 0 0;

  }

	

	/*home page*/

  .service-home.section-padding {

    padding-bottom: 20px;

  }



}

 

/* Desktops and laptops */

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

}



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



  .section-padding {

    padding: 80px 0;

  }



	/*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) {
div.forMobile { display:none;}
div.call-to-action { margin-left:50px;}
.text-center { text-align:center;}
}