/*responesive cho desktop mình dùng @media min width*/
/* css responsive cho giao diện desktop */


/*************** responsive 1024px to 1280px *************/
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    #banner{
            width: 126% !important; 
			margin-left: -17% !important;
    }
  .about-company-section, .blog-section{
        margin-left:-24px !important;
    } 
    .cover-about-company-section
    {
        margin-left:6%;
    }
	.carousel-inner {
		width: 288% !important;
	}
	

	 .first-section-box {
		width: 35% !important;
		margin-left: 32px !important;
	}

.first-section-box iframe {
    width: 100%;
   }	
	.csslc {
    margin-left: 10px !important;
   }
   
   .ytp-thumbnail-overlay-image {
	   display: none;
   }
	
    #ContentPlaceHolder1_firstsection {
        width: 40.7% !important;
		margin-left: -31px !important;
    }
   #ContentPlaceHolder1_lastsection{
        margin-left:19px !important;
    } 
	
    .container .our_clients_1{
            background: #eee;
 /*   width: 265% !important;
    margin-left: -150px !important;*/
    margin-top: 0px;
    }
	
    .line-bottom {
      width: 98% !important;
    margin-left: -3.7%;
}
    #ContentPlaceHolder1_ourclients{
        margin-left:205px !important;
    }
   .row.about-css
    {
    background-color: rgba(0, 0, 0, 0.76);
    width: 137% !important;
    margin-left: -203px !important;
    color: white;
    margin-top: 16px;
    height: 70px;
    }

 .show{
     margin-left:38% !important;
 }
 .about-section-title strong {
	 margin-left: 48px !important;
 }
 .our-founder-wrapperus {
	    width: 293% !important;
    margin-left: 53px;
 }
}

/**************** 1280px *********************/
@media only screen and (min-width: 1280px) and (max-width: 1365px) {
	.foot-carousel-control {
		display: none !important;
	}  
  h1 {
        font-size: 13px;
    }
	
	.container {
		width: 100%
		padding: 0;
	}
    #banner{
            width: 112% !important; 
			margin-left: -6% !important;
    }
    .about-company-section {
        margin-left: 60px !important;
    }
	
	 .first-section-box {
		width: 44.5% !important;
		margin-left: -66px !important;
	}
	
	#ContentPlaceHolder1_ourclients{
        margin-left:76px !important;
    }
	 #ContentPlaceHolder1_firstsection {
          width: 44.5% !important;
		  margin-left: -154px !important;
    }
   #ContentPlaceHolder1_lastsection{
        margin-left:19px !important;
    } 
	.container-fluid {
		maargin-left: -3% !important;
	}
	.container .our_clients_1 {
		   /* width: 120.4% !important;
			margin-left: -150px !important;*/
	}
	.container .ours-founders {
		margin-left: -5%;
	}
    .row.agency-box-mobile {
        display: none;
    }

    .row.agency-box {
        margin-left:-10px;
        display: block;
    }
}


/*************** responsive 1366px *************/
@media only screen and (min-width: 1366px) {
    h1 {
        font-size: 14px;
    }
	.foot-carousel-control {
		display: none !important;
	}
}

/*************** responsive 1440px *************/
@media only screen and (min-width: 1440px) {
    #banner{
            width: 132% !important; 
			margin-left: -17% !important;
    }
    .about-company-section, .blog-section{
        margin-left:-61px !important;
    }
    .cover-about-company-section
    {
        margin-left:6%;
    }
    #ContentPlaceHolder1_firstsection{
        width:47.7% !important;
    }
    #ContentPlaceHolder1_lastsection{
        margin-left:19px !important;
    }
    .container .our_clients_1{
        background: #eee;
		/*width: 127% !important;
    	margin-left: -150px !important;*/
   		margin-top: 0px;
    }

    #ContentPlaceHolder1_ourclients{
        margin-left:147px !important;
		width: 35.4% !important;
    }

 .show{
     margin-left:38% !important;
 }
 .btn-showmore {
 	margin-left: 83% !important;
	margin-top: 24% !important;
 }
}

/*************** responsive 1448px *************/
@media only screen and (min-width: 1500px) {
/*  .container-fluid #dv_menu2 .container{
		margin-left: 146px;
  }  */
      #banner{
            width: 132% !important; 
			margin-left: -17% !important;
    }
	.container .our_clients_1 {
		/*width: 134% !important;
		margin-left: -152px !important;*/
	}
 h1 {
        font-size: 15px;
    }
}

/*************** responsive 1600px *************/
    @media only screen and (min-width: 1600px) {
/*	.container-fluid #dv_menu2 .container {
		margin-left: 212px !important;
	} */
 #banner{
          width: 139% !important;
    margin-left: -11% !important;
    }
    .about-company-section, .blog-section{
        margin-left:77px !important;
    }
    .cover-about-company-section
    {
        margin-left:-6.5%;
    }
    #ContentPlaceHolder1_firstsection{
        width:42.5% !important;
    }
    #ContentPlaceHolder1_lastsection{
       margin-left: -1px !important;
    width: 20% !important;
    }
    .container .our_clients_1{
         background: #eee;
   		/* width: 142% !important;
		 margin-left: -227px !important;*/
   		 margin-top: 0px;
   		/* padding-left:8%;*/
    }
    #ContentPlaceHolder1_ourclients{
        margin-left: 147px !important;
    	width: 33.4% !important;
    }

 .show{
     margin-left:42% !important;
 }
 .btn-showmore {
 	margin-left: 73% !important;
	margin-top: 22% !important;
 }
}

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

   #banner{
        width: 154.3% !important;
    	margin-left: -19.4% !important;
    }
    .about-company-section, .blog-section{
        margin-left:77px !important;
    }
/*    .bottom .container .row {
    margin-left: 226px;
}*/
    .cover-about-company-section
    {
        margin-left:-6.5%;
    }
    #ContentPlaceHolder1_firstsection{
        width:42.5% !important;
    }
    #ContentPlaceHolder1_lastsection{
       margin-left: -1px !important;
    width: 20% !important;
    }
    .container .our_clients_1{
            background: #eee;
   			/*width: 157% !important;
    		margin-left: -321px !important;*/
    		margin-top: 0px;
    		/*padding-left: 9%;*/
    }
    #ContentPlaceHolder1_ourclients{
            width: 30.3% !important;
   			 margin-left: 230px !important;
    }
/*    .towtext{
            margin-left: 5% !important;
   		 width: 105% !important;
    }*/
 .show{
     margin-left:42% !important;
 }
}

@media only screen and (min-width: 1800px) {
   #banner{
        width: 156.3% !important;
    }

}	

@media only screen and (min-width: 1920px) {
     #banner{
          width: 174% !important;
   		 margin-left: -29.5% !important;
    }
    .about-company-section, .blog-section{
           margin-left: 37px !important;
    }
  .towtext .show {
    margin-left: 37% !important;
}
    .cover-about-company-section
    {
          margin-left: -2.8%;
    }
    #ContentPlaceHolder1_firstsection{
       width: 43.5% !important;
    }
    #ContentPlaceHolder1_lastsection{
       margin-left: -1px !important;
    width: 22% !important;
    }
    .container .our_clients_1{
        background: #eee;
   	 /*	width: 177% !important;
    	margin-left: -396px !important;*/
    	margin-top: 0px;
    	/*padding-left: 9%;*/
    }
    #ContentPlaceHolder1_ourclients{
        width: 26.5% !important;
    	margin-left: 305px !important;
    }
    .towtext{
            margin-left: -9% !important;
    width: 151% !important;
    }
