/*
*Description: HTML5 / CSS3 Multi Page
*Version: 1.0
**************************************
*/

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

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

.navbar.sticky {
  top: 39px !important;
}

    .navbar-toggle {
        display: block !important;
    }

    .branch,
    .employee,
    .delivery {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    a.carousel-control {
        top: 30%;
    }

    .section-padding {
        padding-top: 20px;
    }

}

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

    .modal-dialog {
        width: 70%;
    }
    /*navigation*/
    .navbar-toggle {
        /*margin: 10px 0 0;*/
    }

    .award-section .media-left {
        width: 100%;
        display: block;
    }

    .award-section .item-right-text {
        padding: 50px;
    }

    /*home page*/
    .section-padding {
        padding-top: 20px;
    }

    .section-title {
        margin-bottom: 15px;
    }

    .six-member-thuimb {
        padding: 20px 0px;
    }

    .president-message {
        padding: 20px 0;
    }

    .news-section {
        padding: 20px 0px;
    }

    .other-news {
        padding: 20px 0px;
    }

    .testimonial-section {
        padding: 20px 0px 0px 0px;
    }

    .eight-logo-thuimb {
        padding: 20px 0;
    }
    .service-home.section-padding {
        padding-bottom: 50px;
    }

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

    .eight-logo-thuimb .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;
    }

    /*service tareq bhai st*/
    div.row.content-row > div.col-sm-4 {
        padding: 3px;
    }

        div.row.content-row > div.col-sm-4 > div.service.one {
            padding: 6px 3px 10px 3px;
            border-radius: 5px;
            background-color: #84b2cf;
        }

        div.row.content-row > div.col-sm-4 > div.service.two {
            padding: 6px 3px 10px 3px;
            border-radius: 5px;
            background-color: #84cfb8;
        }

        div.row.content-row > div.col-sm-4 > div.service.three {
            padding: 6px 3px 10px 3px;
            border-radius: 5px;
            background-color: #e4e38a;
        }

    /*service tareq bhai ed*/
    


}

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

.navbar.sticky {
  top: 39px !important;
}

    .navbar-toggle {
        display: block !important;
    }
    /*Menu*/
    h1.logo img {
        margin-top: -15px;
        /*width:60%;*/
    }
    /*home*/
    .partner-carousel-navigation .prev {
        left: 82%;
    }

    .section-padding {
        padding-top: 20px;
    }

    .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 only screen and (max-width : 768px) {
    /*.navbar-nav {
        display: none !important;
    }*/
    

    
}

@media only screen and (max-width : 1200px) {
    marquee {
        height: 300px;
    }
    
 

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





    /*navigation*/
    .navbar-default .navbar-nav > li > a {
         font-size: 14px;
         
    }

.slider-item {
    
    margin-top: 134px;
}
    .navbar {
        padding: 0px 0;
    }

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

    .navbar-nav {
        padding-top: 0px;
        padding-bottom: 5px;
    }

    .sticky .navbar-nav {
        padding-top: 0px;
        padding-bottom: 5px;
    }

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

    .company-in-number i::before {
        font-size: 60px;
    }
}

@media (max-width: 991px) {

    #mainContact {
        margin-bottom: 60px;
    }
}

