@media only screen and (min-width:1601px){
    .header{ background-size: 100%;}
    .main-slider .item  img{ width: 100%;}
    .direction{ background-size: 100%;}
	
}


@media only screen and (min-width:992px) and (max-width: 1199px)  {
    .menu li{ padding: 0 15px;}
    .header-bottom h1{ font-size: 31px;}
    .solution-shortcut-heading{ font-size: 20px;}
    .solution-shortcut-summary{ font-size: 10px;}
    .brand h5{ font-size: 14px;}
    .direction h1{ font-size: 33px;}
    .direction-list img{ width: 100%;}
    .connect h2{ background-size: 85%;}
    .connect .news h2{ background-size: 82%;}
    .news-content li a{ font-size: 13px;}
    .global h4{ font-size: 16px;}
    /*.main-slider .carousel-caption{ top: 30px;}*/
    .main-slider h1{ font-size: 23px; line-height: 25px;}
    .main-slider h2{ font-size: 18px; line-height: 22px;}
	    .main-slider h3{ font-size: 20px; line-height: 22px;}
    .bx-wrapper .slide { margin-right: 3px !important; width: 152px !important;}
    .menu li .inner-li-last{ right: 500px;}
    .footer-top a{ font-size: 12px;}
    .menu .dropdown:nth-child(4) .inner-li{ right: 130px; position:relative;}
    .inner-li.last{ position:relative; right:50px;}
   /* .main-slider .carousel-caption{ top: 150px;}*/
   .main-slider .carousel-caption {
  top: 309px;
}

}

@media only screen and (min-width:768px) and (max-width: 991px)  {
    .logo img{ width: 100%;}
    .top-menu li{ line-height: 13px; font-size: 13px; padding: 0 5px;}
    .social-list li{ width: 26px; height: 26px;}
    .social-list li i{ font-size: 14px; line-height: 22px;}
    .menu li a{ font-size: 15px;}
    .menu li{ padding: 0 11px;}
    .header-bottom h1{ font-size: 20px; line-height: 30px;}
    .header-bottom h3{ font-size: 20px; line-height: 25px;}
    .solution-shortcut-heading{ font-size: 15px;}
    .solution-shortcut-summary{ font-size: 9px;}
    .solution-shortcut-toggle{ right: -13px;}
    .content-top .try-it{ font-size: 16px;}
    .try-it a{ padding: 9px 17px 6px 17px;}
    .direction-list img{ width: 100%;}
    .direction h1{ font-size: 25px;}
    .direction-list h2{ font-size: 22px;}
    .connect h2{ background-size: 80%;}
    .connect .news h2{ background-size: 77%;}
    .global h4{ font-size: 16px;}
    .menu li li a{ font-size: 13px;}
    /*.main-slider .carousel-caption{ top: 10px;}*/
    .main-slider h1{ font-size: 23px; line-height: 25px;}
    .main-slider h2{ font-size: 18px; line-height: 22px;}
	    .main-slider h3{ font-size: 20px; line-height: 22px;}
    .bx-wrapper .slide { margin-right: 6px !important; width: 136px !important;}
    .footer-top a{ font-size: 11px;}
    .menu .dropdown:nth-child(2) .inner-li{ right: 80px; position: absolute;}
    .menu .dropdown:nth-child(3) .inner-li{ right: 180px; position: absolute;}
    .menu .dropdown:nth-child(4) .inner-li{ right: 300px; position: absolute;}
	.menu .dropdown:nth-child(5) .inner-li{ right: 370px; position: absolute;}
    .menu .dropdown:nth-child(6) .inner-li-last{ right: 500px;}
    .menu .dropdown:nth-child(7) .inner-li-last{ right: 600px;}
    .last .inner-ul{ position: absolute; right: 70px;}
   /* .main-slider .carousel-inner img{height: 300px !important;}*/
    .solution-slider .carousel-caption h1{ font-size: 50px;}
    .solution-slider .carousel-caption h2{ font-size: 25px;}
    .solution-slider .carousel-caption{ top: 20%;}
}

