/******************************************************************************
  Max Width "7992px"
*******************************************************************************/

@media screen and (max-width: 992px){
	.hide-xs{
		display: none !important;
	}
	
}
/******************************************************************************
  Min Width "992px"
*******************************************************************************/

@media screen and (min-width: 992px){
	.show-xs{
		display: none !important;
	}
}
/******************************************************************************
  Min Width "1024px"
*******************************************************************************/
@media only screen and (min-width:982px) {
	
}

/******************************************************************************
  Min Width "768px"
*******************************************************************************/
@media only screen and (min-width:768px) {

	.contact-form .modal-dialog{
		width: 300px;
	}
	.product-ul{
		margin-right: 30px;
	}

	/* =================================================================== 
						NAVIGATION MENU
	======================================================================*/
	.navbar-default .navbar-nav > li {
		display:inline-block;
		float:none;
		vertical-align:middle;
		padding:0 15px;
	}
	.navbar-default .navbar-nav > li > a {
		line-height: 111px;
		padding: 0;
	}
	.navbar-default.navbar-transparent .navbar-nav > li > a {
		color:#111;
	}
	.is-sticky .navbar-default .navbar-nav > li > a {
		line-height:110px;
	}

	/* DROPDOWN */
	.dropdown-menu {
		box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.5);	-webkit-box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.5);	-moz-box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.5);
		-ms-box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.5);	-o-box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.5);
		border:none;
		border-radius:0;	-webkit-border-radius:0;	-moz-border-radius:0;	-ms-border-radius:0;	-o-border-radius:0;
		display: block;
		min-width: 170px;
		opacity: 0;
		padding: 0;
		margin:0;
		transition:0.3s all ease-in-out;-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out;-ms-transition:0.3s all ease-in-out;-o-transition:0.3s all ease-in-out;
		visibility: hidden;
	}
	.dropdown:hover > .dropdown-menu {
		opacity:1;
		visibility: visible;
	}
	.navbar-nav .dropdown-menu {
		left: 0;
		right: auto;
	}
	.navbar-nav .dropdown-menu .sub-dropdown-menu {
		left:100%;
		top:0;
	}
	.navbar-right > li:last-of-type .dropdown-menu .sub-dropdown-menu,
	.navbar-right > li:nth-last-child(2) .dropdown-menu .sub-dropdown-menu {
		right:100%;
		left:auto;
		top:0;
	}
	.dropdown-menu > li > a  {
		font-size: 13px;
		font-weight: 800;
		padding: 0 20px;
		line-height:40px;
		text-transform: uppercase;
	}	
	.dropdown-menu span.dropdown-toggle {
		position: absolute;
		right: 20px;
		top: 3px;
	}
	.add-info-section {
		margin-top:-150px;
	}
	.btn-filter-wrap .btn-filter.all-filter {
		float:right;
	}
	.nav-type-2 {
		text-align:center;
	}
	.nav-type-2.navbar-default .navbar-nav > li > a {
    	letter-spacing: 1px;
	}
	.navbar-nav.navbar-center {
		display: inline-block;
		float: none;
	}

}	
/******************************************************************************
  Max Width "991px"
*******************************************************************************/
@media only screen and (min-width:991px){

	body.boxed {
		padding:50px;
		overflow-x:hidden;
	}
	.xs-font{
		font-size: 18px;
		letter-spacing: 2px;
	}
	
	.boxed .page-wrapper {
		overflow:hidden;
		position:relative;
	}
	.boxed .navbar-transparent {
		left:0;
		right:0;
	}
	.boxed .is-sticky #nav-sticker {
		left:0;
		right:0;
	}
}	

/******************************************************************************
  Max Width "991px" and Min Width 768
*******************************************************************************/
@media (max-width:992px) and (min-width:768px) {
	
}
/******************************************************************************
  Max Width "991px"
*******************************************************************************/
@media only screen and (max-width:991px){
	.we-do-grid .row{
		display: block;
	}
	.we-do-grid-outer{
		min-height: 700px;
	}
	.col-md-1, .col-md-10, .col-md-11, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
		margin-bottom:0;
	}
	.row > div[class^="col-md"]:last-child {
		margin-bottom: 0;
	}

	/*.row .row > div[class^="col-md"]:last-child {
		margin-bottom: 55px;
	}*/
	/* =================================================================== 
						ISOTOPE GRID
	======================================================================*/
	/* GRID 3 COLUMN */
	.isotope-grid.column-3 .grid-sizer,
	.isotope-grid.column-3 .grid-item { width: 50%; }
	/* GRID 4 COLUMN */
	.isotope-grid.column-4 .grid-sizer,
	.isotope-grid.column-4 .grid-item { width: 50%; }
	
}
/******************************************************************************
  Max Width "767px"
*******************************************************************************/



