/*

Author: W3layout

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

*/

 /* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}

ol,ul{list-style:none;margin:0;padding:0;}

blockquote,q{quotes:none;}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

table{border-collapse:collapse;border-spacing:0;}

/* start editing from here */

a{text-decoration:none;}

.txt-rt{text-align:right;}/* text align right */

.txt-lt{text-align:left;}/* text align left */

.txt-center{text-align:center;}/* text align center */

.float-rt{float:right;}/* float right */

.float-lt{float:left;}/* float left */

.clear{clear:both;}/* clear float */

.pos-relative{position:relative;}/* Position Relative */

.pos-absolute{position:absolute;}/* Position Absolute */

.vertical-base{	vertical-align:baseline;}/* vertical align baseline */

.vertical-top{	vertical-align:top;}/* vertical align top */

.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */

nav.vertical ul li{	display:block;}/* vertical menu */

nav.horizontal ul li{	display: inline-block;}/* horizontal menu */

img{max-width:100%;}

/*end reset*/

/*-----light-font----*/

body {

	font-family: 'Noto Sans', sans-serif;

	background:#ffffff;

}

.wrap {

	width: 85%;

	margin: 0px auto;

}

.logo{

	display:none;

}



.subMenu {

	position: absolute;

	top: 630px;

	height: 50px;

	z-index: 1000;

	width: 100%;

}



.subMenu .inner {

	padding:0;

	font-weight: 400;

}



.subMenu {

	padding: 1% 0% 3% 0% ;

	background: #27AE61; 

	float: left;

}



/*.subNavBtn {

	display: block;

	height: 35px;

	float: left;

	margin: 0px 50px 0 0;

	text-decoration: none;

	font-size: 16px;

	padding: 15px 0 0 0;

}*/



.subNavBtn {

	display: block;

	height: 35px;

	width: 7%;

	float: left;

	margin: 0px 0px 0 0;

	text-decoration: none;

	font-size: 0.92355em;

	padding: 15px 18px 0%;

	text-align: center;

	color: #FFFFFF;

}

.end {

	margin: 0;

}





.downloadSmint {

	width:90%;

	max-width: 450px;

	height: auto;

	margin: 0 auto;

	

	display: block;

}



.downloadSmint img, .codeImg {

	width:100%;

	max-width: 445px;

	height: auto;

}

.right-msg span{

	 width: 180px;

	 height: 56px;

	 display: inline-block;

	 background: url(../images/logo.png) no-repeat 0px 0px;

	 vertical-align: middle;

}

.right-msg{

	float:right;

}

.right-msg span {

	margin: -1.2em 0 0 -1.5em;

}

/*-- start-smartphone_nav --*/

.nav {

    display:none;

}

.nav-item {

    float:left;

    *display:inline;

    zoom:1;

}

.nav-item a {

    display:block;

}

.nav-item a:hover {

	background:#D45B45;

	color: #FFFFFF;

}

.nav-mobile {

   display: none;

	

	position: absolute;

	top: 12px;

	left: 11px;

	background: url(../images/nav_icon.png) 60% 60% no-repeat;

	height:32px;

	width: 32px;

}

.nav-mobile {

    display:block;

}

.nav {

	margin-top:3px;

   width:100%;

}

.nav-list {

    display:none;

}

.nav-item {

    width:100%;

    float:none;

    text-align: center;

}

.nav-item a {

	font-weight: 400;

	padding: 10px;

	background: #DE654E;

	text-transform: uppercase;

	border-top: 1px ridge #CC722D;

	color: #FFF;

	-webkit-transition: color .2s linear,background .2s linear;

	-moz-transition: color .2s linear,background .2s linear;

	-o-transition: color .2s linear,background .2s linear;

	transition: color .2s linear,background .2s linear;

	font-size: 0.8725em;

}

.nav-inner {

   display: none;

}

.nav-active, .nav-active-inner .nav-inner {

     display:block;

}

