.breakrum-container{width:100%;height:0 auto;margin:auto;overflow:hidden;background-color:#f9f9f9;margin-bottom:1%;} 
.breakrum{float:left;width:90%; margin-left:5%;}
    .breakrum ul{float: left;width:100%;padding:0px;list-style:none;}
        .breakrum ul li{float:left;width:auto;}
            .breakrum ul li a{float:left;padding:0px 10px 0px 0px;font:15px Arial;}
            .breakrum ul li span{float:left;font:15px Helvetica;padding:0px 10px 0px 0px;margin-top:1px;}
.about-us-container{float:left;width:90%;height:0 auto;overflow:hidden;margin-left:5%;}
.about-content1{float:left;width:85%;height:0 auto;overflow:hidden;margin:2% 0px 0px 15%;}
    .about-content1 p{float:left;width:100%;font:13px Helvetica;color:#6C6C71;line-height:21px;margin-top:5px;text-align:justify;}

.about-content2{float:left;width:100%;height:0 auto;overflow:hidden;margin:2% 0px 2% 0%;}
.group-company-infor-about{float:left;width:68%;margin-left:4%;}
    .imgLogoFooter-about{float:left;width:26%;}
    .company-text-about{float:left;width:100%;height:0 auto;overflow:hidden;font:bold 18px Helvetica;color:#ad831a;text-transform:uppercase;margin:5px 0px 20px 0px;letter-spacing:1.5px;
                    line-height:24px;}
    .footer-text1-about{float:left;width:100%;}
        .footer-text1-about img{float:left;width:5%;}
        .footer-text1-about span{float:left;width:90%;margin:12px 0px 0px 5px;font:12px Helvetica;color:#6C6C71;}
        .footer-text1-about a{color:#6C6C71;}
        .footer-text1-about a:hover{text-decoration:underline;color:#ad831a;}
    .textagrre-about{float:left;width:85%;margin:0% 5% 0px 0%;font:15px Helvetica;color:#575757;line-height:23px;text-align:justify;}
    .imgabout01{float:left;width:100%;margin:0px 0px 0px 0px;}
    .imgabout02{float:left;width:100%;margin:20px 0px 0px 0px;}

/**********Services****************/
.list-team-service{float:left;width:100%;height:0 auto;overflow:hidden;margin:2% 0px 0px 0%;}
    .list-team-service ul{float:left;width:100%;margin:0px 0px 0px 0px;padding:0px;list-style:none;text-align:center;height:0 auto;}               
        .list-team-service ul li{width:46.5%;margin:0% 3% 3% 0px;display:inline-block;min-height:385px;border:solid 1px #e2e2e2;padding-bottom:3%;}
        .list-team-service ul li .linkImg{float:left;width:100%;overflow:hidden;}
        .list-team-service ul li .linkImg img{float:left;width:100%;transition:all .4s linear;} 
        .list-team-service ul li .linkImg:hover img{transform:scale(1.3); /* Equal to scaleX(0.7) scaleY(0.7) */} 
        .list-team-service ul li .group-text{float:left;width:70%;margin-left:15%;overflow:hidden;}
        .list-team-service ul li .group-text .title{float:left;width:100%;font:bold 18px Helvetica;color:#585C65;text-transform:uppercase;margin:15px 0px 0px 0px;text-align:left;}
        .list-team-service ul li .group-text .title:hover{color:#d49c11;}
        .list-team-service ul li .group-text .shortdes{float:left;width:100%;font:14px Helvetica;color:#585C65;text-transform:uppercase;margin:10px 0px 5px 0px;text-align:left;}
        .list-team-service ul li .group-text .des{float:left;width:100%;font:13px Helvetica;color:#585C65;margin:15px 0px 5px 0px;text-align:justify;line-height:22px;}
        .list-team-service ul li .group-text .btViewmore{float:left;width:auto;font:14px Helvetica;text-transform:uppercase;color:#585C65;margin:15px 0px 5px 0px;text-align:justify;
                                                         line-height:22px;border:solid 1px #ccc;padding:10px 35px 10px 35px;}
        .list-team-service ul li .group-text .btViewmore:hover{color:white;background-color:#c89314;}

.form-contact{float:left;width:80%;height:0 auto;overflow:hidden;margin:2% 0px 0px 10%;}
    .form-contact .contact-text1{float:left;width:100%;height:0 auto;overflow:hidden;font:16px Helvetica;color:#6C6C71;text-transform:uppercase;margin:10px 0px 0px 0px;letter-spacing:3px;text-align:center;}
    .form-contact .contact-text2{float:left;width:100%;height:0 auto;overflow:hidden;font:22px Elle-futura-bold;color:#474b54;text-transform:uppercase;margin:5px 0px 0px 0px;letter-spacing:1.5px;text-align:center;}
    .form-contact .contact-text3{float:left;width:100%;height:0 auto;overflow:hidden;font:13px Helvetica;color:#585C65;margin:5px 0px 0px 0px;text-align:center;}
    
    .form-contact ul{float:left;width:70%;margin:3% 0px 0px 15%;padding:0px;list-style:none;text-align:center;height:0 auto;}               
        .form-contact ul li{width:100%;margin:0% 0% 1% 0px;display:inline-block;}
        .form-contact ul li label{float:left;width:auto;height:0 auto;overflow:hidden;font:14px Helvetica;color:#6C6C71;margin:10px 0px 0px 0px;letter-spacing:3px;text-align:left;line-height:24px;}
        .form-contact ul li input{float:left;width:99%;height:0 auto;overflow:hidden;font:16px Helvetica;color:#6C6C71;margin:10px 0px 0px 0px;letter-spacing:3px;text-align:left;
                                  border:solid 1px #ccc;padding:15px 0px 15px 1%; }
        .form-contact ul li textarea{float:left;width:99%;height:0 auto;overflow:hidden;font:16px Helvetica;color:#6C6C71;margin:10px 0px 0px 0px;letter-spacing:3px;text-align:left;
                                  border:solid 1px #ccc;padding:15px 0px 15px 1%;min-height:120px;}
        .form-contact ul li .btViewmore{float:right;width:auto;font:16px Helvetica;text-transform:uppercase;color:#585C65;margin:15px 0px 5px 0px;text-align:justify;
                                                         line-height:22px;border:solid 1px #ccc;padding:15px 45px 15px 45px;}
        .form-contact ul li .btViewmore:hover{color:white;background-color:#c89314;}

/**********Services detail****************/
.list-detail-service{float:left;width:90%;height:0 auto;overflow:hidden;margin:5% 0px 0px 0%;}
    .list-detail-service ul{float:left;width:100%;margin:0px 0px 0px 0px;padding:0px;list-style:none;text-align:center;height:0 auto;}               
        .list-detail-service ul li{width:99%;margin:0% 0% 10% 0px;display:inline-block;min-height:385px;border:solid 1px #e2e2e2;padding-bottom:3%;}
        .list-detail-service ul li .linkImg{float:left;width:100%;overflow:hidden;}
        .list-detail-service ul li .linkImg img{float:left;width:100%;transition:all .4s linear;} 
        .list-detail-service ul li .linkImg:hover img{transform:scale(1.3); /* Equal to scaleX(0.7) scaleY(0.7) */} 
        .list-detail-service ul li .group-text{float:left;width:70%;margin-left:15%;overflow:hidden;}
        .list-detail-service ul li .group-text .title{float:left;width:100%;font:bold 18px Helvetica;color:#585C65;text-transform:uppercase;margin:15px 0px 0px 0px;text-align:left;}
        .list-detail-service ul li .group-text .title:hover{color:#d49c11;}
        .list-detail-service ul li .group-text .shortdes{float:left;width:100%;font:14px Helvetica;color:#585C65;text-transform:uppercase;margin:10px 0px 5px 0px;text-align:left;}
        .list-detail-service ul li .group-text .des{float:left;width:100%;font:13px Helvetica;color:#585C65;margin:15px 0px 5px 0px;text-align:justify;line-height:22px;}
       
      

.title-detail{float:left;width:100%;font:22px Elle-futura-bold;color:#474b54;text-transform:uppercase;text-align:center;}
.fckDefault{float:left;width:100%;font:16px Helvetica;color:#474b54;text-align:justify;line-height:22px;}
.fckDefault p{float:left;width:100%;font:16px Helvetica;color:#474b54;text-align:justify;line-height:23px;margin:10px 0px 0px 0px;}

/**********project****************/
.project-banner{float:left;width:100%;height:0 auto;overflow:hidden;margin:2% 0px 0px 0px;}
    .project-banner img{float:left;width:100%;}

.list-project-team{float:left;width:100%;height:0 auto;overflow:hidden;margin:5% 0px 0px 0%;}
    .list-project-team ul{float:left;width:100%;margin:0px 0px 0px 0px;padding:0px;list-style:none;text-align:center;height:0 auto;}               
        .list-project-team ul li{width:31.5%;margin:0% 2% 1% 0px;display:inline-block;min-height:338px;padding-bottom:1%;}
        .list-project-team ul li.end{margin-right:0px;}
        .list-project-team ul li .linkImg{float:left;width:100%;overflow:hidden;}
        .list-project-team ul li .linkImg img{float:left;width:100%;transition:all .4s linear;height:385px;} 
        .list-project-team ul li .linkImg:hover img{transform:scale(1.3); /* Equal to scaleX(0.7) scaleY(0.7) */} 
        .list-project-team ul li .group-text{float:left;width:70%;margin-left:15%;overflow:hidden;}
        .list-project-team ul li .group-text .title{float:left;width:100%;font:bold 18px Helvetica;color:#585C65;text-transform:uppercase;margin:15px 0px 0px 0px;text-align:center;}
        .list-project-team ul li .group-text .title:hover{color:#d49c11;}
        .list-project-team ul li .group-text .shortdes{float:left;width:100%;font:14px Helvetica;color:#585C65;text-transform:uppercase;margin:10px 0px 5px 0px;text-align:center;}
    .list-project-team .btviewmore{float:left;width:auto;font:16px Helvetica;text-transform:uppercase;color:#585C65;margin:15px 0px 0% 45%;text-align:justify;
                                                         line-height:22px;border:solid 1px #ccc;padding:15px 55px 15px 55px;}
        .list-project-team .btviewmore:hover{color:white;background-color:#c89314;}




/* The Modal (background) */
.modal{display:none; /* Hidden by default */position:fixed; /* Stay in place */z-index:1; /* Sit on top */padding-top:10px; /* Location of the box */
  left:0;top:0;width:100%;/* Full width */height:100%; /* Full height */ overflow:auto; /* Enable scroll if needed */background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */}
/* Modal Content (Image) */
.modal-content{margin:auto;display:block;width:65%;height:0 auto;max-width:1900px;overflow:hidden;background-color:#303033;padding-bottom:1%;position:relative;}
.content-ajax{float:left;width:100%;height:0 auto;overflow:hidden;}
/* Add Animation - Zoom in the Modal */
.modal-content{animation-name:zoom;animation-duration:0.6s;}
@keyframes zoom{from {transform:scale(0)}to {transform:scale(1)}}
/* The Close Button */
.close{float:right;width:12%;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s;}
    .close img{float:left;width:100%;}
    .close img:hover{opacity:0.7;}
.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer;}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){.modal-content {width:100%;}} 

/* Position the image container (needed to position the left and right arrows) */
.container{position:relative;}
    .caption-content{float:left;width:100%;height:65px;}
    .caption-content .popup-text1{float:left;width:95%;height:0 auto;font:11px Helvetica;color:#6C6C71;text-transform:uppercase;margin:12px 0px 0px 5%;letter-spacing:3px;}
    .caption-content .popup-text2{float:left;width:95%;height:0 auto;font:13px Elle-futura-bold;color:white;text-transform:uppercase;margin:2px 0px 0px 5%;letter-spacing:3px;}
    .caption-content .popup-text4{float:right;width:75%;height:0 auto;font:11px Helvetica;color:#6C6C71;text-transform:uppercase;margin:5px 0% 0px 0%;letter-spacing:3px;
                                   text-align:right;padding-right:2%;}
    .caption-content .popup-text3{float:right;width:75%;height:0 auto;font:13px Elle-futura-bold;color:white;text-transform:uppercase;margin:4px 0% 0px 0%;letter-spacing:3px;
                                   text-align:right;padding:0px 2% 4px 0px;border-bottom:solid 1px #ccc;}

/* Hide the images by default */
.mySlides{display:none;}
/* Add a pointer when hovering over the thumbnail images */
.cursor{cursor:pointer;}
/* Next & previous buttons */
.prev,.next{cursor:pointer;position:absolute;top:45%;width:auto;padding:16px;margin-top:-50px;color:white;font-weight:bold;font-size:20px;
  border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;}
/* Position the "next button" to the right */
.next{right:0;border-radius:3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,.next:hover{background-color:rgba(0, 0, 0, 0.8);}
/* Number text (1/3 etc) */
.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0;}
/* Container for image text */
.caption-container{text-align:center;background-color:#222;padding:2px 16px;color:white;}
.caption-container1{float:left;width:90%;text-align:justify;padding:2% 0% 2% 5%;color:white;font:11px Helvetica;color:#6C6C71;letter-spacing:1px;color:white;line-height:20px;}
.row-thumb{float:left;width:100%;padding-left:4px;border-top:solid 1px black;border-bottom:solid 1px black;}
.row-thumb:after{content:"";display:table;clear:both;}
/* Six columns side by side */
.column{float:left;width:16.3%;border:solid 1px #585858;}
.column img{min-height: 136px;max-height:136px; object-fit: cover;}
/* Add a transparency effect for thumnbail images */
.demo{opacity:0.6;}
.active,.demo:hover{opacity:1;}

/**********library****************/
.list-library-team{float:left;width:100%;height:0 auto;overflow:hidden;margin:5% 0px 0px 0%;}
    .list-library-team ul{float:left;width:100%;margin:0px 0px 0px 0px;padding:0px;list-style:none;text-align:center;height:0 auto;}               
        .list-library-team ul li{width:31.5%;margin:0% 2% 1% 0px;display:inline-block;min-height:338px;padding-bottom:1%;position:relative;}
        .list-library-team ul li.end{margin-right:0px;}
        .list-library-team ul li .linkImg{float:left;width:100%;overflow:hidden;}        
        .list-library-team ul li .linkImg img{float:left;width:100%;transition:all .4s linear;} 
        .list-library-team ul li .linkImg:hover img{transform:scale(1.3); /* Equal to scaleX(0.7) scaleY(0.7) */} 
        .list-library-team ul li .icon-play{float:left;width:13%;position:absolute;top:37%;left:45%;}
        .list-library-team ul li .icon-play img{float:left;width:100%;}


        .list-library-team ul li .group-text{float:left;width:70%;margin-left:15%;overflow:hidden;}
        .list-library-team ul li .group-text .title{float:left;width:100%;font:bold 18px Helvetica;color:#585C65;text-transform:uppercase;margin:15px 0px 0px 0px;text-align:center;}
        .list-library-team ul li .group-text .title:hover{color:#d49c11;}
        .list-library-team ul li .group-text .shortdes{float:left;width:100%;font:14px Helvetica;color:#585C65;text-transform:uppercase;margin:10px 0px 5px 0px;text-align:center;}
    .list-library-team .btviewmore{float:left;width:auto;font:16px Helvetica;text-transform:uppercase;color:#585C65;margin:15px 0px 0% 45%;text-align:justify;
                                                         line-height:22px;border:solid 1px #ccc;padding:15px 55px 15px 55px;}
    .list-library-team .btviewmore:hover{color:white;background-color:#c89314;}

/**********popup library****************/
/* The Modal (background) */
.modalLibrary{display:none; /* Hidden by default */position:fixed; /* Stay in place */z-index:1; /* Sit on top */padding-top:2%; /* Location of the box */
  left:0;top:0;width:100%;/* Full width */height:100%; /* Full height */ overflow:auto; /* Enable scroll if needed */background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */}
.closeLibrary{width:9%;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s;position:absolute;right:5%;top:3%;}
    .closeLibrary img{float:left;width:100%;cursor:pointer;}
    .closeLibrary img:hover{opacity:0.7}
.modal-content-library{margin:auto;display:block;width:80%;height:0 auto;max-width:1900px;overflow:hidden;background-color:#303033;padding-bottom:0%;position:relative;}
.library-content{float:left;width:100%;height:0 auto;overflow:hidden;background-image: linear-gradient(180deg, #002951 10px, rgba(255,255,255,0) 100%);}
    .library-content img{float:left;width:100%;}
.caption-lirary{width:50%;transition:0.3s;position:absolute;left:5%;top:3%;}
    .lirary-text1{float:left;width:100%;height:0 auto;overflow:hidden;font:14px Helvetica;color:white;text-transform:uppercase;margin:10px 0px 0px 0px;letter-spacing:3px;}
    .lirary-text2{float:left;width:100%;height:0 auto;overflow:hidden;font:21px Elle-futura-bold;color:white;text-transform:uppercase;margin:5px 0px 0px 0px;letter-spacing:1.5px;}
    .lirary-text3{float:left;width:100%;height:0 auto;overflow:hidden;font:17px Elle-futura-bold;color:#7b7b7b;text-transform:uppercase;margin:10px 0px 0px 0px;letter-spacing:3px;}
    .lirary-text4{float:left;width:50%;height:0 auto;overflow:hidden;font:13px Helvetica;color:#7b7b7b;text-transform:uppercase;margin:5px 0px 0px 0px;letter-spacing:1.5px;}
    .lirary-text5{float:right;width:40%;height:0 auto;overflow:hidden;font:13px Helvetica;color:#d49c10;text-transform:uppercase;margin:5px 0px 0px 0px;letter-spacing:1.5px;
                    text-align:right;}
.description-lirary{width:100%;transition:0.3s;position:absolute;left:0%;bottom:0%;}
    .description{float:left;width:80%;font:13px Helvetica;line-height:normal;color:white;margin:15px 0px 5px 0px;text-align:justify;line-height:22px;border-bottom:solid 1px #606060;
                 padding:0px 10% 1% 10%;}
    .description-bottom{float:left;width:80%;margin:0px 0px 5px 0px;padding:0px 10% 1% 10%;}
.iframevideo{float:left;width:70%;height:450px;padding:5% 0% 12% 17%;}


/**********Blog****************/
.list-team-blog{float:left;width:100%;height:0 auto;overflow:hidden;margin: 2% 0px 0px 0%;}
    .list-team-blog ul{float:left;width:100%;margin:0px 0px 0px 0px;padding:0px;list-style:none;text-align:center;height:0 auto;}               
        .list-team-blog ul li{float:left;width:47.7%;margin:0% 3% 3% 0px;display:inline-block;min-height:385px;border:solid 1px #e2e2e2;padding-bottom:3%;}
        .list-team-blog ul li.end{margin-right:0px;}
        .list-team-blog ul li .linkImg{float:left;width:100%;overflow:hidden;}
        .list-team-blog ul li .linkImg img{float:left;width:100%;transition:all .4s linear;} 
        .list-team-blog ul li .linkImg:hover img{transform:scale(1.3); /* Equal to scaleX(0.7) scaleY(0.7) */} 
        .list-team-blog ul li .group-text{float:left;width:70%;margin-left:15%;overflow:hidden;}
        .list-team-blog ul li .group-text .title{float:left;width:100%;font:bold 18px Helvetica;color:#585C65;text-transform:uppercase;margin:15px 0px 0px 0px;text-align:left;height:40px;}
        .list-team-blog ul li .group-text .title:hover{color:#d49c11;}
        .list-team-blog ul li .group-text .shortdes{float:left;width:100%;font:14px Helvetica;color:#585C65;text-transform:uppercase;margin:10px 0px 5px 0px;text-align:left;}
        .list-team-blog ul li .group-text .des{float:left;width:100%;font:13px Helvetica;color:#585C65;margin:15px 0px 5px 0px;text-align:justify;line-height:22px;min-height:110px;}
        .list-team-blog ul li .group-text .btViewmore{float:left;width:auto;font:14px Helvetica;text-transform:uppercase;color:#585C65;margin:15px 0px 5px 0px;text-align:justify;
                                                         line-height:22px;border:solid 1px #ccc;padding:10px 35px 10px 35px;}
        .list-team-blog ul li .group-text .btViewmore:hover{color:white;background-color:#c89314;}
        
        .list-team-blog .linkviewmore{float:left;width:auto;font:14px Helvetica;text-transform:uppercase;color:#585C65;margin:15px 0px 5px 45%;text-align:justify;
                                                         line-height:22px;border:solid 1px #ccc;padding:10px 35px 10px 35px;}
        .list-team-blog .linkviewmore:hover{color:white;background-color:#c89314;}

.news-athor{float:right;width:90%;text-align:right;font:16px Helvetica;color:#474b54;font-style:italic;margin-top:2%;padding-right:5px;}

/**********about us****************/


/**********Contact***************/
.contact-margin{margin-top:-1%;}
.form-contact ul.contact-ulmargin{margin-top:-1%;}
.warning{float:left;width:auto;font:20px  Elle-futura-bold;color:Red;margin:5px 5px 0px 5px;height:auto;}
.warnning{float:left;width:100%;color:red;margin-top:5px;font:14px Helvetica;width:auto;letter-spacing: 3px;}





@media (min-width: 1821px) {
}
@media (min-width: 1440px) and (max-width: 1820px) 
{
    
}               
@media (min-width: 1024px) and (max-width: 1440px) 
{   
}        
@media (min-width: 768px) and (max-width: 1023px) 
{
    .about-content2{margin-top:0px;}
    .about-content1{width:100%;margin:0%;}
    .imgLogoFooter-about{width:30%;margin-left:35%;}
    .company-text-about{text-align:center;}
    .group-company-infor-about{width:100%;margin:0px;}
    .footer-text1-about span{margin-top:2px;}
    .footer-text1-about{margin-bottom:5px;}
    .column30{width:100%;}
    .textagrre-about{width:100%;margin:0px;}
    .column70{width:100%;}
     .menuphone{/*display:none;*/}

    /*==================Services==================*/
    .list-team-service ul li{width:100%;}
    .list-team-service ul li .group-text{width:90%;margin-left:5%;}
    .form-contact{width:100%;margin:2% 0px 0px 0px;}
    .form-contact ul{width:100%;margin:3% 0px 0px 0px;}
    .form-contact ul li{width:98%;}
    .list-detail-service{width:100%;}
    .list-detail-service ul li .group-text{width:90%;margin-left:5%;}
    /*==================Projects==================*/
    .about-us-container{width:94%;margin-left:3%;}
    .caption-content{height:110px;}
    .list-project-team ul li{width:100%;}
        .list-library-team ul li{width:100%;}
    .row-thumb{display:none;}
    .prev, .next{margin-top:40px;}
    .close{width:15%;margin-right:10px;}
    /*==================librarys==================*/
    .modal {
        padding-top: 40px;
    }
    .modal-content-library{width:100%;}
    .modalLibrary{padding-top:40px;}
    .iframevideo{height:240px;padding: 25% 0% 0% 0%;width:100%;}
    .description{padding: 0px 4% 1% 4%;width:92%;}
    .description-bottom{padding: 0px 4% 1% 4%;width:92%;}
    .lirary-text3{width:100%;}
    .lirary-text4{width:100%;}
    .lirary-text5{width:100%;}
    .caption-lirary{top:1%;}
    .closeLibrary{top:1%;right:13%;}
        .closeLibrary img{width:200%;}
    .description-lirary{position:relative;}
    /*.modal-content-library{min-height:600px;}*/
    /*==================Blogs==================*/
    .list-team-blog ul li {
        width: 99%;
    }
    .list-team-blog ul li .group-text{width:96%;margin-left:2%;}
    /* =========== bottom =============*/
   
}
@media (min-width: 480px) and (max-width: 767px) 
{
    .about-content2{margin-top:0px;}
    .about-content1{width:100%;margin:0%;}
    .imgLogoFooter-about{width:30%;margin-left:35%;}
    .company-text-about{text-align:center;}
    .group-company-infor-about{width:100%;margin:0px;}
    .footer-text1-about span{margin-top:2px;}
    .footer-text1-about{margin-bottom:5px;}
    .column30{width:100%;}
    .textagrre-about{width:100%;margin:0px;}
    .column70{width:100%;}
     .menuphone{display:none;}

    /*==================Services==================*/
    .list-team-service ul li{width:100%;}
    .list-team-service ul li .group-text{width:90%;margin-left:5%;}
    .form-contact{width:100%;margin:2% 0px 0px 0px;}
    .form-contact ul{width:100%;margin:3% 0px 0px 0px;}
    .form-contact ul li{width:98%;}
    .list-detail-service{width:100%;}
    .list-detail-service ul li .group-text{width:90%;margin-left:5%;}
    /*==================Projects==================*/
    .about-us-container{width:94%;margin-left:3%;}
    .caption-content{height:110px;}
    .list-project-team ul li{width:100%;}
        .list-library-team ul li{width:100%;}
    .row-thumb{display:none;}
    .prev, .next{margin-top:40px;}
    .close{width:15%;margin-right:10px;}
    /*==================librarys==================*/
    .modal {
        padding-top: 40px;
    }
    .modal-content-library{width:100%;}
    .modalLibrary{padding-top:40px;}
    .iframevideo{height:240px;padding: 25% 0% 0% 0%;width:100%;}
    .description{padding: 0px 4% 1% 4%;width:92%;}
    .description-bottom{padding: 0px 4% 1% 4%;width:92%;}
    .lirary-text3{width:100%;}
    .lirary-text4{width:100%;}
    .lirary-text5{width:100%;}
    .caption-lirary{top:1%;}
    .closeLibrary{top:1%;right:13%;}
        .closeLibrary img{width:200%;}
    .description-lirary{position:relative;}
    /*.modal-content-library{min-height:600px;}*/
    /*==================Blogs==================*/
    .list-team-blog ul li {
        width: 99%;
    }
    .list-team-blog ul li .group-text{width:96%;margin-left:2%;}
    /* =========== bottom =============*/
   
}
@media (min-width: 401px) and (max-width: 479px) 
{
    .about-content2{margin-top:0px;}
    .about-content1{width:100%;margin:0%;}
    .imgLogoFooter-about{width:30%;margin-left:35%;}
    .company-text-about{text-align:center;}
    .group-company-infor-about{width:100%;margin:0px;}
    .footer-text1-about span{margin-top:2px;}
    .footer-text1-about{margin-bottom:5px;}
    .column30{width:100%;}
    .textagrre-about{width:100%;margin:0px;}
    .column70{width:100%;}
     .menuphone{display:none;}

    /*==================Services==================*/
    .list-team-service ul li{width:100%;}
    .list-team-service ul li .group-text{width:90%;margin-left:5%;}
    .form-contact{width:100%;margin:2% 0px 0px 0px;}
    .form-contact ul{width:100%;margin:3% 0px 0px 0px;}
    .form-contact ul li{width:98%;}
    .list-detail-service{width:94%;margin-left:3%;}
    .list-detail-service ul li .group-text{width:90%;margin-left:5%;}
    /*==================Projects==================*/
    .about-us-container{width:94%;margin-left:3%;}
    .caption-content{height:110px;}
    .list-project-team ul li{width:100%;}
        .list-library-team ul li{width:100%;}
    .row-thumb{display:none;}
    .prev, .next{margin-top:40px;}
    .close{width:15%;margin-right:10px;}
    /*==================librarys==================*/
    .modal {
        padding-top: 40px;
    }
    .modal-content-library{width:100%;}
    .modalLibrary{padding-top:40px;}
    .iframevideo{height:240px;padding: 25% 0% 0% 0%;width:100%;}
    .description{padding: 0px 4% 1% 4%;width:92%;}
    .description-bottom{padding: 0px 4% 1% 4%;width:92%;}
    .lirary-text3{width:100%;}
    .lirary-text4{width:100%;}
    .lirary-text5{width:100%;}
    .caption-lirary{top:1%;}
    .closeLibrary{top:1%;right:13%;}
        .closeLibrary img{width:200%;}
    .description-lirary{position:relative;}
    /*.modal-content-library{min-height:600px;}*/
    /*==================Blogs==================*/
    .list-team-blog ul li {
        width: 99%;
    }
    .list-team-blog ul li .group-text{width:96%;margin-left:2%;}
    /* =========== bottom =============*/
}
@media (max-width: 400px) 
{
    .about-content2{margin-top:0px;}
    .about-content1{width:100%;margin:0%;}
    .imgLogoFooter-about{width:30%;margin-left:35%;}
    .company-text-about{text-align:center;}
    .group-company-infor-about{width:100%;margin:0px;}
    .footer-text1-about span{margin-top:2px;}
    .footer-text1-about{margin-bottom:5px;}
    .column30{width:100%;}
    .textagrre-about{width:100%;margin:0px;}
    .column70{width:100%;}
     .menuphone{display:none;}

    /*==================Services==================*/
    .list-team-service ul li{width:100%;}
    .list-team-service ul li .group-text{width:90%;margin-left:5%;}
    .form-contact{width:100%;margin:2% 0px 0px 0px;}
    .form-contact ul{width:100%;margin:3% 0px 0px 0px;}
    .form-contact ul li{width:98%;}
    .list-detail-service{width:94%;margin-left:3%;}
    .list-detail-service ul li .group-text{width:90%;margin-left:5%;}
    /*==================Projects==================*/
    .about-us-container{width:94%;margin-left:3%;}
    .caption-content{height:110px;}
    .list-project-team ul li{width:100%;}
        .list-library-team ul li{width:100%;}
    .row-thumb{display:none;}
    .prev, .next{margin-top:40px;}
    .close{width:15%;margin-right:10px;}
    /*==================librarys==================*/
    .modal {
        padding-top: 40px;
    }
    .modal-content-library{width:100%;}
    .modalLibrary{padding-top:40px;}
    .iframevideo{height:240px;padding: 25% 0% 0% 0%;width:100%;}
    .description{padding: 0px 4% 1% 4%;width:92%;}
    .description-bottom{padding: 0px 4% 1% 4%;width:92%;}
    .lirary-text3{width:100%;}
    .lirary-text4{width:100%;}
    .lirary-text5{width:100%;}
    .caption-lirary{top:1%;}
    .closeLibrary{top:1%;right:13%;}
        .closeLibrary img{width:200%;}
    .description-lirary{position:relative;}
    /*.modal-content-library{min-height:600px;}*/
    /*==================Blogs==================*/
    .list-team-blog ul li {
        width: 99%;
    }
    .list-team-blog ul li .group-text{width:96%;margin-left:2%;}
    /* =========== bottom =============*/
   
    
}