/*   .row.about-css
    {
               background-color: rgba(0, 0, 0, 0.76);
    width: 214% !important;
    margin-left: -228px !important;
    color: white;
    margin-top: 16px;
    height: 70px;
    }*/
 .show{
     margin-left:42% !important;
 }
 .btn-showmore {
 	margin-left: 75% !important;
 }
	  .line-bottom {
	 margin-left: 20% !important; 
	 width: 38.3% !important;	 
  }
  	.row.about-css1 .pull-left {
		margin-left: 36.2% !important;
	}
    .row.about-css1 .pull-right {
        margin-right: -17.2% !important;
    }

	.row.about-css .pull-left {
        margin-left: 19.8% !important;
}
    .row.about-css .pull-right {
        margin-right: 45.1% !important;
	}


}
/*ket thuc  css responsive cho giao diện desktop */
 /* .about-css */
    /* { */
            /* margin-left: -19px!important; */
    /* } */
 .container.towtext
 {
         margin-top: -19px;
 }


.line-mobile {
    display: none;
}
.line-mobile-our-mobile
{
    display:none;
}
.slider-mobile
{
    display:none;
}
.display_mobile {
    display: block;
}
/*css responsive cho giao diện mobile*/

/*màn hình cỡ ipad*/

/**************** 760px to 768 px ***************************/
@media only screen and (min-width: 760px) and (max-width: 768px) {
.our-team-wrapper h3 {
	display: none;
}
.our-team-wrapper {
	display: none;
}

.carousel-inner {
	width: 112%;
	display: block;
}
.agency-wrapper {
	    width: 197% !important;
}
#ContentPlaceHolder1_whoweare {
	margin-left: 10px !important;
}
.agency-wrapper h4 {
	margin-left: -75% !important;
}
.icon-footer {
	margin-left: 190px !important;
}
}