a.button.scroll {

	padding: 16px;

	border: 2px solid #fff;

	position: absolute;

	display:block;

	top: 485px;

	left: 50%;

	border-radius: 30em;

	-webkit-border-radius: 30em;

	-moz-border-radius: 30em;

	-o-border-radius: 30em;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

a.button.scroll:hover {

	opacity: 0.6;

}

/* services */

.services {

	padding: 7% 0 4%;

	background: #DB5941;

}

.services h3{

	font-family: 'Noto Sans', sans-serif;

	color: #fff;

	font-size: 2.5em;

	font-weight: 700;

	text-align: center;

}

.services p{

	font-family: 'Noto Sans', sans-serif;

	font-size: 1.4em;

	padding: 0em 0;

	color: #E4E4E4;

	line-height: 1.5em;

	text-align:center;

	margin-bottom: 4%;

}

/*  GRID OF THREE   ============================================================================= */

.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}

.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1;

}

.col_1_of_3{

display: inline-block;

	margin: 1%;

}

#services > div > div:nth-child(5) {

	margin-right: 0;

}

.col_1_of_3:first-child { margin-left: 0; }

#services > div > div> 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;

	transition: all 0.3s ease-in-out;

}

#services > div > div> img:hover {

	opacity: 0.6;

}

.span_1_of_3 {

	width: 20.6%;

	text-align: center;

	margin-top: 1%;

	padding-bottom: 1%;

}





/*--- PORTFOLIO --*/

.portfoliO{

	text-align:center;

	background: #DB5941;

	padding: 5% 0;

}

.portfoliO h3{

	font-family: 'Noto Sans', sans-serif;

	color: #45495c;

	font-size: 2.5em;

	font-weight: 700;

	text-align: center;

}

.portfoliO p{

	font-family: 'Noto Sans', sans-serif;

	font-size: 1.4em;

	padding: 0em 0;

	color: #777;

	line-height: 1.5em;

	text-align:center;

	margin-bottom: 6%;

}

/*---start container --*/

#info {

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	-o-border-radius:5px;

	border-radius:5px;				

	background:#fcf8e3;

	border:1px solid  #fbeed5;

	width:95%;

	max-width:900px;

	margin:0 auto 40px auto;

	font-family:arial;

	font-size:12px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

}

#info .info-wrapper {

	padding:10px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

}

#info a {

	color:#c09853;

	text-decoration:none;

}

	

#info p {

	margin:5px 0 0 0;

}

.container { 

	position: relative; 

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;	

}

#filters {

	margin:4%;

	padding:0;

	list-style:none;

}

#filters li {

	display:inline-block;

	margin-right: 20px;

}

#filters li span {

	font-family: 'Noto Sans', sans-serif;

	font-size:1em;

	display: block;

	padding: 18px 30px;

	font-weight:600;

	text-decoration: none;

	color: #45495c;

	background: #fff;

	

	text-transform: uppercase;

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	-o-border-radius: 6px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

}

#filters li span.active,#filters li span:hover {

	background: #DB5941;

	color:#fff;

}

/*--gallery--*/



.gal-sec {

	padding: 0;

}



.gallery-grid1 .p-mask,

.row .product .vm-product-media-container .p-mask {

	opacity: 0;

	visibility: hidden;

	background: #040404;

	bottom: 0%;

	position: absolute;

	padding: 1em 1.3em;

	width: 100%;

	-webkit-transform: translate3d( 0px, 100%, 0px);

	-moz-transform: translate3d( 0px, 100%, 0px);

	-ms-transform: translate3d( 0px, 100%, 0px);

	-o-transform: translate3d( 0px, 100%, 0px);

	transform: translate3d( 0px, 100%, 0px);

	-webkit-transition: all .5s ease 0s;

	-moz-transition: all .5s ease 0s;

	transition: all .5s ease 0s;

	text-align: left;

}



.gallery-grid1 .p-mask .p-desc {

	color: #DB5941;

	position: relative;

	display: block;

	margin-bottom: 10px;

	padding-bottom: 10px;

	font-size: 1em;

}



.gallery-grid1:hover .p-mask,

.row .product:hover .p-mask {

	opacity: 1;

	visibility: visible;

	-webkit-transform: translate3d( 0px, 0px, 0px);

	-moz-transform: translate3d( 0px, 0px, 0px);

	-ms-transform: translate3d( 0px, 0px, 0px);

	-o-transform: translate3d( 0px, 0px, 0px);

	transform: translate3d( 0px, 0px, 0px);

}



