@media (max-width: 1600px){
    .item-right {
        padding-top: 100px;
        padding-left: 50px;
    }
    .item-right h2 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 0px;
    }
    .item-right h3 {
        font-size: 18px;
    }
    .item-right b {
        margin: 30px 0;
    }
    .carousel-indicators {
        bottom: 10px;
    }

    .serv-banner-in-img p {
        font-size: 20px;
        color: #fff;
        margin: 10px 0;
    }
    .serv-banner-in ul li a>img{
        height: 400px;
    }
}


@media (max-height: 768px){
    footer,section{
        position: relative;
    }
    .cases-banner h2 {
        font-size: 20px;
        font-weight: bold;
    }
    .cases-banner h3 {
        font-size: 14px;
    }
    .cases-banner {
        height: 310px;
        padding-top: 100px;
    }
    .case-bott-a {
        margin-top: 10px;
    }
    .case-view {
        margin-top: -150px;
    }
    .serv-past2-right p{
        font-size: 14px;
    }
    .serv-past2-right p br{
        display: none;
    }
    .case-bott-a a {
        width: 120px;
        margin-left: 10px;
        line-height: 40px;
    }
    .case-bott-right {
        margin-top: 20px;
    }
    .sticky nav .accordion-menu {
        padding: 15px;
    }
    .pors {
        position: relative;
        z-index: 9;
    }
    .news-contents-left-con p {
       margin: 0px;
    }
    .serv-banner-in ul li a>img{
        height: 300px;
    }
    .serv-banner-in ul li {
        padding-top: 90px;
    }
}
@media (max-height: 900px){
    .serv-banner-in ul li {
        padding-top: 100px;
    }
}
@media (max-width: 1440px){
    .about-map-right h2 {
        font-size: 50px;
        margin-top: 40px;
    }
    .about-map-right-p {
        margin: 40px 0;
    }
    .index-page2 h4,
    .serv-past2-title h2,
    .serv-past2-right h2{
        font-size: 34px;
    }
    .serv-past2-title {
        padding-top: 50px;
        margin-bottom: 30px;
    }
    .serv-past2-right {
        padding: 50px 0 0 20px;
    }
    .index-a {
        font-size: 16px;
    }
    .serv-past2-left img{
        max-width: 90%;
    }
    .index-p {
        font-size: 14px;
    }
    .carousel-caption h3{
        font-size: 24px !important;
    }
    .carousel-caption h2{
        font-size: 28px !important;
    }
    .about-banner {
        height: auto;
        padding: 150px 0;
    }
    .about-cul-left h2 {
        font-size: 32px;
    }
    .about-cul-left h3 {
        font-size: 22px;
    }
    .about-cul-left p {
        font-size: 16px;
    }
    .about-serv h2 {
        font-size: 28px;
        margin: 50px 0;
    }
    .about-serv {
        margin-bottom: 30px;
    }
    .serv-title h2 {
        font-size: 28px;
    }
    .bx-wrapper .bx-controls-direction a {
        top: 260px;
    }
    .bx-wrapper .bx-prev {
        left: 57.5% !important;
    }
    .bx-wrapper .bx-next {
        left: 61% !important;
    }
    .serv-past2-right a {
        margin-top: 100px;
    }
    .serv-past2-right {
        padding: 15px 0 0 20px;
    }
}
@media (max-width: 1280px){
    .bx-wrapper .bx-controls-direction a {
        top: 230px;
    }
    body{
        overflow-x: hidden;
    }
    .serv-banner-in-img-info {
        bottom: 230px;
    }
}
@media (max-width: 1200px){
    .about-num ul li{
        margin-bottom: 70px;
    }

    .item-left,.item-right{
        float: none;
        width: 100%;
    }
    .item-right {
        padding:50px;
    }
    body{
        overflow-x: hidden;
    }
    .serv-past2{
        background-size: cover !important;
        padding-bottom: 20px;
    }
    .serv-past2-left,.serv-past2-right{
        width: 100%;
        text-align: center;
        float: none;
    }

}


@media (max-width: 1000px){

    .about-map-left{
        float: none;
        max-width: 100%;
    }
    .about-map-right{
        float: none;
        max-width: 100%;
    }
}

