.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('http://www.downgraf.com/wp-content/uploads/2014/09/01-progress.gif?e44397') 50% 50% no-repeat rgb(249,249,249);
}
html,
body {
	margin: 0;
	font-size: 100%;
	font-family: 'PT Serif', serif;
	background: #fff;
}

body a {
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

a:hover {
	text-decoration: none;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	color:white;
	margin: 0;
	font-family: 'Alice', serif;
	font-weight: 600;
}

p {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
}

label {
	margin: 0;
}



.w3l_header_left {
	float: left;
	margin: .3em 0 0;
}

.w3l_header_left ul li {
	display: inline-block;
	font-size: 16px;
	letter-spacing: 1px;
	color: White;
}

.w3l_header_left ul li span {
	padding-right: 0.3em;
	color: #6cc644;
}

.w3l_header_left ul li a {
	color: white;
	text-decoration: none;
}

.w3l_header_left ul li a:hover {
	color: #ffa500;
}

.w3l_header_right {
	float: right;
	
}


/*-- social-icons --*/
#mixedSlider {
  position: relative;
}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5%;
}
#mixedSlider .MS-content .item {
  display: inline-block;
  width: 25%;
  height:200px;
  position: relative;
  vertical-align: top;
  overflow: hidden;

  white-space: normal;
  padding: 0 50px;
}
@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 25%;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}



#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: #282828;
  color:#99cc00;
  outline: 0;
  font-size: 70px;
  top: 60px;
  transition: .25s linear;
}
#mixedSlider .MS-controls button:hover {
  color: #282828;
  background-color:#99cc00;
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider .MS-controls .MS-right {
  right: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}
#basicSlider { position: relative; }

#basicSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 2%;
  height: 50px;
}

#basicSlider .MS-content .item {
  display: inline-block;
  width: 20%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  line-height: 50px;
  vertical-align: middle;
}
@media (max-width: 991px) {

#basicSlider .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {

#basicSlider .MS-content .item { width: 35%; }
}
@media (max-width: 500px) {

#basicSlider .MS-content .item { width: 50%; }
}

#basicSlider .MS-content .item a {
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider .MS-controls button { position: absolute; }

#basicSlider .MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

#basicSlider .MS-controls .MS-right {
  top: 35px;
  right: 10px;
}

/*--top header start here--*/

.w3ls-social-icons a {
	background: #6cc644;
	width: 35px;
	height: 35px;
	margin-left: 1em;
	color: #fff;
	border: 1px solid rgba(51, 51, 51, 0);
	display: inline-block;
	text-align: center;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
}

.bottom-social-w3ls .w3ls-social-icons a,
.team-info .w3ls-social-icons a {
	margin: 0 10px 10px 15px;
}

.w3ls-social-icons span {
	font-size: 18px;
	color: #fff;
	line-height: 35px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
}

.w3ls-social-icons a:hover span {
	color: #ffa500;
}

.w3ls-social-icons a:hover {
	background: transparent;
	border: 1px solid #ffa500;
	color: #ffa500;
}

.top-header-main {
	padding: 1em 0em;
}

.header-address h6 {
	font-size: 0.9em;
	color: #fff;
	display: inline-block;
}





/*-- //social-icons --*/