.p-mask h4 {

	color: #ff3c41;

	font-size: 1.4em;

	text-decoration: none;

	line-height: 1.8em;

	letter-spacing: 1px;

}



.p-mask p {

	margin: 0;

	color: #737171;

	font-size: 13px;

	letter-spacing: 2px;

	line-height: 1em;

}



.gallery-grid1 {

	position: relative;

	overflow: hidden;

	cursor: pointer;

}



section.gallery {

	background: ##DB5941;

	padding-top: 4em;

}



/*--//gallery--*/





/* Self Clearing Goodness */

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }



.clearfix:before,

.clearfix:after,

.row:before,

.row:after {

  content: '\0020';

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0; }

.row:after,

.clearfix:after {

  clear: both; }

.row,

.clearfix {

  zoom: 1; }



.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}

/*---team-members--*/

.team-members{

	padding: 7% 0;

	background: #F8BC3A;

}

.tm-head{

	text-align:center;

}

.tm-head h3{

	font-family: 'Noto Sans', sans-serif;

	color: #fff;

	font-size: 2.5em;

	font-weight: 700;

	text-align: center;

}

.tm-head p{

	font-family: 'Noto Sans', sans-serif;

	font-size: 1.4em;

	padding: 0em 0;

	color: #E4E4E4;

	line-height: 1.5em;

	text-align:center;

	margin-bottom: 6%;

}

.tm-head-grid img{

	width: 90.6%;

	

}

.tm-head-grid:hover {

	background:  #DB5941;

}

.tm-head-grid {

	width: 30.9%;

	text-align: center;

	float: left;

	margin-right: 3.6%;

	padding-top: 14px;

	background: #fff;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.tm-head-grids {

	width: 82%;

	margin: 0 8% 0;

}

.tm-head-grid:nth-child(3){

	margin-right:0;

}

.tm-head-grid h4{

	color: #333;

	font-size: 1.2em;

	font-weight: 400;

	margin: 0.8em 0 0.2em 0;

}

.tm-head-grid h5{

	color: #7C3939;

	margin: 0 auto;

	font-size: 1em;

}

/*---//team-members--*/

/*----team-info----*/

.team-info{

	font-family: 'Droid Serif', serif;

	color: #777777;

	margin: 0 auto;

	font-size: 1em;

	line-height: 1.8em;

	text-align: center;

	width: 60%;

}

/*--//team-info--*/



/*--- experience --*/

.experience{

	padding: 7% 0;

	background: #2F2F2F;

}

.ex-head{

	text-align:center;

}

.ex-head h3{

	font-family: 'Noto Sans', sans-serif;

	color: #fff;

	font-size: 2.5em;

	font-weight: 500;

	text-align: center;

}

.ex-head p{

	font-family: 'Noto Sans', sans-serif;

	font-size: 1.4em;

	padding: 0em 0;

	color: #B3AEAE;

	line-height: 1.5em;

	text-align:center;

	margin-bottom: 6%;

}

/* start progress */

.main_pb {

	padding:0 4%;

}

.progress1_of_2{

	width:100%;

}

.progress1_of_2:first-child{

	margin-left: 0;

}

.prog{

	position: relative;

}

.prog1{

	position: relative;

}

.prog2{

	position: relative;

}

.text{

	float: left;

}

.text span {

	font-size: 1em;

	color: #FFFFFF;

	text-transform: uppercase;

	font-weight: 400;

	position: absolute;

	top: 32px;

	left: 29%;

	z-index: 1;

}

.text_p{

	text-align: right;

	position: relative;

	top: 32px;

	right: 22%;

}

.text_p span{

	font-size: 1em;

	color: #fff;

}

.progress-bar-container {

	margin: 0% auto 0;

	width: 46%;

	height: 40px;

	background-color: #fff;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

}

.progress-bar {

 	 width: 0;

	 height: 100%;

	 background-color: #F8BC3A;

	 border-radius: 10px;

 	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

}

.progress-bar1 {

 	 width: 0;

	 height: 100%;

	 background-color: #27AE61;

	 border-radius: 10px;

 	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

}

.progress-bar2 {

 	 width: 0;

	 height: 100%;

	 background-color: #DB5941;

	 border-radius: 10px;

 	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

}