@media (max-width: 767px){
    .item-left img{
        height: auto !important;
        width: 100%;
    }
    .serv-ys{
        background-size: cover !important;
    }
    .floatbar{
        width: 100%;
    }
    .about-map {
        padding:30px 10px;
    }
    .about-map-right h2 {
        font-size: 34px;

    }
    .about-map-right-p p, .about-map-right-log p {
        font-size: 12px;
        color: #cecece;
        line-height: 10px;
        text-align: right;
    }
    .bx-wrapper .bx-controls-direction{
        display: none !important;
    }
  .Vbtn-1  svg{
        display: none !important;
    }
    .full-in,.full-info{
        height: auto;
    }
    .news-list ul {
        margin-left: 0px;
        margin-right: 0px;
    }
    .new-banner,.contact-banner{
        height: auto;
        padding-top: 150px;
        padding-bottom: 80px;
        background-position: center right !important;
    }
    .details-content-bottom-page a{
        float: none !important;
        display: block !important;
        margin-left: 0px !important;
        width: 100% !important;
        margin-bottom: 15px;
    }
    .skrollable{
        position: static !important;
    }
    .contact-banner h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .news-contents-left-title h2 {
        font-size: 20px;
        color: #000000;
        margin-top: 20px;
    }
    .news-contents-left-con {
        padding: 10px;
    }
    .news-list ul li {
        padding: 0 0px;
        margin-bottom: 20px;
    }
    .new-banner h2 {
        font-size: 26px;
    }
    .serv-banner-info{
        display: none;
    }
    .slicka .slick-on ,.serv-banner-in-img{
        padding-left: 0px;
    }
    .slick-slide img {
        display: inline-block;
    }
    .serv-banner-in-img{
        text-align: center !important;
        margin-top: 20px;
    }
    .serv-banner-in ul li a>img {
        height: 300px;
        margin-top: 0px;
    }
    .about-qa {
        height: auto;
        padding: 40px 0;
        background-size: cover !important;
    }
    .md-padding-seven-all {
        padding: 10px;
    }
    .bg-deep-pinks {
        padding: 30px 0;
    }
    a.Vbtn-1 {
        margin-top: 30px;
    }
    .serv-past4 {
        padding-bottom: 40px;
    }
    .serv-past3-list-a a {
        font-size: 16px;
        margin: 20px 0;
    }
    .serv-past3-list ul li p {
        font-size: 13px;
        margin: 0px;
    }
    .serv-past3-list:after {
        display: none;
    }
    /*.serv-past3-list ul li img{*/
        /*width: 60%;*/
    /*}*/
    .serv-past2-title h2,.serv-past2-right h2{
        font-size: 26px;
        margin-bottom: 10px;
    }
    .serv-past3-list ul li {
        width: 50%;
        margin-top: 10px;
        position: static !important;
        padding: 5px;
        box-shadow: none;
    }
    .serv-past3-list ul li img{
        display: none !important;
    }
    .serv-past2-right a {
        margin-top: 10px;
    }
    .serv-past3-list ul li .serv-past3-list-t{
        margin: 0px !important;
        padding: 15px 0 !important;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    }
    .serv-past2-title {
        padding-top: 20px;
        margin-bottom: 20px;
    }
    .serv-past2-right {
        padding: 20px;
    }
    .serv-past2-title p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .xs-padding-15px-lr {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .position-relative p{
        font-size: 14px;
    }
    .jt {
        left: inherit;
        right: 0px;
    }
    .carousel-indicators{
        display: none !important;
    }
    .serv-case,
    .serv-other,
    .serv-us,
    .serv-more{
        padding: 25px 0;
    }
    .serv-title h2 {
        font-size: 22px;
        margin-bottom: 0px;
    }
    .serv-title b {
        margin: 10px 0;
    }
    .serv-title p {
        font-size: 14px;
        color: #808080;
        line-height: 26px;
        margin-bottom: 0px;
    }
    ul{
        padding: 0px;
        margin: 0px;
    }
    .serv-past3-list {
        margin-top: 0px;
    }
    .serv-other-list ul li {
        padding: 0px 13px;
        margin-top: 20px;
    }
    .serv-more-banner {
        margin: 20px auto 0;
    }
    .serv-more-banner .right,
    .serv-more-banner #carousel-example-generics>.left{
        width: 35px;
        height: 35px;
        background-size: cover !important;
    }
}
@media screen and (max-width: 640px){

    .header-searchbar a i{
        margin-right: 6px;
    }
    .phone-hide{
        display: none;
    }
    .carousel-caption h2{
        font-size: 20px !important;
        line-height: 32px !important;
    }
    .carousel-caption h3{
        font-size: 16px !important;
        line-height: 30px !important;
    }
    .carousel-caption {
        bottom: 28%;
    }
    .index-info .bg-deep-pink {
        background-color: #ff214f !important;
    }
    .index-page2 span {
        margin-top: 20px;
    }
    .index-page2 h4 {
        font-size: 26px;
    }
    .index-page2 a,.case-more a,.mores.btn.btn-dark-gray{
        width: 150px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        margin-top: 20px;
    }
    .case-more {
        margin-top: 0px;
    }
    .about-banner {
        height: auto;
        padding: 120px 0 30px 0;
    }
    .about-banner h2 {
        font-size: 30px;
    }
    .about-banner p {
        font-size: 16px;
        margin: 20px auto 0;
    }
    .about-num ul li{
        float: none;
        margin-bottom: 70px;
    }
    .about-num ul li:last-child{
        margin-bottom: 0px;
    }
    .about-num ul,
    .about-serv ul{
        margin: 0px;
        padding: 0px;
    }
    .about-num {
        padding: 50px 0;
    }
    .about-cul-left {
        float: none;
        width: 100%;
        padding: 10% 0 0 10%;
        margin-bottom: 20px;
    }
    .about-cul-right {
        float: none;
        width: 100%;
    }
    .about-cul-left h2 {
        font-size: 36px;
    }
    .about-cul-left h3 {
        font-size: 20px;
    }
    .about-cul-left p {
        font-size: 16px;
    }
    .about-serv h2 {
        font-size: 28px;
        margin: 50px 0;
    }
    .about-serv {
        margin-bottom: 30px;
    }
    .about-qa h2{
        font-size: 28px;
    }
    .about-qa p{
        line-height: 28px;
    }
    .serv-banner-in-img,.serv-banner-in-img-info{
        position: static;
    }
    .serv-banner-in-img-info{
        padding-left: 0px;
        height: auto;
    }
    .serv-banner-in-img h2,.serv-banner-in-img h3{
        display: block;
    }
    .floatbar-btn {
        font-size: 12px;
        width: 33.33%;
        height: 60px;
        float: left;
        position: relative;
        background: none !important;
        background-color: #e60012 !important;
    }
    .floatbar-btn + .floatbar-btn {
        border-left: 1px solid rgba(255,255,255,0.4);
        border-top: none;
    }
    .floatbar-btn.telephone:after{
        content: "";
        width: 100%;
        height: 25px;
        background: url(../images/floatbar-icon-1.png) no-repeat center center;
        position: absolute;
        left: 0px;
        top: 6px;
        background-size: contain !important;
    }
    .floatbar-btn.chating:after{
        content: "";
        width: 100%;
        height: 25px;
        background: url(../images/floatbar-icon-2.png) no-repeat center center;
        position: absolute;
        left: 0px;
        top: 6px;
        background-size: contain !important;
    }
    .floatbar-btn.top:after{
        content: "";
        width: 30px;
        height: 25px;
        background: url(../images/floatbar-icon-3.png) no-repeat center center;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        top: 6px;
        background-size: contain !important;
    }
    .floatbar-btn span {
        bottom: -11px;
    }
    .modal-telephone{
        width: 92%;
        left: 4%;
        margin-left: 0px;
    }
    .modal-telephone-body .input-box {
        width: 60%;
    }
    .modal-telephone-body .btn-box{
        width: 40%;
    }
    .modal-telephone-body .input-box input,
    .modal-telephone-body .btn-box,
    .modal-telephone .online-btn,
    .modal-telephone-body .input-box{
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }
    .modal-telephone {
        top: 20%;
        margin-top: 0px;
    }
    .serv-past4-img img{
        transform: none !important;
    }
    .xs-padding-30px-tb {
        padding-bottom: 65px !important;
    }
}