.inner-bnr {
	background: url(../images/view.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 200px;
}




/*-- //header --*/


header{position:relative;width:100%; }
.logo{position:relative;font:18px verdana;color:#ff751a;float:left;width:20%; height:170px;}
.logo a{color:ff751a;}
nav{position:relative;width:1250px;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:2;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:20px;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family: 'PT Serif', serif ;}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:20px; padding-top:60px;font-size:18px;letter-spacing:1px;text-decoration:none;color:#ff751a;font-weight:600; }
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:	#000000;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px; }
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:79px;right:11px;width:8px;height:2px;display:block;background:#ff9900;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:76px;right:14px;display:block;width:2px;height:8px;background:#ff9900;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:15px;height:0 }
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;background:#839846;transition:all .5s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:50px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid #ff9900;padding:2px 12px;width:250px; height:40px;font-size:16px;text-decoration:none;color:white;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:black;}

@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:200px;text-align:center;padding:10px 0 0 0 ; float:none}
.logo2{display:none}
nav{width:100%; height:200px;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none;  z-index: 9999}
#cssmenu ul li{width:100%; color:white; background:#262626; }
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%; height:46px; padding:10px;color:white; font-size:18px;  }
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px;}
#cssmenu ul ul li{ background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px; }
#cssmenu ul ul li a{color:#ddd;background:none;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:absolute;left:0;width:100%;margin:0;text-align:left; }
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none }
#cssmenu #head-mobile{display:block;padding:23px;color:black;font-size:40px;font-weight:700;}
.button{width:100px;height:0;position:absolute;right:0;top:0;cursor:pointer;z-index: 9999}
.button:after{position:absolute;top:22px;right:20px;display:block;height:10px;width:20px;border-top:2px solid black;border-bottom:2px solid black;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:black;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:black;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:black;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:9999;right:0;top:0; font-size:18px; color:white; display:block;height:50px;width:50px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626;}
#cssmenu ul ul .submenu-button{height:34px;width:34px;}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block; background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:25px;right:13px; }
#cssmenu .submenu-button.submenu-opened:after{background:#fff; }
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px; background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px; }
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}


/*-- /about --*/

.about,
.gallery,

.contact-agile,
.typo {
	padding: 5em 0em;
}


p.heading-btm-w3ls {
	color: black;
	font-size: 15px;
	text-align: center;
	margin: .5em 0em 3em;
	letter-spacing: 1px;
	word-spacing: 1px;
}

h3.tittle {
	color: black;
	font-size: 42px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 800;
	font-family: 'Frank Ruhl Libre', serif;
}

h3.tittle.two {
	color: black;
}


h3.tittle span {
	color: #6cc644;
}

p.para-w3-agileits {
	font-size: 18px;
	color: #404040;
	line-height: 30px;
font-family: 'Alice', serif;
}

.about-main p.para-w3-agileits {
	
}

.contact-left p.para-w3-agileits,
.blog-inner p.para-w3-agileits,
.advntge-main p.para-w3-agileits {
	color: #fff;
}

@media(min-width:992px) {
	.about-main {
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		justify-content: space-between;
	}
}

.about-left-w3-agile {
	flex-basis: 49%;
	-webkit-flex-basis: 49%;
	-moz-flex-basis: 49%;
}

.about-right-agileinfo {
	flex-basis: 49%;
	-webkit-flex-basis: 49%;
	-moz-flex-basis: 49%;  
}

@media(min-width:481px) {
	.about-top,
	.about-bottom {
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
	}
}

.about-inner {
	flex: 1;
	margin: 2px;
	padding: 1em 1em 1em 1.5em;
}

.about-left-w3-agile span.fa {
	display: inline-block;
	font-size: 5em;
	color: #6cc644;
	float: left;
}

.about-left-w3-agile span.fa {
	display: inline;
	font-size: 5em;
	color: #6cc644;
	float: left;
	margin-right: 20px;
}

h4.sub-hdng {
	font-size: 1.5em;
	letter-spacing: 0.5px;
	line-height: 30px;
	margin-top: 11px;
	color: #273b7b;
}

.about-right-agileinfo span.fa {
	display: inline-block;
	font-size: 25px;
	color: #ffffff;
	margin-right: 11px;
	float: left;
}

.about-right-agileinfo h6 {
	display: inline-block;
	font-size: 25px;
	color: #273b7b;
	float: left;
	font-weight: 600;
	
}