/**************** 768 px ***************************/
@media only screen and (max-width: 768px) {
	
   .display_mobile {
        display: none;
    }
    .slider-mobile
    {
        display:block;
    }
   .agency-wrapper
   {
       overflow: hidden;
           margin-left: -14px;
               width: 109%;
   }
   .row.agency-box-mobile {
        
        width:200%;
    }

    .container.bodycontainer
    {
        width:100%;
    }
    .col-md-6.first-section-box h4 {
        text-align: left;
        padding-left: 5px;
    }
     .line-mobile {
        border-top: 1px solid #ccc;
       display:block;
        margin: 17px 0px;
    }
     .line-mobile-our-mobile
     {
          border-top: 1px solid #ccc;
       display:none;
           margin: -20px 0px 18px 0px;
     }
     .last-section-box ul li
     {
             margin-left: 8px;
     }
    .col-md-3.second-section-box
    {
            margin-left: 8px;
    }
    .cover-about-company-section .col-md-6.first-section-box h4
    {
        text-align: left;
    margin-left: 6px;
    }
    #banner {
        margin-top: 66px;
    }

    .first-section-box {
        padding: 0px;
    }

        .first-section-box img {
            height: auto;
            width: 100%;
        }

    .row.agency-box-mobile img {
        float: left;
        margin-left: 13px;
    }

    .cover-about-company-section.col-md-6.first-section-box ul li {
        text-align: justify;
        padding: 0px 4px;
    }

    
    .row.agency-box {
        display: none;
    }

    .col-md-6.first-section-box ul li {
        width: 100%;
        text-align: center;
    }

    .agency-wrapper h4 {
        text-align: center;
    }

    .showmenucon1, .showmenucon2 {
        display: none;
    }

    .container {
        width: 750px;
    }

    .about-company-section, .blog-section {
        margin-bottom: 0px;
        margin-top: 0px;
        padding: 0px;
    }
    .about-company-section
    {
        width:100%;
    }
    .container.bodycontainer {
        margin: 0px !important;
        padding: 0px;
    }

    #banner img {
    }
     .our-founder-wrapper
     {
         border:0px;
             margin: 0 16px -8px 16px;
     }
    .col-md-3.last-section-box h4
    {
        margin-left: -7px;
    }
     .col-md-12.first-section-box h4
     {
         margin-left:-4px;
     }
    .col-md-12.first-section-box ul li
    {
            margin-left: 12px;
    }
     .col-md-6.first-section-box ul li
     {
             text-align: left;
    list-style-position: inside;
    padding: 0px 6px;
    text-indent: -13px;
    margin-left: 18px;
     }
     .slide_img
     {
         width:100%;
     }
     .our-team-wrapper h3
     {
             margin-top: -28px;
                 margin-top: 7px;
     }
     .our_clients {
    background: #f1efef;
}
     .our_team
     {
         width:100%;
          padding:0px;
     }
     .ours-founders
     {
         width:100%;
     }
     .first-section-box
     {
         border:0px;
     }
     .our-team-box img
     {
             margin: 6px 57px;
     }
      #ContentPlaceHolder1_whoweare ul li {
        width: 100%;
        padding: 0px 11px;
        text-align: center;
        list-style:none;
        text-indent:0px;
        margin-left:0px;
    }
       .row.our-team-box
    {
        width:209%;
    }
    .overflow-our-team-box
    {
        overflow:hidden;
    }
     .item
    {
        border:0px;
    }
    .left.carousel-control
    {
        width: 30px;
    height: 30px;
    left:-16px;
    background: #272626;
    }
    .right.carousel-control
    {
        width: 30px;
    height: 30px;
    background:#272626;
        right: -16px;
    }
    .carousel-control
    {
            top: 152px;
    }
    .col-md-6.col-sm-4.slide_img .item img
    {
            width: 82%;
           
    margin-left: 30px;
    }
    .carousel-control .glyphicon-chevron-left
    {
            left: -130%;
    }
    .carousel-control .glyphicon-chevron-right
    {
        right:-100%;
    }
    .marquee0
    {
        margin-bottom:6px;
        height:136px;
    }
    .marquee0 img
    {
        width:200px;
        margin-left:10px;
    }
    .marquee1
    {
        height:136px;
    }
    .marquee1 img
    {
        width:200px;
        margin-left:10px;
    }
     .imgbox{
        display:none;
    }
    #title2{
        display:none;
    }
    #button2{
        display:none;
    }
}
/*màn hình cỡ iphone 6 ngang*/
@media only screen and (max-width: 736px) {
     .linedektop{
        display:none;
    }
       .ours-founders h4{
           text-align: center;
    font-family: roboto-medium;
    font-size: 18px;
    color: #3f3f3f;
    font-weight: bold;
    }
      .ours-founders p{
             text-align: center;
    font-family: roboto-medium;
    font-size: 13px;
    color: #3f3f3f;
    margin-left: 6px;

      }
        .left.carousel-control{
        margin-top:0px;
    }
              .right.carousel-control{
        margin-top:0px;
    }

    .about-section-title {
        text-align:center;
    margin-top: 27px;
}
    .cover-about-company-section .col-md-6.first-section-box h4{

        margin-left:-7px;
    }
    #ContentPlaceHolder1_firstsection h4{
        text-align:left;
    }
    .our-founder-wrapper, .agency-wrapper h4{
        margin-bottom: 15px;
        margin-left: 11px;
    border: 0px;
        text-align: left;
    }
    .first-section-box p{
             margin-left: 3px;
    width: 98.4%;
    font-family: roboto-medium;
    color: #888888;
    }
    iframe{           margin-top: 4px;
    margin-left: -9px;
    width: 737px;
    }
    .csslc
    {
            margin-left: -4px;
    width: 106%;
    }
    .cover-about-company-section .col-md-6.first-section-box ul li span{
            margin-left: -12px;
    }

    .first-section-box{
        margin-top:16px;
        margin-left:6px;
    }
    .listPropertybox {
        display: none;
    }
    .agency-wrapper
   {
        margin-top:-10px;
       overflow: hidden;
   }
   .row.agency-box-mobile {
        
        width:200%;
    }
     #banner {
           margin-top: 85px;
    width: 100%;
    }

    .our-team-box img {
        width: 100%;
        height: auto;
        margin: 6px 40px;
    }

    .suff-top {
           top: -36px;
  
    }

        .suff-top i {
            top: 1px;
        }

    .title-footer {
        margin-top: 0px;
        padding-top: 13px;
        margin-bottom: -15px;
    }

    .our-team-wrapper h3 {
        margin-top: 1px;
            margin-top: 7px;
    }

    .our-team-box-img {
        width: 150px;
        height: 110px;
        margin-left: 13px;
        float: left;
    }

    .about-company-section {
         width: 100%;
    margin-left: 0px;
    }

    .row.agency-box-mobile img {
        width: 100%;
    }

    .line-mobile {
        border-top: 1px solid #ccc;
       display:block;
        margin: 17px 0px;
    }
     .line-mobile-our-mobile
     {
          border-top: 1px solid #ccc;
       display:none;
           margin: -20px 0px 18px 0px;
     }
    #ContentPlaceHolder1_firstsection h4 {
        text-align: left;
    }

    .cover-about-company-section .col-md-6.first-section-box ul li {
        list-style-position: inside;
        width: 111.6%;
        padding: 0px 7px 0px 17px;
        text-align: left;
        margin-left: -21px;
        /* line-height: 10px; */
        text-indent: -14px;
    }

    .second-section-box ul li {
        margin-left: 10px;
    }

    .last-section-box h4 {
        margin-left: -8px;
    }

    p {
    margin-left: 15px;
}

    .our_clients_1 {
        margin-top: 7px;
        padding: 0px 8px;
        width: 100%;
        margin-left: 0px;
    }

    .ours-founders {
           margin-top: -17px;
    padding: 0px;
    width: 92.2%;
    margin-left: 16px;
    }

    .our_team {
        margin-top: -17px;
        width: 100%;
        margin-left: 0px;
         padding:0px;
         display:none;
    }
    .our_clients_1 h4
    {
    margin-left: -4px;
    }
    .container.our_clients_1 .first-section-box ul li {
        width:108%;
        margin-left: -10px;
    }
    .last-section-box ul li
    {
        width:103%;
          margin-left: -10px;
    padding-right: 10px;
    }
    .col-md-12.first-section-box h4 {
    margin-left: -11px;
}
    .last-section-box ul li span {
    margin-left: -15px;
}
    .col-md-3.last-section-box {
     width: 97%;
    padding: 0px 2px;
    margin-left: 13px;
    border: 0px;
    margin-top: 0px;
    }
   
    
    .col-md-3.second-section-box {
        padding: 0px 2px;
    }
    .col-md-3.second-section-box span
    {
        margin-left:-14px;
    }
    .col-md-6.first-section-box h4 {
        text-align: left;
        padding-left:2px;
    }
    .second-section-box ul
    {
        margin-left: 0px;
    }

     #ContentPlaceHolder1_whoweare ul li {
        width: 100%;
        padding: 0px 11px;
        text-align: center;
        list-style:none;
        text-indent:0px;
        margin-left:0px;
    }
   

    .foot-carousel-control {
        display: none;
    }
    .our-founder-wrapper p
    {
        padding:0px;
    }
   
    .our_clients {
            margin-top: 5px;
    background: #f1efef;
}
    .our_clients_1 {
    margin-top: 1px;
    padding: 0px 8px;
    width: 100%;
    margin-left: 0px;
}
    .slide_img {
    margin-top: 6px;
    width: 100%;
}
    #ContentPlaceHolder1_firstsection
    {
        padding:0px 5px;
    }
    #ContentPlaceHolder1_ourclients
    {
               margin-left: 4.7px;
    padding: 0px 5px;
    }
     .our-founder-wrapper,.agency-wrapper h4
     {
         border:0px;

     }
      .our-founder-wrapper
      {
              margin: 0 16px -8px 16px;
      }
     .col-md-6.first-section-box h4,.second-section-box h4,.first-section-box h4,.last-section-box h4,.about-section-title strong
     {
         color:#4f4f4f!important;
     }
      .row.our-team-box
    {
        width:200%;
    }
    .overflow-our-team-box
    {
        overflow:hidden;
    }
     .item
    {
        border:0px;
    }
    .left.carousel-control
    {
        width: 30px;
    height: 30px;
    left:-16px;
    background: #272626;
    }
    .right.carousel-control
    {
              width: 30px;
    height: 30px;
    background: #272626;
    right: -42px;
    }
    .carousel-control
    {
            top: 152px;
    }
    .col-md-6.col-sm-4.slide_img .item img
    {      width: 91%;
    margin-left: 44px;
    
    }
    .carousel-control .glyphicon-chevron-left
    {
            left: -130%;
    }
    .carousel-control .glyphicon-chevron-right
    {
        right:-100%;
    }
    .marquee0
    {
        margin-bottom:6px;
        height:136px;
    }
    .marquee0 img
    {
        width:200px;
        margin-left:10px;
    }
    .marquee1
    {
        height:136px;
    }
    .marquee1 img
    {
        width:200px;
        margin-left:10px;
    }
  
}
/*màn hình cỡ iphone 6 ngang*/
@media only screen and (max-width: 667px) {
     .linedektop{
        display:none;
    }
       .ours-founders h4{
           text-align: center;
    font-family: roboto-medium;
    font-size: 18px;
    color: #3f3f3f;
    font-weight: bold;
    }
      .ours-founders p{
             text-align: center;
    font-family: roboto-medium;
    font-size: 13px;
    color: #3f3f3f;
    margin-left: 6px;

      }
        .left.carousel-control{
        margin-top:0px;
    }
              .right.carousel-control{
        margin-top:0px;
    }

    .about-section-title {
        text-align:center;
    margin-top: 27px;
}
    .cover-about-company-section .col-md-6.first-section-box h4{

        margin-left:-7px;
    }
    #ContentPlaceHolder1_firstsection h4{
        text-align:left;
    }
    .our-founder-wrapper, .agency-wrapper h4{
        margin-bottom: 15px;
        margin-left: 11px;
    border: 0px;
        text-align: left;
    }
    .first-section-box p{
             margin-left: 3px;
    width: 98.4%;
    font-family: roboto-medium;
    color: #888888;
    }
    iframe{        margin-top: 4px;
    margin-left: -9px;
    width: 669px;
    }
    .csslc
    {
            margin-left: -4px;
    width: 106%;
    }
    .cover-about-company-section .col-md-6.first-section-box ul li span{
            margin-left: -12px;
    }

    .first-section-box{
        margin-top:16px;
        margin-left:6px;
    }
    .listPropertybox {
        display: none;
    }
    .agency-wrapper
   {
        margin-top:-10px;
       overflow: hidden;
   }
   .row.agency-box-mobile {
        
        width:200%;
    }
     #banner {
           margin-top: 85px;
    width: 100%;
    }

    .our-team-box img {
        width: 100%;
        height: auto;
        margin: 6px 40px;
    }

    .suff-top {
           top: -36px;
  
    }

        .suff-top i {
            top: 1px;
        }

    .title-footer {
        margin-top: 0px;
        padding-top: 13px;
        margin-bottom: -15px;
    }

    .our-team-wrapper h3 {
        margin-top: 1px;
            margin-top: 7px;
    }

    .our-team-box-img {
        width: 150px;
        height: 110px;
        margin-left: 13px;
        float: left;
    }

    .about-company-section {
        width: 100%;
        margin-left: 0px;
    }

    .row.agency-box-mobile img {
        width: 100%;
    }

    .line-mobile {
        border-top: 1px solid #ccc;
       display:block;
        margin: 17px 0px;
    }
     .line-mobile-our-mobile
     {
          border-top: 1px solid #ccc;
       display:none;
           margin: -20px 0px 18px 0px;
     }
    #ContentPlaceHolder1_firstsection h4 {
        text-align: left;
    }

    .cover-about-company-section .col-md-6.first-section-box ul li {
        list-style-position: inside;
        width: 111.6%;
        padding: 0px 7px 0px 17px;
        text-align: left;
        margin-left: -21px;
        /* line-height: 10px; */
        text-indent: -14px;
    }

    .second-section-box ul li {
        margin-left: 10px;
    }

    .last-section-box h4 {
        margin-left: -8px;
    }

    p {
    margin-left: 15px;
}

    .our_clients_1 {
        margin-top: 7px;
        padding: 0px 8px;
        width: 100%;
        margin-left: 0px;
    }

    .ours-founders {
           margin-top: -17px;
    padding: 0px;
    width: 92.2%;
    margin-left: 16px;
    }

    .our_team {
        margin-top: -17px;
        width: 100%;
        margin-left: 0px;
         padding:0px;
         display:none;
    }
    .our_clients_1 h4
    {
    margin-left: -4px;
    }
    .container.our_clients_1 .first-section-box ul li {
        width:108%;
        margin-left: -10px;
    }
    .last-section-box ul li
    {
        width:103%;
          margin-left: -10px;
    padding-right: 10px;
    }
    .col-md-12.first-section-box h4 {
    margin-left: -11px;
}
    .last-section-box ul li span {
    margin-left: -15px;
}
    .col-md-3.last-section-box {
     width: 97%;
    padding: 0px 2px;
    margin-left: 13px;
    border: 0px;
    margin-top: 0px;
    }
   
    
    .col-md-3.second-section-box {
        padding: 0px 2px;
    }
    .col-md-3.second-section-box span
    {
        margin-left:-14px;
    }
    .col-md-6.first-section-box h4 {
        text-align: left;
        padding-left:2px;
    }
    .second-section-box ul
    {
        margin-left: 0px;
    }

     #ContentPlaceHolder1_whoweare ul li {
        width: 100%;
        padding: 0px 11px;
        text-align: center;
        list-style:none;
        text-indent:0px;
        margin-left:0px;
    }
   

    .foot-carousel-control {
        display: none;
    }
    .our-founder-wrapper p
    {
        padding:0px;
    }
   
    .our_clients {
            margin-top: 5px;
    background: #f1efef;
}
    .our_clients_1 {
    margin-top: 1px;
    padding: 0px 8px;
    width: 100%;
    margin-left: 0px;
}
    .slide_img {
    margin-top: 6px;
    width: 100%;
}
    #ContentPlaceHolder1_firstsection
    {
        padding:0px 5px;
    }
    #ContentPlaceHolder1_ourclients
    {
               margin-left: 4.7px;
    padding: 0px 5px;
    }
     .our-founder-wrapper,.agency-wrapper h4
     {
         border:0px;

     }
      .our-founder-wrapper
      {
              margin: 0 16px -8px 16px;
      }
     .col-md-6.first-section-box h4,.second-section-box h4,.first-section-box h4,.last-section-box h4,.about-section-title strong
     {
         color:#4f4f4f!important;
     }
      .row.our-team-box
    {
        width:200%;
    }
    .overflow-our-team-box
    {
        overflow:hidden;
    }
     .item
    {
        border:0px;
    }
    .left.carousel-control
    {
        width: 30px;
    height: 30px;
    left:-16px;
    background: #272626;
    }
    .right.carousel-control
    {
          width: 30px;
    height: 30px;
    background: #272626;
    right: -34px;
    }
    .carousel-control
    {
            top: 152px;
    }
    .col-md-6.col-sm-4.slide_img .item img
    {    width: 89%;
    margin-left: 45px;
    
    }
    .carousel-control .glyphicon-chevron-left
    {
            left: -130%;
    }
    .carousel-control .glyphicon-chevron-right
    {
        right:-100%;
    }
    .marquee0
    {
        margin-bottom:6px;
        height:136px;
    }
    .marquee0 img
    {
        width:200px;
        margin-left:10px;
    }
    .marquee1
    {
        height:136px;
    }
    .marquee1 img
    {
        width:200px;
        margin-left:10px;
    }
  
}
/*màn hình cỡ iphone s5 ngang*/
@media only screen and (max-width: 640px) {
     .linedektop{
        display:none;
    }
       .ours-founders h4{
           text-align: center;
    font-family: roboto-medium;
    font-size: 18px;
    color: #3f3f3f;
    font-weight: bold;
    }
      .ours-founders p{
             text-align: center;
    font-family: roboto-medium;
    font-size: 13px;
    color: #3f3f3f;
    margin-left: 6px;

      }
        .left.carousel-control{
        margin-top:0px;
    }
              .right.carousel-control{
        margin-top:0px;
    }

    .about-section-title {
        text-align:center;
    margin-top: 27px;
}
    .cover-about-company-section .col-md-6.first-section-box h4{

        margin-left:-7px;
    }
    #ContentPlaceHolder1_firstsection h4{
        text-align:left;
    }
    .our-founder-wrapper, .agency-wrapper h4{
        margin-bottom: 15px;
        margin-left: 11px;
    border: 0px;
        text-align: left;
    }
    .first-section-box p{
             margin-left: 3px;
    width: 98.4%;
    font-family: roboto-medium;
    color: #888888;
    }
    iframe{    margin-top: 4px;
    margin-left: -9px;
    width: 641px;
    }
    .csslc
    {
            margin-left: -4px;
    width: 106%;
    }
    .cover-about-company-section .col-md-6.first-section-box ul li span{
            margin-left: -12px;
    }

    .first-section-box{
        margin-top:16px;
        margin-left:6px;
    }
    .listPropertybox {
        display: none;
    }
    .agency-wrapper
   {
        margin-top:-10px;
       overflow: hidden;
   }
   .row.agency-box-mobile {
        
        width:200%;
    }
     #banner {
           margin-top: 85px;
    width: 100%;
    }

    .our-team-box img {
        width: 100%;
        height: auto;
        margin: 6px 40px;
    }

    .suff-top {
           top: -36px;
    left: 602px;
    }

        .suff-top i {
            top: 1px;
        }

    .title-footer {
        margin-top: 0px;
        padding-top: 13px;
        margin-bottom: -15px;
    }

    .our-team-wrapper h3 {
        margin-top: 1px;
            margin-top: 7px;
    }

    .our-team-box-img {
        width: 150px;
        height: 110px;
        margin-left: 13px;
        float: left;
    }

    .about-company-section {
        width: 100%;
        margin-left: 0px;
    }

    .row.agency-box-mobile img {
        width: 100%;
    }

    .line-mobile {
        border-top: 1px solid #ccc;
       display:block;
        margin: 17px 0px;
    }
     .line-mobile-our-mobile
     {
          border-top: 1px solid #ccc;
       display:none;
           margin: -20px 0px 18px 0px;
     }
    #ContentPlaceHolder1_firstsection h4 {
        text-align: left;
    }

    .cover-about-company-section .col-md-6.first-section-box ul li {
        list-style-position: inside;
        width: 111.6%;
        padding: 0px 7px 0px 17px;
        text-align: left;
        margin-left: -21px;
        /* line-height: 10px; */
        text-indent: -14px;
    }

    .second-section-box ul li {
        margin-left: 10px;
    }

    .last-section-box h4 {
        margin-left: -8px;
    }

    p {
    margin-left: 15px;
}

    .our_clients_1 {
        margin-top: 7px;
        padding: 0px 8px;
        width: 100%;
        margin-left: 0px;
    }

    .ours-founders {
           margin-top: -17px;
    padding: 0px;
    width: 92.2%;
    margin-left: 16px;
    }

    .our_team {
        margin-top: -17px;
        width: 100%;
        margin-left: 0px;
         padding:0px;
         display:none;
    }
    .our_clients_1 h4
    {
    margin-left: -4px;
    }
    .container.our_clients_1 .first-section-box ul li {
        width:108%;
        margin-left: -10px;
    }
    .last-section-box ul li
    {
        width:103%;
          margin-left: -10px;
    padding-right: 10px;
    }
    .col-md-12.first-section-box h4 {
    margin-left: -11px;
}
    .last-section-box ul li span {
    margin-left: -15px;
}
    .col-md-3.last-section-box {
       padding: 0px 2px;
    margin-left: 13px;
    border: 0px;
    margin-top: 0px;
    }
   
    
    .col-md-3.second-section-box {
        padding: 0px 2px;
    }
    .col-md-3.second-section-box span
    {
        margin-left:-14px;
    }
    .col-md-6.first-section-box h4 {
        text-align: left;
        padding-left:2px;
    }
    .second-section-box ul
    {
        margin-left: 0px;
    }

     #ContentPlaceHolder1_whoweare ul li {
        width: 100%;
        padding: 0px 11px;
        text-align: center;
        list-style:none;
        text-indent:0px;
        margin-left:0px;
    }
   

    .foot-carousel-control {
        display: none;
    }
    .our-founder-wrapper p
    {
        padding:0px;
    }
   
    .our_clients {
            margin-top: 5px;
    background: #f1efef;
}
    .our_clients_1 {
    margin-top: 1px;
    padding: 0px 8px;
    width: 100%;
    margin-left: 0px;
}
    .slide_img {
    margin-top: 6px;
    width: 100%;
}
    #ContentPlaceHolder1_firstsection
    {
        padding:0px 5px;
    }
    #ContentPlaceHolder1_ourclients
    {
               margin-left: 4.7px;
    padding: 0px 5px;
    }
     .our-founder-wrapper,.agency-wrapper h4
     {
         border:0px;

     }
      .our-founder-wrapper
      {
              margin: 0 16px -8px 16px;
      }
     .col-md-6.first-section-box h4,.second-section-box h4,.first-section-box h4,.last-section-box h4,.about-section-title strong
     {
         color:#4f4f4f!important;
     }
      .row.our-team-box
    {
        width:200%;
    }
    .overflow-our-team-box
    {
        overflow:hidden;
    }
     .item
    {
        border:0px;
    }
    .left.carousel-control
    {
        width: 30px;
    height: 30px;
    left:-16px;
    background: #272626;
    }
    .right.carousel-control
    {
          width: 30px;
    height: 30px;
    background: #272626;
    right: -34px;
    }
    .carousel-control
    {
            top: 152px;
    }
    .col-md-6.col-sm-4.slide_img .item img
    {    width: 89%;
    margin-left: 45px;
    
    }
    .carousel-control .glyphicon-chevron-left
    {
            left: -130%;
    }
    .carousel-control .glyphicon-chevron-right
    {
        right:-100%;
    }
    .marquee0
    {
        margin-bottom:6px;
        height:136px;
    }
    .marquee0 img
    {
        width:200px;
        margin-left:10px;
    }
    .marquee1
    {
        height:136px;
    }
    .marquee1 img
    {
        width:200px;
        margin-left:10px;
    }
  
}
/*màn hình cỡ iphone 5 ngang*/
@media only screen and (max-width: 568px) {
     .linedektop{
        display:none;
    }
       .ours-founders h4{
           text-align: center;
    font-family: roboto-medium;
    font-size: 18px;
    color: #3f3f3f;
    font-weight: bold;
    }
      .ours-founders p{
             text-align: center;
    font-family: roboto-medium;
    font-size: 13px;
    color: #3f3f3f;
    margin-left: 6px;

      }
        .left.carousel-control{
        margin-top:0px;
    }
              .right.carousel-control{
        margin-top:0px;
    }

    .about-section-title {
        text-align:center;
    margin-top: 27px;
}
    .cover-about-company-section .col-md-6.first-section-box h4{

        margin-left:-7px;
    }
    #ContentPlaceHolder1_firstsection h4{
        text-align:left;
    }
    .our-founder-wrapper, .agency-wrapper h4{
        margin-bottom: 15px;
        margin-left: 11px;
    border: 0px;
        text-align: left;
    }
    .first-section-box p{
             margin-left: 3px;
    width: 98.4%;
    font-family: roboto-medium;
    color: #888888;
    }
    iframe{       margin-top: 4px;
    margin-left: -9px;
    width: 569px;
    }
    .csslc
    {
            margin-left: -4px;
    width: 106%;
    }
    .cover-about-company-section .col-md-6.first-section-box ul li span{
            margin-left: -12px;
    }

    .first-section-box{
        margin-top:16px;
        margin-left:6px;
    }
    .listPropertybox {
        display: none;
    }
    .agency-wrapper
   {
        margin-top:-10px;
       overflow: hidden;
   }
   .row.agency-box-mobile {
        
        width:200%;
    }
     #banner {
           margin-top: 85px;
    width: 100%;
    }

    .our-team-box img {
        width: 100%;
        height: auto;
        margin: 6px 40px;
    }

 .suff-top {
    top: -36px;
    left: 531px;
}

        .suff-top i {
            top: 1px;
        }

    .title-footer {
        margin-top: 0px;
        padding-top: 13px;
        margin-bottom: -15px;
    }

    .our-team-wrapper h3 {
        margin-top: 1px;
            margin-top: 7px;
    }

    .our-team-box-img {
        width: 150px;
        height: 110px;
        margin-left: 13px;
        float: left;
    }

    .about-company-section {
        width: 100%;
        margin-left: 0px;
    }

    .row.agency-box-mobile img {
        width: 100%;
    }

    .line-mobile {
        border-top: 1px solid #ccc;
       display:block;
        margin: 17px 0px;
    }
     .line-mobile-our-mobile
     {
          border-top: 1px solid #ccc;
       display:none;
           margin: -20px 0px 18px 0px;
     }
    #ContentPlaceHolder1_firstsection h4 {
        text-align: left;
    }

    .cover-about-company-section .col-md-6.first-section-box ul li {
        list-style-position: inside;
        width: 111.6%;
        padding: 0px 7px 0px 17px;
        text-align: left;
        margin-left: -21px;
        /* line-height: 10px; */
        text-indent: -14px;
    }

    .second-section-box ul li {
        margin-left: 10px;
    }

    .last-section-box h4 {
        margin-left: -8px;
    }

    p {
    margin-left: 15px;
}

    .our_clients_1 {
        margin-top: 7px;
        padding: 0px 8px;
        width: 100%;
        margin-left: 0px;
    }

    .ours-founders {
             margin-top: -17px;
    padding: 0px;
    width: 91.2%;
    margin-left: 16px;
    }

    .our_team {
        margin-top: -17px;
        width: 100%;
        margin-left: 0px;
         padding:0px;
         display:none;
    }
    .our_clients_1 h4
    {
    margin-left: -4px;
    }
    .container.our_clients_1 .first-section-box ul li {
        width:108%;
        margin-left: -10px;
    }
    .last-section-box ul li
    {
        width:103%;
          margin-left: -10px;
    padding-right: 10px;
    }
    .col-md-12.first-section-box h4 {
    margin-left: -11px;
}
    .last-section-box ul li span {
    margin-left: -15px;
}
    .col-md-3.last-section-box {
       padding: 0px 2px;
    margin-left: 13px;
    border: 0px;
    margin-top: 0px;
    }
   
    
    .col-md-3.second-section-box {
        padding: 0px 2px;
    }
    .col-md-3.second-section-box span
    {
        margin-left:-14px;
    }
    .col-md-6.first-section-box h4 {
        text-align: left;
        padding-left:2px;
    }
    .second-section-box ul
    {
        margin-left: 0px;
    }

     #ContentPlaceHolder1_whoweare ul li {
        width: 100%;
        padding: 0px 11px;
        text-align: center;
        list-style:none;
        text-indent:0px;
        margin-left:0px;
    }
   

    .foot-carousel-control {
        display: none;
    }
    .our-founder-wrapper p
    {
        padding:0px;
    }
   
    .our_clients {
            margin-top: 5px;
    background: #f1efef;
}
    .our_clients_1 {
    margin-top: 1px;
    padding: 0px 8px;
    width: 100%;
    margin-left: 0px;
}
    .slide_img {
    margin-top: 6px;
    width: 100%;
}
    #ContentPlaceHolder1_firstsection
    {
        padding:0px 5px;
    }
    #ContentPlaceHolder1_ourclients
    {
               margin-left: 4.7px;
    padding: 0px 5px;
    }
     .our-founder-wrapper,.agency-wrapper h4
     {
         border:0px;

     }
      .our-founder-wrapper
      {
              margin: 0 16px -8px 16px;
      }
     .col-md-6.first-section-box h4,.second-section-box h4,.first-section-box h4,.last-section-box h4,.about-section-title strong
     {
         color:#4f4f4f!important;
     }
      .row.our-team-box
    {
        width:200%;
    }
    .overflow-our-team-box
    {
        overflow:hidden;
    }
     .item
    {
        border:0px;
    }
    .left.carousel-control
    {
        width: 30px;
    height: 30px;
    left:-16px;
    background: #272626;
    }
    .right.carousel-control
    {
          width: 30px;
    height: 30px;
    background: #272626;
    right: -34px;
    }
    .carousel-control
    {
            top: 152px;
    }
    .col-md-6.col-sm-4.slide_img .item img
    {    width: 89%;
    margin-left: 45px;
    
    }
    .carousel-control .glyphicon-chevron-left
    {
            left: -130%;
    }
    .carousel-control .glyphicon-chevron-right
    {
        right:-100%;
    }
    .marquee0
    {
        margin-bottom:6px;
        height:136px;
    }
    .marquee0 img
    {
        width:200px;
        margin-left:10px;
    }
    .marquee1
    {
        height:136px;
    }
    .marquee1 img
    {
        width:200px;
        margin-left:10px;
    }
  
}
/*màn hình cỡ sam sung note 5,6,7.. có thể mình không dùng nó*/
@media only screen and (max-width: 515px) {
    .abc {
        width: 30%;
    }
}

