body{
  background:url(../images/body_bg.png);

}
.navbar-inverse .navbar-toggle {
  border-color:#d5c2a7;
  background-color:#bb2735;
}

.navbar-inverse{background: #fff;}

.navbar-inverse .navbar-toggle:hover .icon-bar {
   background-color:#bb2735;
}
h3{
	
	font-family: 'Nova Round', cursive;
	font:300 2em Roboto,Arial,Helvetica;margin:2em 0 2em 0;
}

.text-center{
  text-align: center;
}

.topbar {
	background:url(../images/lines2.png);	
	height:10px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}
.navbar-fixed-top{top: 10px;}
.imggg{
	width: 80%;
}

.carousel-indicators{
	bottom: -30px;
	margin-left: 0;
	left: 0;
}
.carousel-indicators .active{
	width:12px;
	height:12px;
	margin:0;
	background-color:#d5c2a7;
}
	.carousel-indicators li{
		border: 1px solid #da345b;
	}
.tx p{
  text-align: justify;
}
p{
	font-size:1.2em;
	color: #000;
	line-height: 1.7em; 
	margin-bottom: 1.7em;
}
.navbar-inverse .navbar-nav>li>a{

}

.navbar-inverse .navbar-nav>li>a{color:#d5c2a7}

.navbar-nav > li > a{font-size: 1.3em;line-height: 3.6em;}


/*=======================================================*/
#team .spacer{padding: 3em 0;}
.spacer{padding: 8em 0;}
.foo-spacer{padding: 4em 0;}
.footer{background-color: #d9c3a2; color: #fff; font-size: 1em;color: #000;}
/*--------------------------------------------------*/
/* Start Clients Section                            */
/*--------------------------------------------------*/


#partner {
    padding-top: 30px;
    padding-bottom: 50px;
    text-align: center !important;
}

.clients .owl-buttons {
    padding-top: 50px;
}

.owl-theme .owl-controls .owl-buttons div {
  opacity: 1;
  filter: Alpha(Opacity=100);
}

/*-----nave------*/
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
  color:#bb2735;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
  background: none;color: #bb2735;
}


/*--------------------------------------------------*/
.fa-facebook{
  color: #3B5998;

}
.fa-instagram{
  color: #3F729B
;
  
}
.fa-linkedin{
  color: #007BB6;
  
}

/*--services-section--*/
 .services-agileits {
    text-align: center;
   /* background: rgb(213, 194, 167);*/
   background: rgba(185, 30, 46, 0.5);
    margin: 70px 0;
}
.services-left {
    background: url('../images/left.jpg')no-repeat 0px 0px;
    background-size: cover;
    min-height: 568px;
    float: left;
}
.services-right-agileinfo {
    padding: 10px 0px 10px;
}
.right-header-w3ls h5{
  color:#000;
  font-size:30px;
   margin-bottom: 10px;
 
}
.right-header-w3ls h5 span{
  color:#1a5e71;
}
.right-header-w3ls p {
    color: #000;
    font-size: 18px;
    width: 85%;
    margin: 0 auto;
}
.grid {
    padding: 0px 57px;
}
.grid h5 {
    
    font-size: 14px;
    margin-bottom: 4px;
    color: #000;

}

.hna h3{
  
  font-family: 'Nova Round', cursive;
  font:300 2em Roboto,Arial,Helvetica;margin:2em 0 2em 0;
  color: #fff;
}

.grid p {
    text-align: center;
    font-size: 17px;
    color: #d5c2a7;
    line-height: 1.8em;
}
.service-grids-wthree{
  margin-top:10px;
}
.service-icon i {
    font-size: 40px;
    margin: 22px 0px;
    color: #000;
}
.grid ul li {
  padding: 0;
 margin: 0;
 
}






@media(max-width:1366px){
  .services-left {
    min-height: 734px;

  }
  .text-center{
  text-align: center;
}
}

@media(max-width:1280px){
.services-left {
    min-height: 539px;
  }
.text-center{
  text-align: center;
}
}

@media(max-width:1024px){
  .services-right-agileinfo {
    padding: 0px 0px 0px;
  }
  .services-left {
    min-height: 729px;
  }
  .text-center{
  text-align: center;
}
}

@media(max-width:991px){
  .services-left {
    min-height: 350px;
    float: none;
  }
  .text-center{
  text-align: center;
}
}

@media(max-width:768px){
  .services-right-agileinfo {
    padding: 0px 0px 0px;
  }
  .text-center{
  text-align: center;
}
}

@media(max-width:767px){
  .services-left {
    min-height: 330px;
  }
  .text-center{
  text-align: center;
}
}

@media(max-width:736px){
  .services-left {
    min-height: 330px;
  }
}

@media(max-width:568px){
    .services-left {
    min-height: 270px;
  }
  .text-center{
  text-align: center;
}
}

@media(max-width:384px){
  .services-right-agileinfo {
    padding: 0px 0px 0px;
  }
  .text-center{
  text-align: center;
}
}

@media(max-width:320px){
  .services-left {
    min-height: 199px;
  }
  .text-center{
  text-align: center;
}
}
/* team */

.team2 {
  padding:5em 0px;
  background: rgba(153, 153, 153, 0.00);
}

.iha:hover{
 opacity: 0.4;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.team-grid {
  text-align: center;
}
.team-grid h3 {
  font-size: 1.4em;
  font-weight: 500;
  margin: 10px 0px 10px 0px;
    font-family: 'Montserrat', sans-serif;                                          
}
.team-grid h3 a{
  color: #000;
}
.team-grid h3 a:hover{
  color:#FAA026;
}
.team-main h4 {
  font-size: 2.5em;
  color:#000;
  text-align: center;
  margin: 0px 0px 1.5em 0px;
  font-family: 'Montserrat', sans-serif;
}
.team-grid p {
  font-size: 15px;
  font-weight: 400;
  color: #8B8B8B;
  line-height: 1.8em;
}

@media(max-width:1024px){

  .team2 {
  padding: 3em 0px;
}
.text-center{
  text-align: center;
}
.about-main h4 {
  margin: 0px 0px 1em 0px;
}
.team-main h4 {
  margin: 0px 0px 1em 0px;
}
.text-center{
  text-align: center;
}
}

@media(max-width:768px){
  .team-grid {
  margin: 0px 0px 1.5em 0px;
  float: left;
  width: 50%;
}
.team-grid h3 {
  margin: 20px 0px 12px 0px;
}
.team-grid p {
  margin: 0 auto;
}
.text-center{
  text-align: center;
}

}

@media(max-width:480px){

  .team-main h4 {
  font-size: 2em;
}
.team-grid h3 {
  font-size: 1.2em;
}
.team2 {
  padding: 2em 0px;
}
.team-grid p {
  font-size: 13px;
}
.team-main h4 {
  margin: 0px 0px 0.5em 0px;
}
.text-center{
  text-align: center;
}
}

@media(max-width:320px){

.team2 {
  padding: 1em 0px;
}
.team-main h4 {
  font-size: 1.6em;
  margin: 0px 0px 0.8em 0px;
}
.team-grid h3 {
  font-size: 1em;
  margin: 7px 0px;
}
.team-grid {
  margin: 0px 0px 1em 0px;
  padding: 0px 9px 0px 0px;
}
.team-grid p {
  font-size: 11.5px;
}
.text-center{
  text-align: center;
}
}

/*team*/
.team figure{width: 100%;}
.team img{width: 100%;}
.team b{font-size: 1.2em;display: block;}
.team a i.fa{color: #fff; font-size: 2em;}
.team a i.fa:hover{color: #E89F10;}





/************************************/

/* team new ***** */



.friend {
  padding: 0;
  list-style: none;
  padding: 0em 10em 3em 10em;
}
.friend-img img, .friend-img1 img {
  border-radius: 50%;
  box-shadow: 3px 3px 0px 0px rgba(219, 56, 91, 0.80);
  width: 70%;
  margin: 0 auto;
}
.friend-desc h3,.friend-desc1 h3 {
  font-size: 1.5em;
  margin: 0em 0em 0.3em 0em;
  
  color:#db385b;
}


.friend-desc,.friend-desc1 {
  margin: 1.5em 0em 0em 0em;
}
.friend-desc h4,.friend-desc1 h4 {
  font-size: 0.9em;
  margin: 0em 0em 1em 0em;
  color: #bb2735;
}
.friend-desc p,.friend-desc1 p {
  font-size: 0.91em;
  color: #000;
  line-height: 1.8em;
}
@media(max-width:1280px){

.friend {
  padding: 0em 8em 3em 8em;
}
}
@media(max-width:768px){
  .friend-img {
  float: left;
  width: 30%;
}
.friend-desc {
  float: right;
  width: 70%;
}
.friend-desc1 {
  float: left;
  width: 70%;
}
.friend-img1 {
  width: 30%;
  float: right;
}
.friend-img img, .friend-img1 img {
  width: 100%;
}
.friend {
  padding: 0em 3em 3em 3em;
}
.friend-desc p, .friend-desc1 {
  font-size: 0.81em;
}
}

@media(max-width:640px){

  ul.friend li.friend-img {
  width: 28%;
}
ul.friend li.friend-desc {
  margin-top: 1em;
}
ul.friend li.friend-img1 {
  width: 28%;
}
ul.friend li.friend-desc1 {
  margin-top: 1em;
}
.friend-desc h4, .friend-desc1 h4 {
  font-size: 0.9em;
  margin: 0em 0em 0em 0em;
}
.friend-desc, .friend-desc1 {
  margin: 0em 0em 0em 0em;
  padding: 0px;
}
.friend-desc h3, .friend-desc1 h3 {
  font-size: 1.2em;
}
}

@media(max-width:480px){
  li.friend-img img {
  width: 35%;
  margin: 0 auto;
}
ul.friend li.friend-desc p, ul.friend li.friend-desc1 p {
  font-size: 0.9em;
  margin-top: 0em;
}
li.friend-desc {
  text-align: center;
}
ul.friend li.friend-img {
  float: none;
  width: 100%;
  margin-right: 0em;
}
ul.friend li.friend-desc {
  float: none;
  width: 100%;
}
ul.friend li.friend-desc1 {
  float: none;
  width: 100%;
  text-align: center;
}
ul.friend li.friend-img1 {
  float: none;
  width: 100%;
  margin:0 auto;
}
li.friend-img1 img {
  width: 35%;
  margin: 0 auto;
}
ul.friend li.friend-desc1 {
  margin: 0em 0em 1em 0em;
}
ul.friend {
  margin-bottom: 1.5em;
}

.friend {
  padding: 0em 0.60em 1.5em 0.60em;
}
}

@media(max-width:320px){
  .friend {
      padding: 0em 0.60em 0.50em 0.60em;
  }

  ul.friend li.friend-desc h3 a, ul.friend li.friend-desc1 h3 a {
  font-size: 0.61em;
}
ul.friend li.friend-desc p, ul.friend li.friend-desc1 p {
  font-size: 0.8em;
}
ul.friend {
  margin-bottom: 1em;
}
}


/*--//services-section--*/

/* quant */
/*-- banner-bottom1 --*/

.padtop{
  margin-top: 4%;

}
.banner-bottom2{
 
  background-size:cover;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  -ms-background-size:cover;


}

.banner-bottom1{
  
  background-size:cover;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  -ms-background-size:cover;


}
.agile_banner_bottom1_left{
  
  padding:0;
}
/*0000000000000*/
.agile_banner_bottom1_right{
  padding: 1em;
    
}
.banner-bottom1,.agile_banner_bottom1_right{
  min-height:500px;

  }
.hsh{
  font-size: 14px;

}


.agile_banner_bottom1_right h4{
 
  font-size:1.8em;
  color:#000;
}
.agile_banner_bottom1_right p{
  margin:1em 0 3em;
  line-height:2em;
  color:#fff;
}
.agile_banner_bottom1_right ul li{
  display:block;
  margin-bottom:1.5em;
  color:#000;
  
}
.agile_banner_bottom1_right ul li span{
  color:#db385b;
  padding-right:2em;
}
.agile_banner_bottom1_right ul li:last-child{
  margin-bottom:0;
}
.wthree_testimonials_grid{
  position: relative;
    margin: 6em auto 0;
    background:#EDEDED;
    padding:6em 5em 3em;
}
.wthree_testimonials_grid1,.wthree_testimonials_grid{
  width: 70%;
}
.wthree_testimonials_grid:after{
  content: '';
    width: 4%;
    height: 10px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #EDEDED;
    position: absolute;
    bottom: -7%;
    right: 10%;
}
.wthree_testimonials_grid h4{
  font-size:1.3em;
  color:#212121;
  line-height:1.5em;
}
.wthree_testimonials_grid p{
  color:#999;
  line-height:2em;
  margin:1em 0 0;
}
.wthree_testimonials_grid_pos{
  position: absolute;
    top: -30%;
    left: 43%;
}
.wthree_testimonials_grid1{
  text-align:right;
  margin: 0 auto;
}
.wthree_testimonials_grid1 h5{
  font-size: 1em;
    color: #FF0000;
    margin: 1.5em 0 1.5em;
}
.wthree_testimonials_grid1 p{
  color:#212121;
}
/*****************/

/* Talk Business
---------------------------------*/
.business-talking{
  background:url(../images/section-bg-22.jpg) top center no-repeat;
  background-size:cover;
  padding:60px 0 10px;
  text-align:center;
  margin: 3% 0 3% 0;
}
.business-talking h2{
  font-family: 'Montserrat', sans-serif;
  font-weight:700;
  padding:0;
  margin:20px 0 70px;
  
  font-size:42px;
  color:#fff;
}

.business-talking span{
  color:#fff;

  }

  .business-talking2{
  background:url(../images/section-bg-33.jpg) top center no-repeat;
  background-size:cover;
  padding:60px 0 10px;
  text-align:center;
  margin: 3% 0 3% 0;
}
.business-talking2 h2{
  font-family: 'Montserrat', sans-serif;
  font-weight:700;
  padding:0;
  margin:20px 0 70px;
 
  font-size:42px;
  color:#fff;
}

.business-talking2 span{
  color:#fff;

  }

.business-talking1{
  background:url(../images/section-bg-11.jpg) top center no-repeat;
  background-size:cover;
  padding:60px 0 10px;
  text-align:center;
  margin: 3% 0 3% 0;
}
.business-talking1 h2{
  font-family: 'Montserrat', sans-serif;
  font-weight:700;
  padding:0;
  margin:20px 0 70px;
 
  font-size:42px;
  color:#fff;
}

.business-talking1 span{
  color:#fff;

  }
/*=======================================================*/


/*-- Effect 1--*/
.about-grids span {
    font-size: 1.8em;
    color: #999;
    display: inline-block;
    border-radius: 50%;
    text-decoration: none;
    z-index: 1;
    padding: 1em;
}
.about-grids span:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-si
	zing: content-box;
}

.about-grids {
    text-align: center;
}
.about-grids h4 {
    font-size: 1.2em;
    margin: 1em 0 .5em;
    color: #bb2735;
    line-height: 1.5em;
	position:relative;
}


h4{
	font:300 1.4em Roboto,Arial,Helvetica;
	margin-bottom: 1em;
	color:#bb2735;
}

p {
    
    color: #000;
    line-height: 1.8em;
}

.why h4{
	font:300 1.4em Roboto,Arial,Helvetica;
	margin-bottom: 0.5em;
	color:#bb2735;
}

.why p {
    font-size: 16px;
    color: #000;
    line-height: 1.8em;
}


.about-grids h6 {
    padding: 1px;
    background: #db385b;
    width: 33%;
    margin: 2em auto 0;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	transition:.5s all;
}
.about-grids:hover h6 {
    width: 55%;
}
/*-- Effect 1--*/
.about-grids span {
    font-size: 1.8em;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    text-decoration: none;
    z-index: 1;
    padding: 1em;
}
.about-grids span:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.about-grids:hover span{
	background:#da345b;
	color: #fff !important;
}
.about-grids:hover span:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.effect-1 {
	background: #d5c2a7;
	-webkit-transition: background 0.5s, color 0.2s;
	-moz-transition: background 0.5s, color 0.2s;
	transition: background 0.5s, color 0.2s;
}
.effect-1:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 2px #db385b;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.2s;
	-webkit-transform: scale(0.8);
	-moz-transition: -moz-transform 0.5s, opacity 0.2s;
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transition: transform 0.5s, opacity 0.2s;
	transform: scale(0.8);
	opacity: 0;
}

.address-row {
    margin-top: 3em;
}
.address-row:hover span.glyphicon {
    border-color: #db385b;
    color: #bb2735;
	-webkit-transform: rotatey(360deg);
	-moz-transform: rotatey(360deg);
    transform: rotatey(360deg);	
	-o-transform: rotatey(360deg);
	-ms-transform: rotatey(360deg);
}
.address-left {
    padding: 0;
}
.address-row span.glyphicon {
    font-size: 1.2em;
    border: 2px solid #aaa;
    padding: 1em;
    color: #555;
	transition:.5s all;
}

.address-row h5 {
    font-size: 1.6em;
    color: #333;
    margin-bottom: 0;
}
.address p {
    font-size: 0.9em;
}
.address p a {
    color: #ff7200;
}
.address p a:hover{
    color: #999;
}
.address h4 {
    font-size: 1.8em;
    color: #bb2735;
    margin-bottom: 0.6em;
    
    
}

.map iframe {
    width: 100%;
    min-height: 400px;
    border: none;
}

/**********************************************/

/* 


   5 columns grid for 'md' and 'lg' screens

   @tatygrassini


*/

@media (min-width: 992px) {
  .col-md-1-5 { width: 20%; }
  .col-md-2-5 { width: 40%; }
  .col-md-3-5 { width: 60%; }
  .col-md-4-5 { width: 80%; }
  .col-md-5-5 { width: 100%; }
  .text-center{
  text-align: center;
}
}

@media (min-width: 1200px) {
  .col-lg-1-5 { width: 20%; }
  .col-lg-2-5 { width: 40%; }
  .col-lg-3-5 { width: 60%; }
  .col-lg-4-5 { width: 80%; }
  .col-lg-5-5 { width: 100%; }
  .text-center{
  text-align: center;
}
}

/* Demo only, no need for this */
/*
.show-grid [class^=col-] span,
.container-fluid .show-grid [class^=col-] {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  
 
  text-align: center;
  
 
}


.show-grid [class^=col-] span:hover,
.container-fluid .show-grid [class^=col-] {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  
 
  text-align: center;

  -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
    opacity: 2px;


   
  
 
}

*/

/*

[class^=col-] {
  margin-bottom: 30px;
}

*/

.box2 {
    margin: 4% 0% 2% 4%;
}


.view {
    width: 200px;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
    background: #db385b;
  -moz-border-radius:6px;
  -o-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;

}
.view .mask,.view .content {
    width: 200px;
  height: 200px;
  position: absolute;
  overflow: hidden;
  top: 0px;
  left: 0px;
  -moz-border-radius: 6px;
  -o-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  text-align: center;
}
.view h3 {
  color:#fff;
  font-size:1.4em;
  margin-top: 40%;
  
  line-height:1.5em;
}
.view h4 {
  
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 10px;
   padding: 10px;
   background:none;
   font-weight:200;
   margin: 20px 19px 1px 10px;
   font-family: 'Open Sans', sans-serif;
   line-height: 1.2em;
}
.view p {
    font-size: 0.9em;
  position: relative;
  color: #FFF;
  padding:20px 20px 0px 20px;
  text-align: center;
  line-height: 1.5em;
}
.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
  background-color:#d9c3a2;
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h4 {
      font-size: 20px;
        border-bottom: 1px solid #db385b;
    color: #fff;
    line-height: 1.5em;
    font-weight: 200
}
.view-fifth p {
   color: #fff;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view.view-fifth i {
    color: #fff;
    font-size: 4em;
      padding-top: 0.8em;
}

@media (max-width:1080px){
    .anan img {
  
  width: 90%;
}
.text-center{
  text-align: center;
}

}

@media (max-width:991px){
  
  .box2 {
    margin: 2% 23%;
  }
  .view {
    margin: 19px 35px;
  }
  .view {
    margin: 0 2px;
      width: 200px;
    height: 200px;
  }
  .view .mask, .view .content {
    width: 200px;
    height: 200px;
  }
  .view-fifth h4 {
      font-size: 17px;
  }

  .view-fifth h3 {
      font-size: 17px;
  }
  .anan img {
  
  width: 60%;
}
.text-center{
  text-align: center;
}
}

@media (max-width:800px){
    .box2 {
    margin: 2% 0%;
  }
.view {
    margin: 0 2px;
     width: 200px;
    height: 200px;
  }
  .view .mask, .view .content {
    width: 200px;
    height: 200px;
  }
  .view-fifth h4 {
      font-size: 17px;
  }
  .view-fifth h3 {
      font-size: 17px;
  }
     .anan img {
  
  width: 60%;
}
.text-center{
  text-align: center;
}
}
@media (max-width:768px){
  
  .box2 {
    margin: 2% 0%;
  }
  .view {
    margin: 0 2px;
      width: 200px;
    height: 200px;
  }
  .view .mask, .view .content {
    width: 200px;
    height: 200px;
  }
  .view-fifth h4 {
      font-size: 17px;
  }
  .view-fifth h3 {
      font-size: 17px;
  }
     .anan img {
  
  width: 90%;
}
.text-center{
  text-align: center;
}
}

@media (max-width:667px){

    .box2 {
        margin: 2% 22%;
  }
    .view {

    margin: 0 5px;
    width: 200px;
    height: 200px;
    margin-bottom: 1em;
  }
  .view .mask, .view .content {
    width: 200px;
    height: 200px;
  }
     .anan img {
  
  width: 90%;
}
.text-center{
  text-align: center;
}
}

@media (max-width:640px){
 
    .box2 {
        margin: 2% 21%;
  }
  .view {

    margin: 0 5px;
   width: 200px;
    height: 200px;
    margin-bottom: 1em;
  }
  .view .mask, .view .content {
    width: 200px;
    height: 200px;
  }
      .anan img {
  
  
}
.text-center{
  text-align: center;
}
  }

  @media (max-width:600px){
  .view {
     margin: 0 5px;
    width: 200px;
    height: 200px;
    margin-bottom: 1em;
  }
  .view .mask, .view .content {
    width: 200px;
    height: 200px;
  }
  }
@media (max-width:480px){
  .box2 {
        margin: 2% 10%;
  }
.text-center{
  text-align: center;
}
}

@media (max-width: 414px){
 
  .box2 {
      margin: 2% 5%;
  }
  .text-center{
  text-align: center;
}
  }

  @media (max-width:384px){
  
  .box2 {
       margin: 2% 9%;
    }
    .view {
    margin: 19px 0px;
    width: 200px;
    height: 200px;
  }
  .view .mask, .view .content {
   width: 200px;
    height: 200px;
  }
  .text-center{
  text-align: center;
}

  }

  @media (max-width:320px){
  .box2 {
    margin: 2% 0%;
  }
  .view {
    margin: 19px 0px;
    width: 200px;
    height: 200px;
  }
  .view .mask, .view .content {
      width: 200px;
      height: 200px;
  }
  .view-fifth h4 {
     font-size: 16px;
  }
  .view-fifth h3 {
     font-size: 16px;
  }
  .text-center{
  text-align: center;
}
}



}

/***********************************************/

@media(max-width:1080px){

.about-grids h4 {
    font-size: 1.3em;
}
.flag img {
  width: 100%;
}
.text-center{
  text-align: center;
}
}

@media(max-width:991px){


.about-grids {
    float: left;
    width: 50%;
}
.about-grids:nth-child(3),.about-grids:nth-child(4){
    margin-top: 2em;
}
.about-grids span {
    font-size: 1.4em;
}
.about-grids h4 {
    font-size: 1.2em;
}
.about-grids h6 {
    margin: 1em auto 0;
}

.flag img {
  width: 100%;
}
.text-center{
  text-align: center;
}
}

@media(max-width:414px){

.about-grids {
    float: none;
    width: 100%;
}
.about-grids:nth-child(2){
    margin-top: 2em;
}
.about-grids:nth-child(3), .about-grids:nth-child(4) {
    margin-top: 1.5em;
}
.flag img {
  width: 100%;
}
.text-center{
  text-align: center;
}
}

@media(max-width:320px){

.about-grids h4 {
    margin: 1em 0 0.2em;
}
.about-grids:nth-child(2),.about-grids:nth-child(3), .about-grids:nth-child(4) {
    margin-top: 1.5em;
}
.flag img {
  width: 100%;
}
.text-center{
  text-align: center;
}

}