@media only screen and (max-width:767px){
	
	.main-slider .carousel-caption {

    top: 150px;
}
	
	
    .logo{ text-align: center;}
    .social-list { clear: both; margin-top: 10px;}
    .menu li{ float: none; padding: 5px 0 5px 20px; margin-bottom: 5px; border-bottom: 1px solid #666666;}
    .menu li:first-child{ padding-left: 20px; border-bottom: 1px solid #666666;}
    .menu li li:first-child{ border: none;}
    .menu li a:before { background-color: #ffffff;}
    .dropdown-menu{ left: 20px;}
    .header-bottom h1{ line-height: 20px; font-size: 14px; padding: 0; margin-top: 80px;}
    .header-bottom h3{ line-height: 20px; font-size: 15px; margin-bottom: 100px;}
    .center-block{ display: none;}
	.main-slider{ display: none;}
	.lmenu{ display: none;}
	.banner-heading{ margin-top:-170px; font-size:40px;}
	.right-menu{ display: none;}
    .brand .col-lg-5{ display: none;}
    .direction h1{ font-size: 25px;}
    .direction-list li{ width: 50%; margin-bottom: 20px;}
    .li-bottom{ margin: 0;}
    .direction{ background-color: #477fc8;}
    .news{ margin-bottom: 20px;}
    .connect h2{ background: none;}
    .global a{ padding: 6px 30px;}
    .global h4{ font-size: 15px;}
    .top-menu{ float: right;}
    .content-top .try-it{ margin-bottom: 20px;}
    .main-slider h1{ font-size: 14px; line-height: 20px;}
    .main-slider h3{ font-size: 13px; line-height: 15px; color: #ffffff;}
    .brand{ text-align: center;}
    .top-menu{ float: none; margin: 0 auto; display: table;}
    .social-list{ float: none; margin: 25px auto 17px auto; display: table;}
    .search{ float: none; margin: 17px auto 35px auto; display: table;}
    .footer-bottom p{ text-align: center;}
    .footer-bottom ul{ display: table; margin: 0 auto;}
    .navbar-nav li:hover .dropdown-menu{ display: none;}
    .navbar-nav .open .dropdown-menu{ display: inline-block !important;}
    .navbar-nav .open .dropdown-menu  li  a, .navbar-nav .open .dropdown-menu .dropdown-header{ padding: 0;}
    .caret{ float: right; display: inline-block; border-left: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid rgba(0, 0, 0, 0); border-top: 9px solid; margin-left: 10px;}
    .brand-slider{ width: 400px; margin: 0 auto;}
    .inner-menu { width: 50% !important;}
    .menu li .inner-li-last{ position: inherit; right: auto;}
    .dropdown-menu .inner-ul{ border: none; width: 100%; height: 200px; overflow-y: scroll;}
    .inner-menu { width: 100% !important;}
    .global .col-lg-6{ width: 470px; margin: 0 auto; float: none;}
    .footer-div{ width: 50%;}
    /*.footer-div:nth-child(4) { margin-top: -115px;}*/
    .menu li .btn-default{ display: block;}
    .menu li a{ float: left;}
    .menu li{ float: left; width: 100%;}
	ul.inner-ul{-webkit-column-count: inherit !important;
    -moz-column-count: inherit !important;
    column-count: inherit !important;}
	.footer-top{
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
    column-count: 2 !important;
	-webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}
.footer-div {
    display: inline-block;
    float: none;
    width: 100%;
}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
    .brand{ margin-top: 380px;}
    }
    .main-slider .carousel-inner img{height: 300px !important;}
	.solution-slider .carousel-inner img { height: 300px; }
    .solution-slider .carousel-caption h1{ font-size: 4em; line-height: 1.15em; margin-top: -20%;}
    .solution-slider .carousel-caption h2{ font-size: 3em;}
    .solution-slider .carousel-caption{ top: 30%;}
    .header-top{ 
		background: #3a7bd5;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3a6073, #3a7bd5);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3a6073, #3a7bd5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	}

@media only screen and (max-width:479px){
    .top-menu li{ font-size: 13px; border: none; padding: 0 3px;}
    .direction-list li{ width: 100%;}
    .footer-bottom p{ font-size: 12px;}
    .news-content li a{ font-size: 12px;}
    .global .selectparent{ width: 185px; margin: 0 15px;}
    .global a{ font-size: 15px; padding: 6px 10px; margin-top: 0;}
    .solution-shortcut-heading{ font-size: 19px;}
    .solution-shortcut-summary{ font-size: 10px;}
    .content-top .try-it{ font-size: 16px;}
    .try-it a{ padding: 9px 17px 6px 17px;}
    .main-slider .carousel-caption{ top: 25px;}
    .main-slider h1{ font-size: 12px; line-height: 15px; margin-bottom: 5px;}
    .main-slider h3{ font-size: 12px; line-height: 11px; margin-top: 0;}
    .brand-slider{ width: 290px;}
    .global .col-lg-6{ width: 320px;}
    .global img{ width: 10%;}
    .global .selectparent select{ width: 170px; padding: 6px;}
    .main-slider .carousel-inner img{height: 200px !important;}
    .solution-slider .carousel-caption h1{ font-size: 3em; line-height: 1.15em; margin-top: 0;}
    .solution-slider .carousel-caption h2{ font-size: 2em;}
    .solution-slider .carousel-caption{ top: 10%;}
    
    
}
/* solution page */
@media only screen and (min-width:768px) and (max-width: 991px)  {
    
    .content-data h1 span{ font-size: 40px;}
    .content-data img{ width: 100%;}
    .content-data p{ font-size: 15px;}
    .content-data .read-more{ font-size: 18px; margin: 20px 0 0 70px;}
}

@media only screen and (max-width:767px){
	
	.header {
  position: inherit;
 
}
    
    .content-data h1 span{ font-size: 35px;}
    .content-data{ text-align: center;}
    .content-data p{ font-size: 15px;}
    .content-data .read-more{ float: none; display: inline-block; font-size: 19px; margin: 20px 0 0 0;}
    

}

@media only screen and (max-width:479px){
    
    .content-data h1 span{ font-size: 23px;}
    .content-data .read-more{ font-size: 14px;}
    .content-data p{ font-size: 14px;}
}