/*màn hình cỡ iphone 6s*/
@media only screen and (max-width: 414px) {
     h6 {
	 	margin-left: 2% !important;
	 }
	   .btn-showmore {
    	margin-left: 73% !important;
		margin-top: 4% !important;
    	margin-bottom: 5% !important;
   }
	 .linedektop{
        display:none;
    }
       .ours-founders h4{
           text-align: center;
    font-family: roboto-medium;
    font-size: 18px;
    color: #3f3f3f;
    font-weight: bold;
    }
      .ours-founders p{
             text-align: center;
    font-family: roboto-medium;
    font-size: 13px;
    color: #3f3f3f;
    margin-left: 6px;

      }
        .left.carousel-control{
        margin-top:0px;
    }
              .right.carousel-control{
        margin-top:0px;
    }

    .about-section-title {
        text-align:center;
    margin-top: 27px;
}
    .cover-about-company-section .col-md-6.first-section-box h4{

        margin-left:-7px;
    }
    #ContentPlaceHolder1_firstsection h4{
        text-align:left;
    }
    .our-founder-wrapper, .agency-wrapper h4{
        margin-bottom: 15px;
        margin-left: 11px;
    border: 0px;
        text-align: left;
    }
    .first-section-box p{
             margin-left: 10px;
    width: 92.9%;
    font-family: roboto-medium;
    color: #888888;
    }
    iframe{margin-top:4px;
            margin-left: -20px;
    width: 419px;
    }
    .csslc
    {
            margin-left: -4px;
    width: 106%;
    }
    .cover-about-company-section .col-md-6.first-section-box ul li span{
            margin-left: -4px;
    }

    .first-section-box{
        margin-top:16px;
        margin-left:6px;
    }
    .listPropertybox {
        display: none;
    }
    .agency-wrapper
   {
        margin-top:-10px;
       overflow: hidden;
   }
   .row.agency-box-mobile {
        
        width:200%;
    }
     #banner {
        margin-top: 66px;
        width: 100%;
    }

    .our-team-box img {
        width: 100%;
        height: auto;
        margin: 6px 40px;
    }

    .suff-top {
        top: -36px;
        left:374px;
    }

        .suff-top i {
            top: 1px;
        }

    .title-footer {
        margin-top: 0px;
        padding-top: 13px;
        margin-bottom: -15px;
    }

    .our-team-wrapper h3 {
        margin-top: 1px;
            margin-top: 7px;
    }

    .our-team-box-img {
        width: 150px;
        height: 110px;
        margin-left: 13px;
        float: left;
    }

    .about-company-section {
        width: 100%;
        margin-left: 0px;
    }

    .row.agency-box-mobile img {
        width: 100%;
    }

    .line-mobile {
        border-top: 1px solid #ccc;
       display:block;
        margin: 17px 0px;
    }
     .line-mobile-our-mobile
     {
          border-top: 1px solid #ccc;
       display:none;
           margin: -20px 0px 18px 0px;
     }
    #ContentPlaceHolder1_firstsection h4 {
        text-align: left;
    }

    .cover-about-company-section .col-md-6.first-section-box ul li {
        list-style-position: inside;
        width: 105.6%;
        padding: 0px 7px 0px 17px;
        text-align: left;
        margin-left: -17px;
        /* line-height: 10px; */
        text-indent: -14px;
    }

    .second-section-box ul li {
        margin-left: 14px;
    }

    .last-section-box h4 {
        margin-left: -8px;
    }

    p {
    margin-left: 15px;
}

    .our_clients_1 {
        margin-top: 7px;
        padding: 0px 8px;
        width: 100%;
        margin-left: 0px;
    }

    .ours-founders {
           margin-top: -17px;
    padding: 0px;
    width: 92.2%;
    margin-left: 16px;
    }

    .our_team {
        margin-top: -17px;
        width: 100%;
        margin-left: 0px;
         padding:0px;
         display:none;
    }
    .our_clients_1 h4
    {
    margin-left: -4px;
    }
    .container.our_clients_1 .first-section-box ul li {
        width:108%;
        margin-left: -10px;
    }
    .last-section-box ul li
    {
        width:102%;
          margin-left: -6px;
		padding-right: 10px;
    }
    .col-md-12.first-section-box h4 {
    margin-left: -11px;
}
    .last-section-box ul li span {
		margin-left: -4px;
}
    .col-md-3.last-section-box {
       padding: 0px 2px;
    margin-left: 13px;
    border: 0px;
    margin-top: 0px;
    }
   
    
    .col-md-3.second-section-box {
        padding: 0px 2px;
    }
    .col-md-3.second-section-box span
    {
        margin-left: -4px;
    }
    .col-md-6.first-section-box h4 {
        text-align: left;
        padding-left:2px;
    }
    .second-section-box ul
    {
        margin-left: 0px;
    }

     #ContentPlaceHolder1_whoweare ul li {
        width: 100%;
        padding: 0px 11px;
        text-align: center;
        list-style:none;
        text-indent:0px;
        margin-left:0px;
    }
   

    .foot-carousel-control {
        display: none;
    }
    .our-founder-wrapper p
    {
        padding:0px;
    }
   
    .our_clients {
        margin-top: 5px;
		background: #f1efef;
		width: 273%;
}
    .our_clients_1 {
		margin-top: 10px;
		padding: 0px 8px;
		width: 100%;
		margin-left: 0px;
}
	.ourclients-content-2 {
		margin-top: -21px !important;
		width: 35% !important;
		margin-left: 9px !important;
	}
	.ourclients-content-2 ul li {
		text-align: justify !important;
	}


    .slide_img {
    margin-top: 6px;
    width: 100%;
}
    #ContentPlaceHolder1_firstsection
    {
        padding:0px 5px;
    }
    #ContentPlaceHolder1_ourclients
    {
               margin-left: 4.7px;
    padding: 0px 5px;
    }
     .our-founder-wrapper,.agency-wrapper h4
     {
         border:0px;

     }
      .our-founder-wrapper
      {
              margin: 0 16px -8px 16px;
      }
     .col-md-6.first-section-box h4,.second-section-box h4,.first-section-box h4,.last-section-box h4,.about-section-title strong
     {
         color:#4f4f4f!important;
     }
      .row.our-team-box
    {
        width:200%;
    }
    .overflow-our-team-box
    {
        overflow:hidden;
    }
     .item
    {
        border:0px;
    }
    .left.carousel-control
    {
        width: 30px;
    height: 30px;
    left:-16px;
    background: #272626;
    }
    .right.carousel-control
    {
        width: 30px;
    height: 30px;
    background: #272626;
        right: -16px;
    }
    .carousel-control
    {
            top: 152px;
    }
    .col-md-6.col-sm-4.slide_img .item img
    {
              width: 82%;
    margin-left: 35px;
    
    }
    .carousel-control .glyphicon-chevron-left
    {
            left: -130%;
    }
    .carousel-control .glyphicon-chevron-right
    {
        right:-100%;
    }
    .marquee0
    {
        margin-bottom:6px;
        height:136px;
    }
    .marquee0 img
    {
        width:200px;
        margin-left:10px;
    }
    .marquee1
    {
        height:136px;
    }
    .marquee1 img
    {
        width:200px;
        margin-left:10px;
    }
  
}