/* Landscape Mobile */
@media only screen and (min-width : 320px) and (max-width : 479px) {
    .navbar-toggle {
        display: block !important;
        margin-top: -60px;
        margin-right: 10px;
    }

    .navbar-brand {
        display: none;
    }

    .banner-bar {
        margin-top: 0px;
    }

    .banner-image img {
        padding: 5px 0;
    }

    .topbar-right {
        display: none;
    }
    .slider-item{
        margin-top:47px;
    }
    .about-section .section-padding {
        padding: 0px 0px;
    }

    .right-slider {
        margin-top: 4px;
        margin-bottom: 5px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .carousel:hover a.left.carousel-control {
        left: 20px;
    }

    .carousel:hover a.right.carousel-control {
        right: 40px;
    }

    a.carousel-control {
        top: 45%;
        width: 15px;
        height: 15px;
        /*line-height: 22px;
        text-align: center;
        opacity: 0;*/
    }

    h1.logo img {
        margin-top: -10px;
        width: 95%;
    }

    .six-member-thuimb .content-row {
        padding: 0px 0px;
    }

    .about-section .dcci-image iframe {
        margin-top: 40px;
        float: none;
    }

    .center-item img {
        left: 0px;
    }

    .partner-carousel-navigation .prev,
    .partner-carousel-navigation .next {
        /*margin-top: -50px;*/
        top: -30%;
    }

    .x-services .thumbnail .caption {
        padding: 20px 0px 0px 0px;
    }

        .x-services .thumbnail .caption h2 {
            text-align: center;
        }

    .eight-logo-thuimb .row-content {
        padding: 0px 0px;
    }

    .information-service {
        padding: 20px 0;
    }

    .footer-widget h3 {
        margin-top: 20px;
    }

    marquee {
        height: 200px;
        margin-left: 10px;
    }

    .call-to-action {
        display: none;
    }

    .service-home {
        padding-bottom: 0px;
    }

    .president-message {
        padding: 20px 0;
    }

    .map-top-space {
        padding-top: 20px;
    }
    /*director*/
    /*b2b*/
    .header-search input {
        padding: 10px 40px 10px 20px;
    }

    .header-search button {
        right: 0px;
    }

    .b2b-logo-details img {
        width: 65%;
        margin: 0px auto;
    }

    .award-section .media-body .item-right-text {
        position: relative;
        font-size: 14px;
        padding: 0px 10px 0 10px;
    }

    .other-news .media-heading, .other-news .rating {
        margin-left: -20px;
        margin-right: -5px;
        text-align: justify;
    }
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
    .navbar-toggle {
        display: block !important;
        margin-top: -80px;
        margin-right: 10px;
    }

    .navbar-brand {
        display: none;
    }

    .banner-image {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .topbar-right {
        display: none;
    }

    .right-slider {
        margin-top: 4px;
        margin-bottom: 5px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .slider-item{
        margin-top:60px;
    }
    .about-section .section-padding {
        padding: 0px 0px;
    }

    .call-to-action {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 20px;
    }

    marquee {
        height: 200px;
        margin-left: 30px;
    }


    .section-padding {
        padding-top: 20px;
    }

    .six-member-thuimb .content-row {
        padding: 0px 0px;
    }

    .president-message {
        padding: 20px 0;
    }

    .about-section .dcci-image iframe {
        margin-top: 40px;
        float: none;
    }

    .x-services .thumbnail .caption h2 {
        text-align: center;
    }

    .center-item img {
        left: 0%;
    }

    .information-service {
        padding: 20px;
    }

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

    .partner-carousel-navigation .prev {
        left: 85%;
    }

    .css-tab .nav-tabs > li {
        /*margin: 10px 0;*/
        padding: 5px 8px;
    }

    h1.logo img {
        margin-top: -15px;
        width: 45%;
    }

    .eight-logo-thuimb .row-content {
        padding: 0px 0px;
    }

    .employee img {
        padding-bottom: 15px;
    }

    .map-top-space {
        padding-top: 20px;
    }

    .footer-widget h3 {
        margin-top: 20px;
    }
    /*b2b*/
    .header-search input {
        padding: 10px 200px 10px 20px;
    }

    .header-search button {
        right: 0px;
    }

    .b2b-logo-details img {
        width: 65%;
        margin: 0px auto;
    }

    .service-item::before {
        width: 80%;
    }

    .thumb img {
        width: 100%;
    }

    .award-section .media-body .item-right-text {
        position: relative;
        font-size: 14px;
        padding: 0px 10px 0 10px;
    }

    .other-news .media-heading, .other-news .rating {
        margin-left: -20px;
        margin-right: -5px;
        text-align: justify;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    

    
    /*.navbar-toggle {
        display: block !important;
        margin-top: -130px;
    }*/
    .navbar-default .navbar-nav > li > a {
       
        margin-right: 5px;
        
    }

    .banner-image {
        padding: 5px 0px;
    }

    .call-to-action i {
        margin-right: 0px;
    }

    marquee {
        height: 200px;
        margin-left: 30px;
    }

    .topbar-right {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .topbar-right img {
            width: 80%;
            padding-right: 0px;
        }

    .about-section .section-padding {
        padding: 0px 0px;
    }

    .member-item {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-left: 150px;
        margin-right: 150px;
    }

    .six-member-thuimb .content-row {
        padding: 0px 0px;
    }

    .president-message {
        padding: 80px 0 85px;
    }

    .other-news .media-heading, .rating {
        margin-left: -80px;
        margin-right: -1px;
        text-align: justify;
    }

    li.img-about-details img {
        /*height: 240px;*/
        margin-left: 0px;
    }

    .information-service {
        padding-bottom: 50px;
    }

    .other-news .rating {
        margin-left: -80px;
    }

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

    .award-section .item-right-text {
        font-size: 18px;
        line-height: 28px;
    }

    .map-top-space {
        padding-top: 20px;
    }

    .two img {
        padding-bottom: 25px;
    }
    /*b2b*/
    .header-search button {
        right: 200px;
    }

    .b2b-logo-details img {
        width: 45%;
        margin-left: 0px;
    }

    .award-section .media-body .item-right-text {
        /*position: relative;*/
        font-size: 20px;
        padding: 0px 10px 0 10px;
    }
}



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

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



    marquee {
        height: 230px;
    }

    .employee img {
        padding-bottom: 0px;
    }
    /*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: -5px;
    }

    .partner-carousel-navigation .next {
        right: -5px;
    }

    .other-news .media-heading, .other-news .rating {
        margin-left: -20px;
        margin-right: -1px;
        text-align: justify;
    }
    /*about page*/
    .about-intro-section {
        background-position: center;
    }
    
  

    
    
    
}

/* Large devices (large desktops) */
@media (min-width: 1225px) {
    marquee {
        height: 340px;
    }
    
    .home_title_about_us_font_size {
    font-size: 39px;
    }
}

@media (min-width: 1367px) { 
    marquee {
        height: 490px;
    }

    .employee img {
        padding-bottom: 25px;
    }
    
 
    
     
    
}




/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 575.98px) { 
    
    
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    
    
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    
        /*Nawim Start*/  
   .mainnav {
    position: relative;
    margin-left: 1.5%;
    margin-right: auto;
    left: 0;
    right: 0;
}
/*Nawim End*/  
    }
    

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
    
        
        /*Nawim Start*/  
   .mainnav {
    position: relative;
    margin-left: 1.5%;
    margin-right: auto;
    left: 0;
    right: 0;
}
/*Nawim End*/ 
}




/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1449.98px){
    /*Nawim Start*/  
   .mainnav {
    position: relative;
    margin-left: 1.5%;
    margin-right: auto;
    left: 0;
    right: 0;
}
/*Nawim End*/  
    
}


/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1450px) and (max-width: 1599.98px){
    /*Nawim Start*/  
   .mainnav {
    position: relative;
    margin-left: 7.5%;
    margin-right: auto;
    left: 0;
    right: 0;
}
/*Nawim End*/  
    
}




/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1600px){
    /*Nawim Start*/  
   .mainnav {
    position: relative;
    margin-left: 15.5%;
    margin-right: auto;
    left: 0;
    right: 0;
}
/*Nawim End*/  
    
}