.about-top {
	


/*-- //about-inner --*/

@media(min-width:641px) {
	.advntge-main {
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}

@media(min-width:1081px) {
	.advntge-left-w3-agile,
	.advntge-right-agileinfo {
		flex-basis: 50%;
		-webkit-flex-basis: 50%;
		display: flex;
		display: -webkit-flex;
	}
}

.advntge-inner-w3ls {
	flex: 1;
	padding: 3em 2em;
	background: #eee;
}

.advntge-inner-w3ls h6 {
	font-size: 1.5em;
	padding: 0.3em 1em;
	background: rgba(255, 255, 255, 0.08);
}

.advntge-inner-w3ls:nth-child(odd) {
	background: #2f2f2f;
}

.advntge-inner-w3ls:nth-child(odd) h6 {
	background: #66cc64;
	margin-bottom: 1em;
}

.advntge-inner-w3ls:nth-child(even) h6 {
	background: #273b7b;
	margin-top: 1em;
}

.advntge-inner-w3ls:nth-child(even) {
	background: #202020;
}

.advntge-inner-w3ls h6 {
	font-size: 1.5em;
	padding: 0.4em 1em;
	letter-spacing: 1px;
	font-weight: 500;
	color: #fff;
}


/*-- //about-inner --*/



/*-- //about --*/

/*--Contact --*/

h4.tittle2{
	font-size:30px; 
	text-transform: uppercase;
	font-weight: 800; 
	font-family: 'Frank Ruhl Libre', serif; 
	letter-spacing: 2px;
	text-align: center;
}

/*--//Contact --*/


/*--Map --*/

.map-w3ls {
	
	background: #fff;
}

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


/*-- //Map--*/



.w3layouts_newsletter_right input[type="email"] {
	width: 38%;
	margin: 0 1%;
}

.w3layouts_newsletter_right input[type="submit"] {
	color: #fff;
	letter-spacing: 0.5px;
	font-size: 16px;
	text-transform: capitalize;
	padding: 9.5px 0px;
	border: none;
	outline: none;
	background: #ffa500;
	border: 2px solid #ffa500;
	cursor: pointer;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s all;
}

.w3layouts_newsletter_right input[type="submit"]:hover {
	background: transparent;
	color: #fff;
}




/*--//footer--*/



/*-- icons --*/

ul.bs-glyphicons-list li:hover {
	background: #000;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
}

ul.bs-glyphicons-list li:hover span {
	color: #fff;
}

.codes a {
	color: #999;
}

.row.fontawesome-icon-list {
	margin: 0;
}

.icon-box {
	padding: 8px 15px;
	background: rgba(149, 149, 149, 0.18);
	margin: 1em 0 1em 0;
	border: 5px solid #ffffff;
	text-align: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 13px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
	cursor: pointer;
}

.icon-box:hover {
	background: #000;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
}

.icon-box:hover i.fa {
	color: #fff !important;
}

.icon-box:hover a.agile-icon {
	color: #fff !important;
}

.codes .bs-glyphicons li {
	float: left;
	width: 12.5%;
	height: 115px;
	padding: 10px;
	line-height: 1.4;
	text-align: center;
	font-size: 12px;
	list-style-type: none;
}

.codes .bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px;
}

.codes .glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #777;
}

.codes .bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word;
}

h3.icon-subheading,
.grid_5 h3:nth-child(1),
.grid_5 h2:nth-child(1),
.grid_5 h1:nth-child(1),
.grid_5 h4:nth-child(1),
.grid_5 h5:nth-child(1),
h3.hdg,
h3.bars {
	font-size: 35px;
	color: #273b7b;
	margin: 30px 0 15px;
	font-weight: bold;
}

h3.agileits-icons-title {
	/*text-align: center;*/
	/* font-size: 29px;*/
	/* color: #222;*/
	/*font-weight: 300;*/
}

.icons a {
	color: #999;
}

.icon-box i {
	margin-right: 10px !important;
	font-size: 20px !important;
	color: #282a2b !important;
}

.bs-glyphicons li {
	float: left;
	width: 18%;
	height: 115px;
	padding: 10px;
	line-height: 1.4;
	text-align: center;
	font-size: 12px;
	list-style-type: none;
	background: rgba(149, 149, 149, 0.18);
	margin: 1%;
	cursor: pointer;
}

.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px;
	color: #282a2b;
}

.bs-glyphicons.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #777;
}

.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word;
}

@media (max-width:1080px) {
	.icon-box {
		width: 33.33%;
	}
}

@media (max-width:991px) {
	h3.agileits-icons-title {
		font-size: 28px;
	}
	h3.icon-subheading {
		font-size: 22px;
	}
	.icon-box {
		width: 50%;
	}
}

@media (max-width:768px) {
	h3.agileits-icons-title {
		font-size: 28px;
	}
	h3.icon-subheading {
		font-size: 25px;
	}
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	.icon-box {
		margin: 0;
		float: left;
	}
}