/*màn hình cỡ iphone 6*/
@media only screen and (max-width: 375px) {
   .btn-showmore {
    	margin-left: 71% !important;
   }
.ourclients-content-2 {
    width: 34.5% !important;
}	
  .linedektop{
        display:none;
    }
       .ours-founders h4{
           text-align: center;
    font-family: roboto-medium;
    font-size: 18px;
    color: #3f3f3f;
    font-weight: bold;
    }
      .ours-founders p{
             text-align: center;
    font-family: roboto-medium;
    font-size: 13px;
    color: #3f3f3f;
    margin-left: 6px;

      }
    
    .slide_img {
    margin-top: 6px;
    width: 100%;
}
    .right.carousel-control{
        margin-top:0px;
    }
    .left.carousel-control{
        margin-top:0px;
    }
    .about-section-title
    {
        margin-top:27px;
    }
    .suff-top {
    top: -36px;
    left: 336px;
}
    .cover-about-company-section .col-md-6.first-section-box ul li {
    list-style-position: inside;
    width: 113.6%;
    padding: 0px 7px 0px 17px;
    text-align: left;
    margin-left: -21px;
    /* line-height: 10px; */
    text-indent: -14px;
}
    .container.our_clients_1 .first-section-box ul li {
    width: 106%;
    margin-left: -10px;
}
    iframe {
    margin-left: -20px;
    width: 379px;
}
    .about-company-section
    {
            width: 100%;
    }
    .agency-wrapper
   {
       overflow: hidden;
   }
   .row.agency-box-mobile {
       
        width:200%;
    }
     #ContentPlaceHolder1_whoweare ul li {
        width: 100%;
        padding: 0px 11px;
        text-align: center;
        list-style:none;
        text-indent:0px;
        margin-left:0px;
    }
    #ContentPlaceHolder1_ourclients
    {
        margin-left: 4.7px;
		padding: 0px 5px;
        width:37%;
    }
    .our_clients_1
    {
        width:100%;
    }
    #banner
    {
        width:100%;
    }
    .ours-founders
    {
               width: 91.4%;
    }
    .our-founder-wrapper p
    {
        padding:0px;
    }
    .our_team
    {
        width:100%;
        padding:0px;
    }
    .our-team-box img
    {
            margin: 6px 18px;
    }
     .line-mobile {
        border-top: 1px solid #ccc;
       display:block;
        margin: 17px 0px;
    }
      .line-mobile-our-mobile
     {
          border-top: 1px solid #ccc;
       display:none;
           margin: -20px 0px 18px 0px;
     }

     .our-founder-wrapper
     {
         border:0px;
             margin: 0 16px -8px 16px;
     }
      .row.our-team-box
    {
        width:200%;
    }
    .overflow-our-team-box
    {
        overflow:hidden;
    }
     .item
    {
        border:0px;
    }
    .left.carousel-control
    {
        width: 30px;
    height: 30px;
    left:-16px;
    background: #272626;
    }
    .right.carousel-control
    {
        width: 30px;
    height: 30px;
    background: #272626;
        right: -16px;
    }
    .carousel-control
    {
            top: 152px;
    }
    .col-md-6.col-sm-4.slide_img .item img
    {
            width: 82%;
          
    margin-left: 30px;
    }
    .carousel-control .glyphicon-chevron-left
    {
            left: -130%;
    }
    .carousel-control .glyphicon-chevron-right
    {
        right:-100%;
    }
    .marquee0
    {
        height:136px;
    }
    .marquee0 img
    {
        width:200px;
        margin-left:10px;
    }
    .marquee1
    {
        height:136px;
    }
    .marquee1 img
    {
        width:200px;
        margin-left:10px;
    }
     .imgbox{
        display:none;
    }
    #title2{
        display:none;
    }
    #button2{
        display:none;
    }
}