/*---//experience--*/

/*---fun--*/

.fun{

	padding: 7% 0;

	background: #2A80B9;

}

.fun-head{

	text-align:center;

}

.fun-head h3{

	font-family: 'Noto Sans', sans-serif;

	color: #fff;

	font-size: 2.5em;

	font-weight: 500;

	text-align: center;

}

.fun-head p{

	font-family: 'Noto Sans', sans-serif;

	font-size: 1.4em;

	padding: 0em 0;

	color: #B3AEAE;

	line-height: 1.5em;

	text-align:center;

	margin-bottom: 6%;

}

.fun-head-grids {

	text-align: center;

	margin:0 auto;

}

.fun-head-grid img {

	padding: 50px;

	background: #fff;

	

	 border-radius: 10px;

 	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.fun-head-grid img:hover {

	opacity: 0.6;

}

.fun-head-grid {

	text-align: center;

	display: inline-block;

	margin-right: 2%;

	padding-top: 14px;

}

.fun-head-grid:nth-child(4){

	margin-right:0;

}

.fun-head-grid h4{

	color: #FFF;

	font-size: 2.2em;

	font-weight: 400;

	margin: 3% 0;

}

.fun-head-grid h5{

	color: #E9E4E4;

	margin: 0 auto;

	font-size: 1.1em;

}

/*---//fun--*/



/*---clients--*/

.clients{

	padding: 7% 0;

	background: #fff;

}

.client-head{

	text-align:center;

}

.client-head h3{

	font-family: 'Noto Sans', sans-serif;

	color: #45495c;

	font-size: 2.5em;

	font-weight: 700;

	text-align: center;

}

/*-----*/

.flexiselDemo3 {

display:none;

}



.nbs-flexisel-container {

    position:relative;

    max-width:100%;

}

.nbs-flexisel-ul {

    position:relative;

    width:9999px;

    margin:0px;

    padding:0px;

    list-style-type:none;   

    text-align:center;  

}



.nbs-flexisel-inner {

    overflow:hidden;

    float:left;

    width:100%;

    margin: 2em 0 0em;

}

.nbs-flexisel-item {

    float:left;

    margin:0px;

    padding:0px;

    position:relative;

    line-height:0px;

}

.nbs-flexisel-item img {

    width: 100%;

    

    position: relative;

    margin-top: 10px;

    margin-bottom: 10px;

    max-width:150px;

    max-height:45px;

}



/*** Navigation ***/



.nbs-flexisel-nav-left,

.nbs-flexisel-nav-right {

    width: 22px;

    height: 22px; 

    position: absolute;

    

    z-index: 100;

    opacity: 0.5;

}



.nbs-flexisel-nav-left {

    left: 10px;

    background: url(../images/button-previous.png) no-repeat;

}



.nbs-flexisel-nav-right {

    right: 5px;

    background: url(../images/button-next.png) no-repeat;

}

/*---//End-trust-----*/

/*---//clients--*/

/*---studio--*/

.studio{

	padding: 3% 0;

	background: #DB5941;

	text-align: center;

}

.studio-head{

	text-align:center;

}

.studio-head h3{

	font-family: 'Noto Sans', sans-serif;

	color: #fff;

	font-size: 2.5em;

	font-weight: 700;

	text-align: center;

}

.studio-head p{

	font-family: 'Noto Sans', sans-serif;

	font-size: 1.4em;

	padding: 0em 0;

	color: #E4E4E4;

	line-height: 1.5em;

	text-align:center;

	margin-bottom: 6%;

}

.studio-head li{

	display: inline-block;

	margin-right: 8px;

}



/*---//studio--*/

/*---start-footer---*/

.bottom-footer{

	background: #EBEBEA;

}

.bottom-footer-left{

	text-align: center;

}

.bottom-footer-left p{

	font-size: 1em;

	color: #999;

	margin-top: 1.5em;

}

.bottom-footer-left p span{

	font-size: 1.4em;

	color: #333;

	margin-top: 1.5em;

}

.bottom-footer-left p a{

	color:#49CBCD;

	transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

} 

.bottom-footer-left p a:hover{

	color:#2A80B9;

}

.bottom-social-icons li a {

	width: 45px;

	height: 45px;

	display: block;

	border-radius: 30em;

	-webkit-border-radius: 30em;

	-moz-border-radius: 30em;

	-o-border-radius: 30em;

}

.bottom-footer {

	padding: 2% 0;

}

.bottom-social-icons li{

	display: inline-block;

	margin: 0.5em 0.2em;

}

.bottom-twitter {

	background: url(../images/top-social-icons.png) no-repeat 12px -20px #D2D2D1;

}

.bottom-twitter:hover {

	background: url(../images/top-social-icons.png) no-repeat 12px 12px #D2D2D1;

}

.bottom-facebook{

	background: url(../images/top-social-icons.png) no-repeat -31px -21px #D2D2D1;

}

.bottom-facebook:hover{

	background: url(../images/top-social-icons.png) no-repeat -31px 10px #D2D2D1;

}

.bottom-pin{

	background: url(../images/top-social-icons.png) no-repeat -75px -20px #D2D2D1;

}

.bottom-pin:hover{

	background: url(../images/top-social-icons.png) no-repeat -75px 12px #D2D2D1;

}

.bottom-google{

	background:url(../images/top-social-icons.png) no-repeat -115px -21px #D2D2D1;

}

.bottom-google:hover{

	background:url(../images/top-social-icons.png) no-repeat -115px 11px #D2D2D1;

}

.bottom-social-icons {

	width: 18%;

	margin: 0 auto;

}

/*---End-footer----*/

/* topup */

#toTop {

	display: none;

	text-decoration: none;

	position: fixed;

	bottom: 10px;

	right: 10px;

	overflow: hidden;

	width: 44px;

	height: 44px;

	border: none;

	text-indent: 100%;

	background: url(../images/top_move.png) no-repeat right top;

}