@media screen and (max-width: 767px){
	p{
		font-size: 14px;
	}
	.banner_overlay{
		top: 130px;
	}
	.icongrid1{
	top: 30%;
}
.grid_innerlist{
	padding: 10px;
}
h3{
	font-size: 18px;
}
.list_grid_con p{
	padding: 20px 30px;
}
.service h2{
	font-size: 18px;
}
.bg_blue p{
	font-size: 16px;
}
.grid_red,.grid_blue{
	border-width: 3px;
}
.icongrid:after{
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 13px;
}
.icongrid a{
	line-height: 44px;
	font-size: 13px;
}
.section-title p{
	left: 20%;
	right: 20%;
}
.banner-type-2,.banner-type-3,.banner-type-4,.banner-type-5{
	height: 450px;
}
.icongrid2{
	top: 40%;
}
.icongrid3{
	top: 50%;
}
.icongrid4{
	top: 60%;
}
.icongrid5{
	top: 70%;
}
.icongrid6{
	top: 80%;
}
.icongrid7{
	top: 90%;
}
	.icongrid{
		opacity: 0.8;
	}
	.service.show-xs .col-md-3{
		float: left;
	}
	.team.section-title{
		left: 40%;
		top: 57%;
	}
	.grid_list img{
		margin: 0 auto;
		padding: 0;
		width: 60%;
		float: none;
	}
	.grid_list{
		padding: 10px;
		margin:0;
	}
	.contact-banner.section-title{
		left: 15px;
		right: 15px;
	}
	.contact-banner.section-title h2{
		font-size: 20px;
	}
	.banner-type-3 .section-title h2{
		font-size: 20px;
	}
	.banner-type-3 .section-title{
		top: 75%;
	}
	.banner-type-3{
		background-position: 20%;
	}
	.service .row > div[class^="col-md"]:last-child{
		margin-bottom: 20px;
	}
	.list_grid .row > div[class^="col-md"]{
		margin-bottom: 0;
		border-bottom: 1px solid #ffffff;
	}
	.list_grid .row{
		margin-bottom: 0;
	}
	.banner-type-4{
		background-position: 30%;
	}
	.team.section-title h2{
		font-size: 20px;
	}
	.grid{
		margin: 0 5px;
	}
	.icongrid:hover{
		width: 70%;
	}
	.icongrid:hover a{
		padding: 0;
	}

	.icon p{
		font-size: 14px;
		line-height: 20px;
	}
	.banner_overlay p{
		font-size: 24px!important;
	}
	.banner_para {
    font-size: 10px !important;
}
	.product-ul{
		text-align: center;
	}
	.product-ul li{
		display: inline-block;
		margin-right: 20px;
	}
	h5{
		font-size: 22px;
	}
	/*.grid-item .row{
		display: block !important;
	}*/
	/*.row{
		margin-bottom: 0 !important;
	}*/
	.footer-ul{
		padding-left: 0px !important;
	}
	.section-title{
		margin-bottom: 0;
	}
	.section-title h2,
	.service.section-title h2{
		font-size: 20px;
	}
	.section-title p{
		font-size: 14px;
	}
	.padding-tb-150{
		padding: 60px 0;
	}
	.footer-bottom p{
		text-align: center;
	}
	.footer-bottom .col-sm-6{
		margin-bottom: 10px;
	}
	.xs-font {
		font-size: 14px !important;
	}
	.sub-head-xs{
		font-size: 26px !important;
		letter-spacing: 2px;
	}
	.animated {
		visibility:visible;
		animation:none;
		-webkit-animation:none;
		-moz-animation:none;
		-ms-animation:none;
		-o-animation:none;
	}
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
		margin-bottom:30px;
	}
	.row > div[class^="col-sm"]:last-child {
		margin-bottom: 0;
	}
	/*.img-responsive {
		width:100%;
	}*/
	.add-info-section {
		padding:150px 0 0;
	}
	.info-box {
		background:#333; 
	}
	/* =================================================================== 
						NAVIGATION MENU
	======================================================================*/
	.nav-top {
		padding:10px 0;
	}
	.nav-top .list-inline > li {
		line-height: 25px;
	}
	.nav-top .list-inline ,.nav-top .list-inline.pull-right{
		display:block;
		float:none!important;
		text-align:center;
	}
	.navbar-nav {
		margin: 0 -15px;
	}
	.navbar-toggle {
		border:none;
		font-size:32px;
		color:#111;
		margin-top:0;
		margin-bottom:0;
		padding:0;
		line-height:125px;
	}
	.navbar-collapse {
		max-height: 370px;
	}
	.is-sticky .navbar-toggle {
		line-height:110px
	}
	.navbar-toggle.collapsed {
		font-size:36px;
	}
	.navbar-toggle.collapsed .ion-android-close:before {
		content:"\f20e";
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	.navbar-default .navbar-collapse {
		background:#fff; 
	}
	.navbar-default .navbar-nav > li {
		padding: 0 15px;
	}
	.navbar-default .navbar-nav.navbar-social > li {
		display:inline-block;
		padding: 0 10px;
	}
	.navbar-default .navbar-nav > li > a,
	.navbar-default .dropdown > a {
		display:block;
		line-height: 25px;
		padding-bottom: 10px;
		padding-top: 10px;
		color:#111;
	}
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:focus, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > li:hover > a,
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li.dropdown > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li.dropdown > a:focus {
		color: #323c8d;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li.dropdown > a {
		color:#fff;
		background-color: #111;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 25px;
	}
	.navbar-nav .open .dropdown-menu > li.dropdown > a {
		padding: 10px 15px 10px 25px;
	}
	.navbar-nav .open .dropdown-menu {
		border-radius:0;	-webkit-border-radius:0;	-moz-border-radius:0;	-ms-border-radius:0;	-o-border-radius:0;
		padding:0;
	}
	.navbar-nav .open .dropdown-menu.sub-dropdown-menu {
		padding-left: 15px;
	}
	.navbar-default span.dropdown-toggle {
		cursor:pointer;
		display: inline-block;
		font-size: 25px;
		height: 25px;
		line-height: 25px;
		position: absolute;
		right: 15px;
		text-align: center;
		top: 10px;
		width: 25px;
		color:#fff;
		font-size:10px;
	}
	.navbar-default span.dropdown-toggle i {
		color:#202427;
	}
	.navbar-default span.dropdown-toggle > i:before {
		content:"\f3d3";
	}
	.navbar-default .navbar-nav .dropdown.open > span.dropdown-toggle > i:before {
		content:"\f3d0";
	}
	/***************/
	.list-box{
		margin: 0 30px;
	}
	.client-ul li{
		width: 100%;
	}
	.grid-ul li{
		width: 100%;
		margin: 0;
	}
	.grid-ul li:hover{
		transform: scale(1,1);
	}
	/* =================================================================== 
						ISOTOPE GRID
	======================================================================*/
	.isotope-grid.column-2 .grid-sizer,
	.isotope-grid.column-2 .grid-item { width: 100%; }
	/* GRID 3 COLUMN */
	.isotope-grid.column-3 .grid-sizer,
	.isotope-grid.column-3 .grid-item { width: 100%; }
	/* GRID 4 COLUMN */
	.isotope-grid.column-4 .grid-sizer,
	.isotope-grid.column-4 .grid-item { width: 100%; }
	
	.copyright,.footer-menu {
		margin-bottom:0!important;
		text-align:center;
	}
	
}
/******************************************************************************
  Max Width "480px"
*******************************************************************************/
@media screen and (max-width: 500px){
	.banner_overlay p{
		font-size: 20px!important;
	}
	.xs-font {
		font-size: 10px !important;
		line-height: 30px !important;
	}
	.sub-head-xs{
		font-size: 22px !important;
		letter-spacing: 2px;
	}
}




@media screen and (max-width: 767px){
	    .banner_para {
margin-bottom: -40px!important;    }
    .banner_para span{
        font-size: 11px !important;
    }}