@media only screen and (max-width: 360px) {
   .btn-showmore {
    	margin-left: 69% !important;
   }
   .ourclients-content-2 {
	   width: 33.8% !important;
   }
   .linedektop{
        display:none;
    }
    .ours-founders h4{
           text-align: center;
    font-family: roboto-medium;
    font-size: 18px;
    color: #3f3f3f;
    font-weight: bold;
    }
      .ours-founders p{
             text-align: center;
    font-family: roboto-medium;
    font-size: 13px;
    color: #3f3f3f;
    margin-left: 6px;

      }
    .col-md-6.first-section-box h4,  .first-section-box h4, .last-section-box h4, .about-section-title strong {
    margin-left: -5px;
    color: #4f4f4f!important;
}
    .second-section-box ul li {
    margin-left: 9px;
}
    .about-section-title {
        text-align:center;
    margin-top: 22px;
}
    
    .slide_img {
    margin-top: 6px;
    width: 100%;
}
    .first-section-box {
    margin-top: 16px;
    margin-left: 10px;
}
    .last-section-box ul li span {
        margin-left:11px;
    }
  p {
     margin-left:13px;
 }
    .col-md-3.second-section-box span{
        margin-left: -5px;
    }
    .cover-about-company-section .col-md-6.first-section-box ul li span{
        margin-left: -3px;
    }
   
    .cover-about-company-section .col-md-6.first-section-box h4{
            margin-left: -10px;
    }
    .about-company-section ul{
        margin-left: 0px;
    }
    .first-section-box p {
    margin-left: 10px;
    width: 92%;
    font-family: roboto-medium;
    color: #888888;
}
    .csslc {
    margin-left: 0px;
    width: 100%;
}
    iframe{
        margin-top:4px;
     height: 270px;
    margin-left: -20px;
    width: 362px;
    }
    .imgbox{
        display:none;
    }
    #title2{
        display:none;
    }
    #button2{
        display:none;
    }
    
    #banner {
        margin-top: 62px;
        width: 100%;
    }
    .slider-mobile
    {
        display:block;
    }
    .agenc-box-mobile-img
    {
            width: 150px;
    height: 110px;
    margin-left: 13px;
    float: left;
    }
   
    .agency-wrapper
   {
        margin-top:-10px;
       overflow: hidden;
   }
   .row.agency-box-mobile {
       
        width:200%;
    }
   .our-founder-wrapper, .agency-wrapper h4 {
       margin-left:6px;
    border: 0px;
    margin-bottom: 15px;
}
    .row.our-team-box
    {
        width:200%;
    }
    .overflow-our-team-box
    {
        overflow:hidden;
    }
    .our-team-box img {
        width: 100%;
        height: auto;
        margin: 6px 8px;
    } 
	#ContentPlaceHolder1_ourclients
    {
        margin-left: 4.7px;
		padding: 0px 5px;
        width:36%;
    }

    .suff-top {
        top: -39px;
    left: 321px;
    }

        .suff-top i {
            top: 1px;
        }

    .title-footer {
        margin-top: 0px;
        padding-top: 13px;
        margin-bottom: -15px;
    }

    .our-team-wrapper h3 {
        margin-top: 1px;
            margin-top: 7px;
    }

    .our-team-box-img {
        width: 150px;
        height: 110px;
        margin-left: 13px;
        float: left;
    }
    .container.our_clients_1 .col-md-12.first-section-box
    {
        width: 88%;
    }
    .our_clients {
        margin-top:5px;
    background: #f1efef;
}
    .about-company-section {
        width: 100%;
        margin-left: 0px;
    }

   
    .line-mobile {
        border-top: 1px solid #ccc;
       display:block;
        margin: 14px 0px;
    }
    .col-md-3.last-section-box h4 {
    margin-top: 16px;
    margin-left: -4px;
}
    .last-section-box ul li {
    width: 97.5%;
    margin-left: 11px;
    padding-right: 10px;
    list-style: inherit;
}
     .line-mobile-our-mobile
     {
          border-top: 1px solid #ccc;
       display:none;
           margin: -20px 0px 18px 0px;
     }

    #ContentPlaceHolder1_firstsection h4 {
        text-align: left;
    }

    .cover-about-company-section .col-md-6.first-section-box ul li {
        list-style-position: inside;
        width: 113%;
        padding: 0px 7px 0px 28px;
        text-align: left;
        /* line-height: 10px; */
        text-indent: -14px;
    }

   

    .last-section-box h4 {
        margin-left: -11px;
    }

    .our_clients_1 h4
    {
        margin-left:-3px;
    }

    .our_clients_1 {
        margin-top: 10px;
        padding: 0px 8px;
        width: 100%;
        margin-left: 7px;
        border:0px;
    }

    .ours-founders {
          margin-top: -12px;
    padding: 0px;
    width: 91%;
    margin-left: 16px;
    }

    .our-founder-wrapper
    {
        border:0px;
            margin: 0 16px -8px 16px;
    }
    .our-founder-wrapper p
    {
        padding:0px;
    }

    .our_team {
        display:none;
            margin-top: -17px;
    width: 100%;
    margin-left: 0px;
     padding:0px;
    }

    .container.our_clients_1 .first-section-box ul li {
        width:95%;
        margin-left: 7px;
    }
    .container.our_clients_1 .first-section-box ul li span{

    }
    .first-section-box ul{
            width: 101%;
    -webkit-padding-start: 0px;
    }

    .col-md-3.last-section-box {
        padding: 0px 2px;
        margin-left: 10px;
        border: 0px;
    }

    .col-md-3.second-section-box {
        padding: 0px 2px;
    }

    .col-md-6.first-section-box h4 {
        text-align: left;
    }

    #ContentPlaceHolder1_whoweare ul li {
        width: 100%;
        padding: 0px 11px;
        text-align: center;
        list-style:none;
        text-indent:0px;
        margin-left:0px;
    }

    .foot-carousel-control {
        display: none;
    }
    .row.agency-box-mobile img
    {
        width:10%;
    }
    .marquee0
    {
        margin-bottom:6px;
        height:136px;
    }
    .marquee0 img
    {
        width:200px;
        margin-left:10px;
    }
    .marquee1
    {
        height:136px;
    }
    .marquee1 img
    {
        width:200px;
        margin-left:10px;
    }
    .item
    {
        margin-bottom:-9px;
        border:0px;
    }
    .left.carousel-control
    {
        width: 30px;
    height: 30px;
    left:-16px;
    background: #272626;
    }
    .right.carousel-control
    {
        width: 30px;
    height: 30px;
    background: #272626;
        right: -16px;
    }
    .carousel-control
    {
            top: 152px;
    }
    .col-md-6.col-sm-4.slide_img .item img
    {
            width: 82%;
    margin-left: 30px;
   
    }
    .carousel-control .glyphicon-chevron-left
    {
            left: -130%;
    }
    .carousel-control .glyphicon-chevron-right
    {
        right:-100%;
    }
    .productswesupport img
    {
        margin-left: 10px; margin-top: 10px

    }
}
/*màn hình cỡ iphone 5*/
@media only screen and (max-width: 320px) {
 .btn-showmore {
 	margin-left: 66% !important;
 }
.header-content {
	width: 55% !important;
	padding-top: 17px !important;
}	
.header-content span {
	font-size: 7px !important;
}
 .linedektop{
        display:none;
    }
       .ours-founders h4{
           text-align: center;
    font-family: roboto-medium;
    font-size: 18px;
    color: #3f3f3f;
    font-weight: bold;
    }
      .ours-founders p{
             text-align: center;
    font-family: roboto-medium;
    font-size: 13px;
    color: #3f3f3f;
    margin-left: 6px;
      }
    .first-section-box p {
    margin-left: 23px;
    width: 83%;
    font-family: roboto-medium;
    color: #888888;
}
        .left.carousel-control{
        margin-top:0px;
    }
    .about-section-title {
    margin-top: 22px;
}
    
    .slide_img {
    margin-top: 6px;
    width: 100%;
}
    iframe {
       height: 270px;
    margin-left: -33px;
    width: 322px;
}
    .csslc {
    margin-left: -1px;
    width: 101%;
}
    #ContentPlaceHolder1_firstsection h4 {
    margin-left: -11px;
    text-align: left;
}
    .cover-about-company-section .col-md-6.first-section-box ul li {
    list-style-position: inside;
    width: 107%;
    padding: 0px 7px 0px 27px;
    text-align: left;
    /* line-height: 10px; */
    text-indent: -14px;
}
    .last-section-box ul li {
    width: 99%;
    margin-left: 11px;
    padding-right: 10px;
}
    .suff-top {
    top: -36px;
    left: 284px;
}
    .col-md-12.first-section-box h4 {
    margin-left: -11px;
}
    .container.our_clients_1 .first-section-box ul li {
    width: 96%;
    margin-left: 3px;
}   
     .item
    {
        border:0px;
    }
     .row.our-team-box
     {
         width:225%;
     }
    .left.carousel-control
    {
        width: 30px;
    height: 30px;
    left:-16px;
    background: #272626;
    }
    .right.carousel-control
    {
        width: 30px;
    height: 30px;
    background: #272626;
        right: -16px;
    }
    .carousel-control
    {
            top: 152px;
    }
    .col-md-6.col-sm-4.slide_img .item img
    {
            width: 82%;
        
    margin-left: 30px;
    }
    .carousel-control .glyphicon-chevron-left
    {
            left: -130%;
    }
    .carousel-control .glyphicon-chevron-right
    {
        right:-100%;
    }
    .about-company-section
    {
        width: 100%;
    }
    .agency-wrapper
   {
       overflow: hidden;
         margin-left: -14px;
               width: 109%;
   }
   .row.agency-box-mobile {
        
        width:200%;
    }
    .col-md-3.second-section-box
    {
            margin-left: 7px;
    }
    .our_clients_1
    {
        width:100%;
    }
    .ours-founders
    {
        width:90%;
    }
    .slide_img
    {
       width: 100%;
    float: left;
    
    }
     .slide_img img
     {
        
         width: 50%;
    margin-left: 72px;
     }
     .our-team-box-img
     {
         margin-left:2px;
     }
     .our_team
     {
         width:100%;
          padding:0px;
     }
     #banner
     {
         margin-top:55px;
     }
}
/*ket thuc css responsive cho giao diện mobile*/