/***** Media Quries *****/

@media only screen and (max-width: 1366px) {

	.wrap{

		width:95%;

	}	

	a.button.scroll img{

		padding: 13px;

	}

	.right-msg span {

		margin: -1.2em 0 0 -4.5em;

	}

	a.button.scroll {

		padding: 1px;

	}

}

@media only screen and (max-width: 1280px) {

	.wrap{

		width:95%;

	}	

	.logos li {

		margin-right: 10%;

	}

	.portfolio img {

		max-width: 92%;

	}

	a.button.scroll {

		padding: 1px;

	}

}

@media only screen and (max-width: 1024px) {

	.wrap{

		width:95%;

	}	

	a.button.scroll {

		padding: 0px;

		top: 340px;

	}

	.portfolio img {

		max-width: 90%;

	}

	.services h3,.portfoliO h3,.tm-head h3,.ex-head h3,.fun-head h3,.blog-head h3,.studio-head h3,.client-head h3,.pricing-head h3,.contact h3 {

		font-size: 1.8em;

	}

	.services p,.portfoliO p,.tm-head p,.ex-head p,.fun-head p,.client-head p, logos p {

		font-size: 0.8755em;

	}

	.span_1_of_3 h4 a {

		font-size: 1.4em;

	}

	#filters li span {

		font-size: 0.8755em;

	}

	.fun-head-grid h4 {

		font-size: 1.5em;

	}

	.fun-head-grid h5 {

		font-size: 1em;

	}

	.text-right h3 {

		font-size: 1em;

	}

	.text-right p {

		font-size: 0.8255em;

	}

	.text-right p a {

		margin-top: -15px;

	}

	.tm-head-grid h4 {

		font-size: 1em;

	}

	.tm-head-grid h5 {

		font-size: 0.82355em;

	}

	.studio li {

		margin-right: 10px;

	}



	.subNavBtn {

		width: 8%;

	}

	.right-msg span {

		margin: -1.2em 0 0 -5.5em;

	}

	.subMenu {

		top: 480px;

	}

}

