/*  Start Media Query */ 

@media (max-width:767px ) 
{
   .about, .our-team, .our-process, .our-skills, .contact-us .overlay
    {
      padding:70px 0
    }
    .close{display: none;}
    .example-area .imgview img{
	    width: 100%;
	    text-align: center;
	    margin: 0 auto;
	    position: absolute;
	    left: 0;
	    right: 0;
	    padding: 0 !important;
	    padding-bottom: 0px;
	    background: none;
	    box-shadow: none;
    }
    .example-area .imgview .online-addr, .example-area .imgview .online-space{display: none !important;}
    .about .row.way-container .wikidoing{
    	width:100%;
    }
    .about .wikidoing h1{
	    	font-size: 25px;
	    	line-height: 28px;
    }
    .about .wikidoing .eng{
    		font-size: 14px;
    }
    .about .row.way-container{
    		border: 0px;
    }
    .about .data{
    		margin-top: 10px;
    }
    .about .clearimg{
    		width: 100%;clear: both;margin-top: -50px;
    		display: block !important;
    }
    .our-team{
    		padding-bottom: 30px !important;
    }
    .our-team .reamke{
    		margin-bottom: 30px;
    }
    .our-team .slogan h1{
    		font-size: 14px;
    }
    .our-team .info-team{
    		margin-bottom: 0px !important;
    }
    .footer .contact-img{
    		line-height: 60px !important;
	    margin-top: -20px !important;
	    margin-bottom: 10px !important;
    }
    .partner{display: none !important;}
    .footer .sub-menu{display: none !important;}
    .footer .left-content{border-right: 0px !important;}
   .shop-products, .Portfolio {padding-top: 70px !important;}
   .header-top-info .top-info-left a 
   {
   	font-size:11px !important;
   }
   header .mid {
   	top:70px;
   	background-size: auto 50%;
   }
   header .mid .winwin{
   	background-size: auto 50%;
   }
   .header-top-info {text-align: center;}
   .header-top-info .top-info-right {margin: 0 25%}
   .nav-fixed .nav {margin-right:0;font-size:16px;margin:0 auto}
   .nav-fixed .navbar-brand {position:absolute;left:20px;top:3px;}
   .nav-fixed {padding:0 20px;}
   header {min-height:490px;}
   header #scroll-down 
   {
   	bottom:20px;
   	font-size:-webkit-xxx-large;
   }

	.row.way-container .waytxt{
		padding:0px !important;
	}
   header .mid h1 {font-size:55px}
   header .mid hr {max-width:140px}
   .tool-option  h2 span {width:30px;height:30px;right:-30px}
   .tool-option  h2 span i {font-size:20px;margin:5px 0 0 -1px;}
   .about h2 {font-size:25px;margin-bottom:25px}
   .about p {font-size:16px}
   .about .data .dev {margin-bottom:37px}
   .about .data .dev h3 {margin-top:5px;}
   .about .arrow-box p  {font-size: 14px;}
   .count-area .counter {margin-bottom:20px}
   .our-team h2 {font-size:40px;margin-bottom:20px}
   .our-team .lead {font-size:15px}
   .our-team .team-member .wrap-item .item {width:260px;height:260px}
   .our-team .team-member .wrap-item {margin-left:0}
   .our-team .team-member .prev, .next {font-size:10px;top:40%}
   .our-team .team-member h3 ,.team-member p {font-size:15px}
   .our-process h2 {font-size:32px}
   .our-process hr {max-width:130px} 
   .our-process p  {font-size:16px}
   .our-process .media h3 {font-size:33px}
   .our-process .media .media-body ul>li {font-size:12px;font-weight:500}
   .about-text h3 {font-size:20px}
   .about-text p ,.about-text ul li {font-size:13px}
   .shop-products {padding-top: 0}
   .shop-products .section-title h2 {font-size:32px} 
   .Portfolio {padding-top: 0}
   .Portfolio h2 {font-size:42px}
   .Portfolio p {font-size:13px;color:#000;margin-bottom:35px}
   .Portfolio #filters li .filter {font-size:9px;padding:10px}
   .Portfolio .button {padding:8px 15px}
   .Portfolio .button ,.hvr-icon-spin:before {font-size:12px}
   .hvr-icon-spin:before {left:-110px}
   .Portfolio .blog-btn {margin-top:20px;margin-bottom:50px}
   .pricing .first-price ,.pricing .second-price ,.pricing .third-price 
   	{
   		margin:20px;
   		padding-top:8px;
   	}
   	.pricing p {font-size:14px}
   .pricing .pricing-item .list-group-item {font-size:13px}
   .subscribe {padding:50px 0}
   .subscribe h2 {font-size:24px}
   .subscribe .form-inline input {min-width:200px}
   .subscribe .form-inline button {margin-top:15px}
   .subscribe .form-inline button {font-size:15px}
   .contact-us h2 {font-size:36px}
   .footer .contact-details {margin-bottom:40px} 
   #scroll-up {right:20px;bottom:20px}
   .tool-option {top:55%}

   /* Important styles Menu*/
	#toggle 
	{
		display:block;
		width:28px;
		height:30px;
		margin:30px auto 10px;
		margin-right:0
	}
	#toggle span:after,
	#toggle span:before {content: "";position:absolute;left:0;top:-9px}
	#toggle span:after {top:9px}
	#toggle span {position:relative;display:block}
	#toggle span,
	#toggle span:after,
	#toggle span:before 
	{
	  width:100%;
	  height:5px;
	  background-color:#fff;
	  transition:all 0.3s;
	  backface-visibility:hidden;
	  border-radius:2px;
	}
	#toggle span.change:after,
	#toggle span.change:before {background:#333} 
	/* on activation */
	#toggle.on span {background:transparent;}
	#toggle.on span:before {transform: rotate(45deg) translate(5px, 5px)}
	#toggle.on span:after {transform: rotate(-45deg) translate(7px, -8px)}
	#toggle.on + #menu {opacity:1;visibility:visible;display:block;}
	/* menu appearance*/
	#menu 
	{
      	position: absolute;
	    color: white;
	    width: 70%;
	    margin-right: -70%;
	    height: 568px;
	    top: 0px;
	    padding: 10px;
	    right: 0px;
	    text-align: center;
	    background: rgba(0,0,0,.9);
	    box-shadow: 0 1px 8px rgba(0,0,0,0.05);
	    transition: opacity .4s;
	    transition: .25s;
	}
	#menu.show{
		margin-right:0px;
	}
	.nav-fixed .nav{
		width: 100%;
	}
	.nav-pills>li{
		float: none;
		text-align: center;
		color: white !important;
	}
	.nav li:hover, .nav li:active, .nav-pills>li.active{
		border:0px;
	}
}
@media (max-width:425px )
{
  .our-team .team-member .wrap-item .item {width:365px;height:365px}
  .our-team .team-member .prev, .next {top:45%}
}

