@media only screen and (max-width: 1199px) and (min-width: 992px) {
	#portfolio .portfolio-thumb .portfolio-overlay {
		padding: 0px 8px;
	}
}

/* start 980 media quires */
@media only screen and ( max-width: 980px ) {
	#team .team-wrapper
		{
			margin-top: 40px;
		}
	#portfolio .portfolio-thumb .portfolio-overlay
	{
		background: #28a7e9;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		position: absolute;
		padding: 40px 10px 20px 20px;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}

}
/* end 360 media quires */

/* start 768 media quires */
@media only screen and ( max-width: 767px ) {
	#home
		{
			min-height: 300px;
			padding-top: 80px;
			padding-bottom: 60px;
		}
	#home h1
		{
			font-size: 52px;
		}

	.templatemo-nav {
		position: fixed;
    	top: 0;
	}
	header {
		margin-top: 70px;
	}
	header .social-icon {
		text-align: left;
	}
	.navbar-toggle {
		margin-top: 15px;
	}
	.navbar-collapse {
		max-height: 300px;
		overflow-y: auto;
	}
	.navbar-default .navbar-nav li a {
		height: 45px;
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: 35px;
	}
	.navbar-default .navbar-brand{   background: rgba(0, 0, 0, 0) url("../images/main-logo.png") no-repeat scroll 15px 13px;}
	.nav > li{text-align:center;}
	.navbar-default .navbar-nav li a{margin-right:0;}
	.navbar-default .navbar-nav > li > a.current::after{display:none;}
	.navbar-default .navbar-nav > li > a.current{background:#ffffff;}
	#about{padding-top: 20px;}
	#about ul.aboutdet{padding: 0;}
	#about ul.aboutdet li{width:100%;  height: auto;}
	#about ul.aboutdet li .aboutdrtinner{width:90%;}
	#about ul.aboutdet li.singlerow .aboutdrtinner{width:90%;}
	#about ul.aboutdet li.brdbot-no{border-bottom: 1px solid #ececec;}
	#team .curator-wrapper .curatordesc{width:100%;}
	#team .curator-wrapper .curatorscreenwrap{width:60%;}
	#service .creator-wrapper .creatordesc{width:100%;}
	#service .creator-wrapper .creatorscreenwrap{width:60%;}
	#portfolio{ padding: 20px 0;}
	#portfolio .frmcontainer .fadeInRight {float: left; width: 100%;}
	#contact .container .contactlt{width:100%;}
	#contact .container .contactlt .addresstxt{padding:0 20px; margin-bottom: 10px;}
	#contact .container .contactlt ul.contlist li .contctlistwrap{width:100%;}
	#contact .container .contactrt{width:100%; padding: 0;}
}
/* end 768 media quires */

/* start 360 media quires */
@media only screen and ( max-width: 360px ) {
	header .social-icon{text-align: left;}
	.navbar-default .navbar-brand{   background: rgba(0, 0, 0, 0) url("../images/main-logo.png") no-repeat scroll 15px 13px;}
	.nav > li{text-align:center;}
	.navbar-default .navbar-nav li a{margin-right:0;}
	.navbar-default .navbar-nav > li > a.current::after{display:none;}
	.navbar-default .navbar-nav > li > a.current{background:#ffffff;}
	#home{min-height: 200px;padding-top: 60px;padding-bottom: 40px;}
	#home h1 {font-size: 32px;}
	#home .introwrap{padding-top: 50px;}
	#home .introwrap .plogowhitebig .plogomid{margin:0 auto; width: 92%;}
	#about{padding-top: 20px;}
	#about ul.aboutdet{padding: 0;}
	#about ul.aboutdet li{width:100%;  height: auto;}
	#about ul.aboutdet li .aboutdrtinner{width:90%;}
	#about ul.aboutdet li.singlerow .aboutdrtinner{width:90%;}
	#about ul.aboutdet li.brdbot-no{border-bottom: 1px solid #ececec;}
	#team .curator-wrapper .curatordesc h2{ font-size: 2.2rem; padding-bottom: 20px;}
	#team .curator-wrapper .curatordesc h2 .titlewrap i.logotxtblack{}
	#team .curator-wrapper .curatordesc{padding: 0; width: 100%;}
	#team .curator-wrapper .curatorscreenwrap{width:90%;}
	#service .creator-wrapper .creatorscreenwrap{width:90%;}
	#service .creator-wrapper .creatordesc{width:100%;}
	#service .creator-wrapper .creatordesc h2{font-size: 2.0rem; padding-bottom: 20px;}
	#portfolio{ padding: 20px 0;}
	#portfolio .frmcontainer .fadeInRight {float: left; width: 100%;}
	#contact .container .contactlt{width:100%;}
	#contact .container .contactlt .addresstxt{padding:0 20px; margin-bottom: 10px;}
	#contact .container .contactlt ul.contlist li .contctlistwrap{width:100%;}
	#contact .container .contactrt{width:100%; padding: 0;}


}
/* end 360 media quires */