@media (max-width: 640px) {
	.icon-box {
		float: left;
		width: 50%;
	}
	h3.icon-subheading {
		font-size: 22px;
	}
	/*.grid_3.grid_4.w3_agileits_icons_page {
		margin-top: 25px;
	}*/
}

@media (max-width: 480px) {
	.bs-glyphicons li {
		width: 31%;
	}
	.icon-box {
		float: none;
		width: 100%;
	}
}

@media (max-width: 414px) {
	h3.agileits-icons-title {
		font-size: 23px;
	}
	h3.icon-subheading {
		font-size: 18px;
	}
	.bs-glyphicons li {
		width: 31.33%;
	}
}

@media (max-width: 384px) {
	.icon-box {
		float: none;
		width: 100%;
	}
}

@media (max-width: 375px) {
	.w3_agileits_icons_page {
		/*margin: 25px 0 0 !important;*/
	}
}


/*-- //icons --*/


/*-- to-top --*/

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 31px;
	right: 2.5%;
	overflow: hidden;
	z-index: 999;
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(../images/arr.png) no-repeat 0px 0px;
}

#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}


/*-- //to-top --*/


/*--responsive--*/

@media(max-width:1440px) {
	.blog-inner {
		padding: 4em 2.5em;
	}
	.callbacks_nav.prev {
		left: -8%;
	}
	.callbacks_nav.next {
		left: 105%;
	}
}

@media(max-width:1366px) {
	.advntge-inner-w3ls h6 {
		font-size: 1.4em;
	}
}

@media(max-width:1280px) {
	.callbacks_nav.prev {
		left: -4%;
	}
	.callbacks_nav.next {
		left: 101%;
	}
	.slider-info {
		margin-top: 10em;
	}
	.slider {
		min-height: 670px;
	}
	.advntge-inner-w3ls h6 {
		letter-spacing: 0px;
	}
}

@media(max-width:1080px) {
	.slider-info {
		width: 61%;
	}
	.slider-info h3 {
		font-size: 3.5em;
	}
	.slider-info h3 {
		font-size: 3.5em;
		letter-spacing: 2px;
	}
	.slider {
		min-height: 660px;
	}
	h3.tittle {
		font-size: 3.2em;
	}
	.about,
	.gallery,
	.team,
	.blog,
	.contact-agile,
	.typo {
		padding: 4em 0em;
	}
	/*
	.blog-right-w3-agile, .blog-left-w3-agile {
		width: 50%;
		float: left;
	}
	.blog-left-w3-agile {
		margin-top: 0em;
	}
	.blog-side-w3ls {
		margin-top: 0em;
	}
	.blog-inner-img {
		min-height: 457px;
	}*/
	h4.sub-hdng a {
		font-size: 1.2em;
	}
	.blog-inner {
		padding: 3em 2.5em;
	}
	.blog-left-w3-agile {
		margin-top: 2em;
	}
	.img3 {
		background: url(../images/img3.jpg) no-repeat 0px 0px;
		min-height: 250px;
	}
	p.heading-btm-w3ls {
		margin: .5em 0em 2.2em;
	}
	.gallery-grid1:nth-child(2),
	.gallery-grid1:nth-child(3) {
		margin-top: 1.4em;
	}
}

@media(max-width:1050px) {
	.callbacks_nav.next {
		left: 100.5%;
	}
}

@media(max-width:1024px) {
	.callbacks_nav.next {
		left: 100%;
	}
	.callbacks_nav.prev {
		left: -3.5%;
	}
	p.para-w3-agileits {
		font-size: 15px;
	}
	.p-mask h4 {
		font-size: 1em;
	}
}