@media only screen and (max-width: 768px) {

	.wrap{

		width:95%;

	}	

    .view {

		width: 91%;

	}

	.logo{

		display: block;

		float: right;

		margin: -26px 10px 0 0;

	}

	div.header {

		position: relative;

		background: #DE654E;

		padding: 4% 0;

		height: 0px;

	}

	.nav-active, .nav-active-inner .nav-inner {

		margin-top: 0px;

	}

	.subMenu {

		display: none;

	}

	.nav {

		display: block;

		float: left;

	}



	.h_right{

		width: 100%;

		background: #CC533D;

		margin: 6px 0 10px;

	}

	a.button.scroll {

		left: 47.5%;

	}

	#services > div > div> img {

		width: 80%;

	}

	#filters li {

		margin-right: 5px;

	}

	#filters li span {

		padding: 14px 20px;

	}

	.portfolio img {

		border: 10px solid #fff;

	}

	.portfolio img:hover {

		border: 10px solid #DB5941;

	}

	.tm-head-grid {

		padding-top: 9px;

	}

	.fun-head-grid img {

		padding: 25px;

	}

	.blog-left {

		width: 44%;

	}

	.blog-right {

		width: 45%;

	}

	.tm-head-grids {

		width: 89%;

		margin: 0 5% 0;

	}

	.logos {

		display: none;

	}

	.form span label {

		top: 11px;

	}

	.bottom-footer-left p {

		font-size: 0.8755em;

		margin-top: 0em;

	}

}

@media only screen and (max-width: 640px) {

	

	.wrap{

		width:95%;

	}

	div.header {

		padding: 4.4% 0;

	}

	#services > div > div> img {

		width: 66%;

	}

	.services h3, .portfoliO h3, .tm-head h3, .ex-head h3, .fun-head h3, .blog-head h3, .studio-head h3, .client-head h3, .pricing-head h3, .contact h3 {

		font-size: 1.2em;

	}

	.span_1_of_3 h4 a {

		font-size: 1em;

	}

	#filters li span {

		padding: 10px 10px;

	}

	.text_p {

		right: 19%;

	}

	.fun-head-grid img {

		padding: 6px;

	}

	.fun-head-grid h4 {

		font-size: 1.1em;

	}

	.fun-head-grid h5 {

		font-size: 0.82355em;

	}

	.text-right h3 {

		font-size: 0.82355em;

	}

	.text-right p a {

		margin-top: 2px;

	}



	.span_1_of_3 p a {

		padding: 8px 13px;

	}

	.img {

		padding: 3px 6px;

		margin-top: 15px;

	}



	a.button.scroll {

		top: 223px;

		left: 47%;

		padding: 0;

	}

}



@media only screen and (max-width: 480px) {

	

	.wrap{

		width:95%;

	}

	div.header {

		padding: 6.4% 0;

	}

	a.button.scroll {

		top: 160px;

	}

	.span_1_of_3 {

		width: 100%;

	}

	#services > div > div> img {

		width: 35%;

	    margin-top: 0%;

		padding-bottom: 0%; 

	}

	.span_1_of_3 p {

		padding: 0.5em 0 0;

	}

    #filters {

		display: none;

	}

	#portfoliolist .portfolio {

		width: 48%;

	}

	.tm-head-grid:nth-child(3) {

		display: none;

	}

	.tm-head-grid:nth-child(2) {

		margin-right:0;

		float: right;

	}

	.tm-head-grid {

		width: 48%;

	}

	.text span,.text_p span  {

		font-size: 0.82355em;

	}



	.fun-head-grid img {

		padding: 38px;

	}



}

@media only screen and (max-width: 320px) {

	

	.wrap{

		width:95%;

	}

    a.button.scroll {

		top: 146px;

		left: 44%;

	}

	a.button.scroll img {

		padding: 4px;

	}

	div.header {

		padding: 9.4% 0;

	}

	.portfoliO p {

		margin-bottom: -25%;

	}

	.portfolio img {

		border: 6px solid #fff;

	}

	.portfolio img:hover {

		border: 6px solid #DB5941;

	}

	.progress-bar-container {

		width: 77%;

	}

	.text span {

		left: 16%;

	}

	.text_p {

		right: 0%;

	}

	.fun-head-grid img {

		padding: 8px;

	}

	.blog-left {

		width: 90%;

		float: none;

	}

	.blog-right {

		width: 90%;

		float: none;

	}

	.img-left {

		float: none;

		width: 100%;

	}

	.text-right {

		float: none;

		width: 100%;

		margin-top: 10px;

	}

	.nbs-flexisel-inner {

		margin: 0.6em 0 0em;

	}

}