@media (max-width:375px ) 
{
  .our-team .team-member .wrap-item .item {width:315px;height:315px}
  .our-team .team-member .prev, .next {top:45%}
}

@media (max-width:320px)
{
  .our-team .team-member .wrap-item .item {width:260px;height:260px}
}

@media (min-width:768px) and (max-width:991px)
{ 
  .about, .our-team, .our-process, .our-skills, .contact-us .overlay {
      padding: 80px 0
    }
  .shop-products, .Portfolio {padding-top: 80px}
  .nav {margin-right:0;font-size:16px;}
  .nav li {padding: 14px 0}
   header .mid h1 {font-size:100px}
  .about .arrow-box {padding:10px 20px;margin:6px 5px}
  .about h2 {font-size:45px}
	.about .data .dev{padding: 0;margin-bottom: 25px}
	.about .data .dev p{padding: 0 10px}
	.our-team .team-member .next {right: 16px}
  .our-process .media .media-body ul>li {font-weight:500}
  .count-area .counter {margin-bottom: 15px}
  .pricing .row {padding-left: 30px}
  .pricing .pricing-item .list-group-item {font-size:16px}
  .subscribe .form-inline input{min-width:400px}
  .footer .contact-details{margin-bottom:40px}  
}
@media (min-width:992px) and (max-width:1199px)
{
   .our-team .team-member .next {right: 16px}
   .our-process .col-md-4{padding-right: 5px}
}

/*  End   Media Query */