@media(max-width:991px) {
	.slider-info {
		width: 75%;
	}
	.callbacks_nav.prev {
		left: -12%;
	}
	.callbacks_nav.next {
		left: 107%;
	}
	.navbar-nav>li>a {
		font-size: 13px;
		padding: 17px 7px 0;
	}
	.about-left-w3-agile span.fa {
		font-size: 4em;
		margin-right: 25px;
	}
	.about-right-agileinfo {
		margin-top: 1.5em;
	}
	.blog-left-w3-agile {
		margin-top: 0em;
	}
	.blog-side-w3ls {
		margin-top: 0em;
	}
	.blog-side-w3ls ul li {
		width: 25%;
		float: left;
	}
	.img1,
	.img2,
	.img3,
	.img4 {
		min-height: 230px;
	}
	.contact-middle {
		margin-top: 1em;
	}
	.n-left h6 {
		margin-bottom: 0.5em;
		text-align: center;
	}
	.gallery-grid1:nth-child(2),
	.gallery-grid1:nth-child(3) {
		margin-top: 1.1em;
	}
	.p-mask h4 {
		font-size: 1em;
	}
	.gal-sec {
		padding: 0 8px;
	}
	.p-mask p {
		font-size: 14px;
	}
}

@media(max-width:900px) {
	.callbacks_nav.prev {
		left: -9%;
	}
	.callbacks_nav.next {
		left: 104%;
	}
}

@media(max-width:800px) {
	.slider-info h3 {
		font-size: 3em;
		letter-spacing: 1px;
	}
	.slider-info p {
		font-size: 2em;
		letter-spacing: 2px;
		line-height: 40px;
	}
	.slider-info {
		width: 71%;
		margin: 9.5em 0em 0em 2em;
	}
	.callbacks_nav.prev {
		left: -3%;
	}
	.callbacks_nav.next {
		left: 98.5%;
	}
	.slider {
		min-height: 620px;
	}
}

@media(max-width:768px) {
	.callbacks_nav.prev {
		left: -1%;
	}
	.callbacks_nav.next {
		left: 96.5%;
	}
	.slider {
		min-height: 595px;
	}
	h3.tittle {
		font-size: 3em;
	}
	.about,
	.gallery,
	.team,
	.blog,
	.contact-agile,
	.typo {
		padding: 2em 0em;
	}
	.readmore-w3 a {
		margin-top: 1em;
	}
	p.heading-btm-w3ls {
		margin: .5em 0em 2em;
	}
}

@media(max-width:767px) {
	.navbar-toggle {
		margin: .8em 21em 0 0;
	}
	.navbar-default .navbar-toggle {
		border-color: #212121;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #eee;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #273b7b;
	}
	.navbar-nav {
		margin: 0;
		text-align: center;
		float: none;
		background: rgba(9, 9, 9, 0.25);
		padding-bottom: 1.5em;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border-color: #e7e7e7;
		position: absolute;
		width: 100%;
		padding: 0;
		background: #000;
		z-index: 9999;
		margin: 1em 0 0;
	}
	.cl-effect-1 a::before {
		margin-right: 10px;
	}
	.cl-effect-1 a::after {
		margin-left: 10px;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		background: rgba(11, 11, 11, 0.82);
	}
	.navbar-nav>li>a {
		padding: 23px 0px 0;
		font-size: 12.5px;
	}
	.cd-header-buttons {
		top: -35px;
		right: 19px;
	}
	.navbar-toggle {
		margin: .6em 0em 0 0;
	}
	.navbar-default .navbar-toggle {
		border: none;
		background: rgb(51, 51, 51);
	}
	.navbar-default .navbar-toggle:hover {
		border: none;
		background: rgba(51, 51, 51, 0.61);
	}
	.navbar-nav .open .dropdown-menu>li>a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 8px 0 0;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #fff;
	}
	.dropdown-menu {
		padding: 5px 0 0;
	}
	.navbar-default .navbar-nav>li>a {
		display: inline-block;
	}
	.slider-info {
		margin-left: 2.8em;
	}
	.callbacks_nav.prev {
		left: 3px;
	}
	.callbacks_nav.next {
		left: 95.5%;
	}
	.map-w3ls iframe {
		height: 230px;
	}
	.bottom-social-w3ls {
		padding: 2em 0em;
	}
	.cd-search-trigger span::before,
	.cd-search-trigger span::after {
		top: 34%;
	}
	ul.nav-w3ls {
		margin: 1.5em 0;
	}
	.team-w3agile {
		width: 50%;
		float: left;
	}
	.n-left h6 {
		font-size: 2.1em;
	}
}

@media(max-width:736px) {
	h3.icon-subheading,
	.grid_5 h3:nth-child(1),
	.grid_5 h2:nth-child(1),
	.grid_5 h1:nth-child(1),
	.grid_5 h4:nth-child(1),
	.grid_5 h5:nth-child(1),
	h3.hdg,
	h3.bars {
		font-size: 30px;
	}
}

@media(max-width:667px) {
	.slider {
		min-height: 585px;
	}
	.blog-inner-img {
		min-height: 400px;
	}
	.p-mask h4 {
		font-size: 0.9em;
		line-height: 1.5em;
	}
	.gallery-grid1 .p-mask,
	.row .product .vm-product-media-container .p-mask {
		padding: 1em 1em;
	}
	.slider {
		min-height: 480px;
	}
	.slider-info {
		margin: 6.5em 0em 0em 2em;
	}
	.slider-info h3 {
		font-size: 2.6em;
	}
	.slider-info h3 {
		font-size: 2.6em;
	}
	.slider-info p {
		font-size: 1.7em;
		letter-spacing: 1.5px;
		line-height: 32px;
	}
	.callbacks_nav {
		bottom: 30px;
	}
	.callbacks_nav.prev {
		left: -3px;
	}
}

@media(max-width:640px) {
	.bottom-social-w3ls ul.nav-w3ls li a {
		font-size: 12px;
		letter-spacing: 2px;
	}
	h3.tittle {
		font-size: 2.8em;
	}
	.advntge-inner-w3ls:nth-child(odd) h6 {
		margin-bottom: 0.5em;
	}
	.advntge-inner-w3ls:nth-child(even) h6 {
		margin-top: 0.5em;
	}
	.advntge-inner-w3ls {
		padding: 2em 1.5em;
	}
}

@media(max-width:600px) {
	.modal-content h4 {
		font-size: 2.7em;
	}
}

@media(max-width:568px) {
	.contact-middle p {
		margin-left: 2px;
		font-size: 14px;
	}
	.contact-middle input[type="text"],
	.contact-middle input[type="email"],
	.contact-middle input[type="phone"],
	textarea {
		padding: 6px 15px;
	}
	p.para-w3-agileits {
		font-size: 14px;
		line-height: 25px;
	}
	.w3layouts_newsletter_right input[type="email"]
,
	.w3layouts_newsletter_right input[type="text"] {
		padding: 7px;
	}
	.w3layouts_newsletter_right input[type="submit"] {
		padding: 6.8px 0px;
	}
	ul.nav-w3ls {
		margin: 1.3em 0;
	}
	.w3layouts_newsletter_right {
		padding: 2em 0;
	}
	.inner-bnr {
		min-height: 200px;
	}
	.add-info span {
		font-size: 1em;
		margin-right: 0.8em;
	}
	.form-fields-agileinfo:nth-child(2) {
		margin: 1em 0;
	}
}

@media(max-width:480px) {
	.slider-info {
		margin: 5em 0em 0em 1.5em;
		width: 85%;
	}
	.slider {
		min-height: 425px;
	}
	.callbacks_nav.prev {
		left: -10px;
	}
	p.heading-btm-w3ls {
		letter-spacing: 1px;
		word-spacing: 0px;
		line-height: 27px;
	}
	.about-inner {
		margin: 10px 0 0;
		padding: 1.5em 2em;
	}
	h4.sub-hdng a {
		font-size: 1.1em;
		line-height: 35px;
		margin: 12px 0 5px;
	}
	.readmore-w3 a {
		border-bottom: 4px solid rgba(0, 0, 0, 0.05);
		margin-top: .8em;
		letter-spacing: 1.5px;
		font-size: 15px;
		padding: 9px 30px;
	}
	.modal-content h5 {
		font-size: 1.5em;
		letter-spacing: 0px;
		line-height: 27px;
	}
	.blog-inner-img {
		min-height: 300px;
	}
	.blog-side-w3ls ul li {
		width: 50%;
	}
	.about-left-w3-agile span.fa {
		font-size: 3.8em;
		margin-right: 15px;
	}
	.team-w3agile {
		width: 100%;
		float: none;
	}
	.team-row {
		width: 80%;
		margin: 0 auto;
	}
	.gal-sec {
		width: 100%;
	}
	.gallery-grid1:nth-child(2),
	.gallery-grid1:nth-child(3) {
		margin-top: 1em;
	}
	.gal-sec:nth-child(2) {
		margin: 1em 0;
	}
	.p-mask h4 {
		font-size: 1em;
		line-height: 2em;
	}
	.w3layouts_newsletter_right input[type="email"] {
		width: 100%;
		margin: 2% 0 4%;
	}
	.w3layouts_newsletter_right input[type="submit"],
	.w3layouts_newsletter_right input[type="text"] {
		width: 100%;
	}
	.contact-middle input[type="submit"] {
		padding: .5em 1.8em;
		font-size: 15px;
		letter-spacing: 1px;
		margin-top: 2em;
	}
	.navbar-brand {
		font-size: 1.15em;
	}
	.about,
	.gallery,
	.team,
	.blog,
	.contact-agile,
	.typo {
		padding: 2.5em 0em;
	}
	h3.tittle {
		font-size: 2.6em;
	}
	.copy p {
		font-size: 13px;
		letter-spacing: 1.3px;
	}
	.blog-inner {
		padding: 2em 1.5em;
	}
	.contact-agile h4 {
		font-size: 23px;
		margin-bottom: 9px;
	}
	.header-bottom {
		padding: 0.5em 0;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		margin: .5em 0 0;
	}
	p.heading-btm-w3ls {
		margin: .5em 0em 1.7em;
	}
}

@media(max-width:440px) {
	.slider-info h3 {
		font-size: 2.4em;
	}
	.slider-info p {
		font-size: 1.3em;
		letter-spacing: 1.5px;
		line-height: 26px;
		padding-left: 0.3em;
		border-left: 2px solid #ffffff;
	}
	.callbacks_nav.prev {
		left: -12px;
	}
	h4.sub-hdng {
		font-size: 1.4em;
		line-height: 28px;
	}
	.bottom-social-w3ls ul.nav-w3ls li {
		margin: 0px 12px;
	}
	.copy p {
		letter-spacing: 1.5px;
		line-height: 28px;
	}
	.w3l_header_left {
		float: none;
		margin: 0 0 .7em;
		text-align: center;
	}
	.w3l_header_right {
		float: none;
		text-align: center;
	}
	.w3ls-social-icons a {
		margin: 0 0.5em;
	}
	.header {
		padding: 0.9em 0;
	}
}

@media(max-width:414px) {
	.slider-info {
		margin: 5em 0em 0em 1.2em;
		width: 90%;
	}
	.about-left-w3-agile span.fa {
		font-size: 3.4em;
		margin-right: 8px;
	}
	.img1,
	.img2,
	.img3,
	.img4 {
		min-height: 195px;
	}
	.bottom-social-w3ls ul.nav-w3ls li {
		margin: 0;
		display: block;
		margin-top: 0.8em;
	}
	ul.nav-w3ls {
		margin: 1em 0 1.5em;
	}
}

@media(max-width:384px) {
	.slider-info h3 {
		font-size: 2em;
	}
	.callbacks_nav.next {
		left: 96.5%;
		background-size: 23px;
	}
	.callbacks_nav.prev {
		background-size: 23px;
	}
	.callbacks_nav {
		width: 19px;
		height: 23px;
	}
	.slider-info {
		margin: 4em 0em 0em 1.2em;
	}
	.slider {
		min-height: 390px;
	}
	.about-left-w3-agile span.fa {
		display: block;
		float: none;
	}
	.team-row {
		width: 95%;
	}
	.copy p {
		padding: 1em 2em;
	}
	.contact-left,
	.contact-middle {
		padding: 1.5em;
	}
	.blog-inner-img {
		min-height: 220px;
	}
}

@media(max-width:375px) {
	h4.sub-hdng a {
		line-height: 33px;
	}
	.n-left h6 {
		font-size: 2em;
	}
}

@media(max-width:320px) {
	.slider-info {
		margin: 4em 0em 0em 0.7em;
	}
	.slider-info h3 {
		font-size: 1.8em;
		letter-spacing: 0.5px;
	}
	.slider-info p {
		letter-spacing: 1.5px;
		line-height: 25px;
	}
	.img1,
	.img2,
	.img3,
	.img4 {
		min-height: 170px;
	}
}