@media (max-width:767px)
{
	.demo-gallery > ul > li a:hover{
	-webkit-transform:scale(1) !important;
	-moz-transform:scale(1) !important;
	-o-transform:scale(1) !important;
	-ms-transform:scale(1) !important;
	transform:scale(1) !important;
	z-index:9999999 !important;
	position:static !important;
	left:0%;
	top: 0%;
	}
	
	.main-text-logo{
	display:none;
    }
	
	body{
		overflow:auto !important;
		margin:0;
		padding:0;
	}

	#nav-logo{
		display:block;
		width:100%;
		height:auto;
		margin-top:10px;
	}

	.logo{
		width:30%;
	}
	
	#demo{
		margin:auto;
		width:100%;
		height:auto;
	}

	.carousel-inner img {
		width: 100%;
		height: auto;
	}
    .renk{
        display:none;
    }
	.main{
		width:100%;
		height:auto;
		position:static;
		background:rgb(32,39,47);
	}

	.main-text-box{
		margin-top:0px;
	}

	.main h1{
		text-align:center;
		font-size:23px;
		line-height:60px;
		color:rgb(229,107,3);
		font-family: 'Poppins', sans-serif;
		letter-spacing:2px;
	}

	.main hr{
		width:90%;
		height:2px;
		background-color:rgb(229,107,3);
		margin:auto;
	}

	.main-text{
		color:#fff;
		width:90%;
		height:100%;
		margin:auto;
		font-family: 'Montserrat', sans-serif;
		padding:10px;
	}

	.main-text p{
		text-align:center;
		font-size:14px;
	}

	.main-text h2{
		text-align:center;
		font-size:23px;
		color:rgb(229,107,3);
		font-family: 'Poppins', sans-serif;
		letter-spacing:2px;
	}

	.main-text ul{
		font-size:15px;
		width:90%;
		margin:auto;
		font-family: 'Montserrat', sans-serif;
	}

	ul{
		list-style:square;
	}

	.main-text-footer{
		border:2px solid rgb(229,107,3);
		padding:10px;
	}

	/*footer*/

	.footer {
		height: 60px;
		background:rgb(32,39,47);
		color: black;
		text-align: center;
		padding: 0px;
		box-sizing: border-box;
		z-index:9999;
		margin-top:0;
	}

	.footer-left-area{
		width:100%;
		height:40px;;
		float:left;
		margin-left:0px;
	}

	.footer-left-area i{
        line-height:10px;
        font-size:16px;
        margin-left:15px;
        margin-right:0px;
        color:#fff;
        transition:all 0.6s ease;
    }

	.footer-right-area{
		width:100%;
		height:20px;
		float:right;
		background-color:rgb(32,39,47);
		color:#fff;
		line-height:0px;
		font-size:11px;
	}
    .footer-right-area a{
    color:rgb(229,107,3);
    }
    
    .footer-right-area a:hover{
        text-decoration:none;
        color:rgb(229,107,3);
    }
	.footer-icon-1:hover{
		color:#3b5998;
	}

	.footer-icon-2:hover{
		color:#1DA1F2;
	}

	.footer-icon-3:hover{
		color:#405DE6;
	}

	.footer-icon-4:hover{
		color:#FF0000;
	}

	.footer-icon-5:hover{
		color:#D44638;
	}

	.footer-icon-6:hover{
		color:#25D366;
	}

	.footer-icon-7:hover{
		color:#E60023;
	}

	.footer-left-area i:hover{
		cursor:pointer;
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-o-transform:scale(1.2);
		-ms-transform:scale(1.2);
		transform:scale(1.2);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}

	/*footer end*/

	/*projects page*/
	
	.demo-gallery > ul > li:hover{
		-webkit-transform:scale(1) !important;
		-moz-transform:scale(1) !important;
		-o-transform:scale(1) !important;
		-ms-transform:scale(1) !important;
		transform:scale(1) !important;
		-webkit-transform:translate(0px,0px);
		-moz-transform:translate(0px,0px);
		-o-transform:translate(0px,0px);
		-ms-transform:translate(0px,0px);
		transform:translate(0px,0px);
	}

	.project{
		width:100%;
		height:auto;
		position:static;
		z-index:9999;
		background-color:rgb(32,39,47);
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-o-border-radius:0px;
		-ms-border-radius:0px;
		border-radius:0px;
		padding:10px;
		overflow:auto;
		-webkit-opacity:0.9;
		-moz-opacity:0.9;
		-o-opacity:0.9;
		-ms-opacity:0.9;
		opacity:0.9;
	}

	.project-box{
		width:100%;
		height:400px;
		margin:150px auto;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-o-border-radius:10px;
		-ms-border-radius:10px;
		border-radius:10px;
		background-color:rgba(86,101,115,0.2);
		padding:6px;
		color:#fff;
		text-align:center;
		overflow-y:auto !important;
		overflow-x:hidden !important;
	}

	.project-box-text-bar{
		padding:5px;
		margin-top:10px;
		font-family: 'Open Sans', sans-serif;
	}

	.project-box-text-bar h2{
		font-size:25px;
		letter-spacing:2px;
	}

	.demo-gallery > ul > li {
		float: left;
		margin-bottom: 15px;
		margin-left:0px !important;
		width: 100% !important;
	}

	.demo-gallery > ul > li a {
		border-radius: 3px;
		display: block;
		overflow: hidden;
		position: relative;
		float: left;
		width:96% !important;
		height:auto !important;
	}

	/*animation page*/

	.animation{
		width:100%;
		height:100%;
		position:static;
		z-index:9999;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-o-border-radius:0px;
		-ms-border-radius:0px;
		border-radius:0px;
		border-radius:0px;
		padding:0px;
	}

	.animation-box{
		width:100%;
		height:auto;
		margin:0px auto;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-o-border-radius:0px;
		-ms-border-radius:0px;
		border-radius:0px;
		border-radius:0px;
		background-color:rgb(32,39,47);
		opacity:0.9;
	}

	.animation-page-title{
		font-size:30px;
	}

	#mixedSlider .MS-content .item .imgTitle img {
		height: auto;
		width: 100%;
	}

	#mixedSlider .MS-controls button {
		position: absolute;
		border: none;
		background-color: transparent;
		outline: 0;
		font-size: 60px;
		top:40%;
		color: rgba(0, 0, 0, 0.4);
		-webkit-transition: 0.15s linear;
		-moz-transition: 0.15s linear;
		-o-transition: 0.15s linear;
		-ms-transition: 0.15s linear;
		transition: 0.15s linear;
	}

	#fade {
		display: none;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index: 1001;
		-webkit-opacity: 0.8;
		-moz-opacity: 0.8;
		-o-opacity: 0.8;
		-ms-opacity: 0.8;
		opacity: .80;
		filter: alpha(opacity=80);
	}

	.video{
		width:400px;
		height:300px;
		position:absolute;
		left:-110px;
	}

	#boxclose {
		float: right;
		cursor: pointer;
		color: #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		background: red;
		font-size: 25px;
		font-weight: bold;
		display: inline-block;
		line-height: 0px;
		padding:20px 6px;
		position: absolute;
		right:-290px;
		width:31px;
		height:20px;
		z-index: 1002;
		-webkit-opacity: 0.9;
		-moz-opacity: 0.9;
		-o-opacity: 0.9;
		-ms-opacity: 0.9;
		opacity: 0.9;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.demo-gallery > ul > li a:hover{
	-webkit-transform:scale(1) !important;
	-moz-transform:scale(1) !important;
	-o-transform:scale(1) !important;
	-ms-transform:scale(1) !important;
	transform:scale(1) !important;
	z-index:9999999 !important;
	position:static !important;
	left:0%;
	top: 0%;
	}
	.renk{
        display:none;
    }
	.main-text-logo{
	display:none;
    }
	
	.sl-1{
		height:50vh;
	}

	.sl-2{
		height: 20vh;
	}

	.slider-text{
	    height:50vh !important;
		position:relative;
		left:0% !important;
	}
    

	body{
		overflow:auto !important;
	}

	#nav-logo{
		display:block;
		width:100%;
		height:auto;
		margin-top:-5px;
		margin-left:0px;
	}

	.logo{
		width:25%;
	}

	.nav-links li a{
		font-size:11px;
	}

	#demo{
		margin:auto;
		width:100%;
		height:auto;
	}

	.carousel-inner img {
		width: 100%;
		height: auto;
	}

	.main{
		width:100%;
		height:auto;
		position:static;
		background-color:rgb(32,39,47);
	}

	.main-text-box{
		margin-top:0px;
	}

	.main h1{
		text-align:center;
		font-size:23px;
		line-height:60px;
		color:rgb(229,107,3);
		font-family: 'Poppins', sans-serif;
		letter-spacing:2px;
	}

	.main hr{
		width:90%;
		height:2px;
		background-color:rgb(229,107,3);
		margin:auto;
	}

	.main-text{
		color:#fff;
		width:90%;
		height:100%;
		margin:auto;
		font-family: 'Montserrat', sans-serif;
		padding:10px;
	}

	.main-text p{
		text-align:center;
		font-size:14px;
	}

	.main-text h2{
		text-align:center;
		font-size:23px;
		color:rgb(229,107,3);
		font-family: 'Poppins', sans-serif;
		letter-spacing:2px;
	}

	.main-text ul{
		font-size:15px;
		width:90%;
		margin:auto;
		font-family: 'Montserrat', sans-serif;
	}

	ul{
		list-style:square;
	}

	.main-text-footer{
		border:2px solid rgb(229,107,3);
		padding:10px;
	}

	.footer{
		position:static;
		height:45px;
	}

	.footer-left-area{
		width:40%;
		color:#fff;
		float:left;
		margin-left:0px;
	}

	.footer-right-area{
		float:right;
		width:60%;
		margin:auto;
	}

	.footer-right-area p{
		font-size:12px;
	}

.footer i{
        color:#fff;
        font-size:15px;
        line-height:45px;
        z-index:88;
        margin-left:15px;
        -webkit-transition:all 0.5s ease;
        -moz-transition:all 0.5s ease;
        -o-transition:all 0.5s ease;
        -ms-transition:all 0.5s ease;
        transition:all 0.5s ease;
    }

	/*projects page*/
	
	.demo-gallery > ul > li:hover{
		-webkit-transform:scale(1) !important;
		-moz-transform:scale(1) !important;
		-o-transform:scale(1) !important;
		-ms-transform:scale(1) !important;
		transform:scale(1) !important;
		-webkit-transform:translate(0px,0px);
		-moz-transform:translate(0px,0px);
		-o-transform:translate(0px,0px);
		-ms-transform:translate(0px,0px);
		transform:translate(0px,0px);
	}

	.project{
		width:100%;
		height:auto;
		position:static;
		z-index:9999;
		background-color:rgb(32,39,47);
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-o-border-radius:0px;
		-ms-border-radius:0px;
		border-radius:0px;
		padding:10px;
		overflow:auto;
		-webkit-opacity:0.9;
		-moz-opacity:0.9;
		-o-opacity:0.9;
		-ms-opacity:0.9;
		opacity:0.9;
	}

	.project-box{
		width:98%;
		height:450px;
		margin:150px auto;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-o-border-radius:10px;
		-ms-border-radius:10px;
		border-radius:10px;
		background-color:rgba(86,101,115,0.2);
		padding:20px;
		overflow-x:hidden;
		overflow-y:auto;
		color:#fff;
		text-align:center;
	}

	.project-box-text-bar{
		padding:5px;
		margin-top:10px;
		font-family: 'Open Sans', sans-serif;
	}

	.project-box-text-bar h2{
		font-size:25px;
		letter-spacing:2px;
	}

	.demo-gallery > ul > li {
		float: left;
		margin-bottom: 15px;
		margin-left:0px !important;
		width: 50% !important;
	}

	.demo-gallery > ul > li a {
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		-ms-border-radius:3px;
		border-radius: 3px;
		display: block;
		overflow: hidden;
		position: relative;
		float: left;
		width:97% !important;
		height:auto !important;
	}

	/*animation page*/

	.animation{
		width:100%;
		height:100%;
		position:static;
		z-index:9999;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-o-border-radius:0px;
		-ms-border-radius:0px;
		border-radius:0px;
		padding:0px;
	}

	.animation-box{
		width:100%;
		height:auto;
		margin:0px auto;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-o-border-radius:0px;
		-ms-border-radius:0px;
		border-radius:0px;
		background-color:rgb(32,39,47);
		-webkit-opacity:0.9;
		-moz-opacity:0.9;
		-o-opacity:0.9;
		-ms-opacity:0.9;
		opacity:0.9;
	}

	.animation-page-title{
		font-size:30px;
	}

	#mixedSlider .MS-content .item .imgTitle img {
		height: auto;
		width: 100%;
	}

	#mixedSlider .MS-controls button {
		position: absolute;
		border: none;
		background-color: transparent;
		outline: 0;
		font-size: 60px;
		top:35%;
		color: rgba(0, 0, 0, 0.4);
		-webkit-transition: 0.15s linear;
		-moz-transition: 0.15s linear;
		-o-transition: 0.15s linear;
		-ms-transition: 0.15s linear;
		transition: 0.15s linear;
	}

	#fade {
		display: none;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index: 1001;
		-webkit-opacity: 0.8;
		-moz-opacity: 0.8;
		-o-opacity: 0.8;
		-ms-opacity: 0.8;
		opacity: .80;
		filter: alpha(opacity=80);
	}

	.video{
		width:600px;
		height:400px;
		position:absolute;
		left:-160px;
	}

	#boxclose {
		float: right;
		cursor: pointer;
		color: #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		background: red;
		font-size: 25px;
		font-weight: bold;
		display: inline-block;
		line-height: 0px;
		padding:20px 6px;
		position: absolute;
		right:-290px;
		width:31px;
		height:20px;
		z-index: 1002;
		-webkit-opacity: 0.9;
		-moz-opacity: 0.9;
		-o-opacity: 0.9;
		-ms-opacity: 0.9;
		opacity: 0.9;
	}

}

@media (min-width:970px) and (max-width:990px)
{
	#nav-logo{
		width:15%;
		margin-top:-5px;
	}

	.logo{
		width:25%;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.demo-gallery > ul > li a:hover{
	-webkit-transform:scale(1) !important;
	-moz-transform:scale(1) !important;
	-o-transform:scale(1) !important;
	-ms-transform:scale(1) !important;
	transform:scale(1) !important;
	z-index:9999999 !important;
	position:static !important;
	left:0%;
	top: 0%;
	}
	.renk{
        display:none;
    }
	.main-text-logo{
	display:none;
    }
	
	.sl-1{
		height:50vh;
	}

	.sl-2{
		height: 20vh;
	}

	.slider-text{
	    height:50vh !important;
		position:relative;
		left:0% !important;
	}

	body{
		overflow:auto !important;
	}

	#nav-logo{
		display:block;
		width:15%;
		height:auto;
		position:absolute;
		top:20%;
		left:15%;
	}

	.logo{
		width:40%;
	}

	.nav-links li a{
		font-size:11px;
	}

	#demo{
		margin:auto;
		width:100%;
		height:auto;
	}

	.carousel-inner img {
		width: 100%;
		height: auto;
	}

	.main{
		width:100%;
		height:auto;
		position:static;
		background:rgb(32,39,47);
	}

	.main-text-box{
		margin-top:0px;
	}

	.main h1{
		text-align:center;
		font-size:23px;
		line-height:60px;
		color:rgb(229,107,3);
		font-family: 'Poppins', sans-serif;
		letter-spacing:2px;
	}

	.main hr{
		width:90%;
		height:2px;
		background-color:rgb(229,107,3);
		margin:auto;
	}

	.main-text{
		color:#fff;
		width:90%;
		height:100%;
		margin:auto;
		font-family: 'Montserrat', sans-serif;
		padding:10px;
	}

	.main-text p{
		text-align:center;
		font-size:14px;
	}

	.main-text h2{
		text-align:center;
		font-size:23px;
		color:rgb(229,107,3);
		font-family: 'Poppins', sans-serif;
		letter-spacing:2px;
	}

	.main-text ul{
		font-size:15px;
		width:90%;
		margin:auto;
		font-family: 'Montserrat', sans-serif;
	}

	ul{
		list-style:square;
	}

	.main-text-footer{
		border:2px solid rgb(229,107,3);
		padding:10px;
	}

	/*footer*/

	.footer{
		width:100%;
		height:45px;
		background-color:rgb(32,39,47);
		position:static;
		bottom:0;
	}

	.footer-left-area{
		width:40%;
		color:#fff;
		float:left;
		margin-left:0px;
	}

	.footer-right-area{
		float:right;
		width:60%;
	}

	.footer-right-area p{
		font-size:14px;
	}

.footer i{
        color:#fff;
        font-size:15px;
        line-height:45px;
        z-index:88;
        margin-left:20px;
        -webkit-transition:all 0.5s ease;
        -moz-transition:all 0.5s ease;
        -o-transition:all 0.5s ease;
        -ms-transition:all 0.5s ease;
        transition:all 0.5s ease;
    }

	/*animation page*/

	.animation{
		width:100%;
		height:100%;
		position:static;
		z-index:9999;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-o-border-radius:0px;
		-ms-border-radius:0px;
		border-radius:0px;
		padding:0px;
	}

	.animation-box{
		width:100%;
		height:auto;
		margin:0px auto;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-o-border-radius:0px;
		-ms-border-radius:0px;
		border-radius:0px;
		background-color:rgb(32,39,47);
		opacity:0.9;
	}

	.animation-page-title{
		font-size:30px;
	}

	#mixedSlider .MS-content .item .imgTitle img {
		height: auto;
		width: 100%;
	}

	#mixedSlider .MS-controls button {
		position: absolute;
		border: none;
		background-color: transparent;
		outline: 0;
		font-size: 60px;
		top:35%;
		color: rgba(0, 0, 0, 0.4);
		-webkit-transition: 0.15s linear;
		-moz-transition: 0.15s linear;
		-o-transition: 0.15s linear;
		-ms-transition: 0.15s linear;
		transition: 0.15s linear;
	}

	#fade {
		display: none;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index: 1001;
		-webkit-opacity: 0.8;
		-moz-opacity: 0.8;
		-o-opacity: 0.8;
		-ms-opacity: 0.8;
		opacity: .80;
		filter: alpha(opacity=80);
	}

	.video{
		width:600px;
		height:400px;
		position:absolute;
		top:180px;
		left:-170px;
	}

	#boxclose {
		float: right;
		cursor: pointer;
		color: #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		background: red;
		font-size: 25px;
		font-weight: bold;
		display: inline-block;
		line-height: 0px;
		padding:20px 6px;
		position: absolute;
		right:-100px;
		width:31px;
		height:20px;
		z-index: 1002;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-o-opacity: 0;
		-ms-opacity: 0;
		opacity: 0;
	}

	#mixedSlider .MS-controls button {
		position: absolute;
		border: none;
		background-color: transparent;
		outline: 0;
		font-size: 60px;
		top:30%;
		color: rgba(0, 0, 0, 0.4);
		-webkit-transition: 0.15s linear;
		-moz-transition: 0.15s linear;
		-o-transition: 0.15s linear;
		-ms-transition: 0.15s linear;
		transition: 0.15s linear;
	}

	/*projects page*/

	.project{
		width:100%;
		height:auto;
		position:static;
		z-index:9999;
		background-color:rgb(32,39,47);
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-o-border-radius:0px;
		-ms-border-radius:0px;
		border-radius:0px;
		padding:10px;
		overflow:auto;
		-webkit-opacity:0.9;
		-moz-opacity:0.9;
		-o-opacity:0.9;
		-ms-opacity:0.9;
		opacity:0.9;
	}

	.project-box{
		width:98%;
		height:450px;
		margin:150px auto;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-o-border-radius:10px;
		-ms-border-radius:10px;
		border-radius:10px;
		background-color:rgba(86,101,115,0.2);
		padding:20px;
		overflow-x:hidden;
		overflow-y:auto;
		color:#fff;
		text-align:center;
	}

	.project-box-text-bar{
		padding:5px;
		margin-top:10px;
		font-family: 'Open Sans', sans-serif;
	}

	.project-box-text-bar h2{
		font-size:25px;
		letter-spacing:2px;
	}

	.demo-gallery > ul > li {
		float: left;
		margin-bottom: 15px;
		margin-left:0px !important;
		width: 25% !important;
	}

	.demo-gallery > ul > li a {
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		-ms-border-radius:3px;
		border-radius: 3px;
		display: block;
		overflow: hidden;
		position: relative;
		float: left;
		width:97% !important;
		height:auto !important;
	}

}

@media (min-width:1199px) and (max-width:1400px)
{
	.nav-links li a{
		font-size:12px;
	}
	
	.main{
		left:5% !important;
		width:30% !important;
	}
	
	.main-text-logo{
	    width:95% !important;
		margin-top:30px !important;
		margin-left:10px !important;
    }
    #kutu1{
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 5;
}

#kutu2{
	background-color:rgb(32,39,47,0.0);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 10;
}

}

@media (min-width:1200px) and (max-width:1700px)
{
	.demo-gallery > ul > li a:hover{
	-webkit-transform:scale(1) !important;
	-moz-transform:scale(1) !important;
	-o-transform:scale(1) !important;
	-ms-transform:scale(1) !important;
	transform:scale(1) !important;
	z-index:9999999 !important;
	position:static !important;
	left:0%;
	top: 0%;
	}
	.renk{
    width:100%;
    height:79.5px;
    position:absolute;
    top:10%;
    left:0%;
    z-index:-1;
}
	.main-text-logo{
	    margin-top:40px;
	    margin-left:8px;
    }
	
	#kutu1{
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 5;
}

#kutu2{
	background-color:rgb(32,39,47,0.0);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 10;
}
	#nav-logo{
		display:none;
		margin-top:-20px;
		margin-left:-15px;
	}

	.main{
		background-color:rgb(32,39,47,0.7);
		width:24%;
		height:97.5%;
		position:fixed;
		top:0%;
		left:10%;
		-webkit-opacity:0.9;
		-moz-opacity:0.9;
		-o-opacity:0.9;
		-ms-opacity:0.9;
		opacity:1;
		overflow:auto;
		z-index:5;
	}

	.main-text-box{
		margin-top:0px;
		padding:5px;
	}

	.main h1{
		text-align:center;
		font-size:23px;
		line-height:60px;
		color:rgb(229,107,3);
		font-family: 'Poppins', sans-serif;
		letter-spacing:2px;
	}

	.main hr{
		width:90%;
		height:2px;
		background-color:rgb(229,107,3);
		margin:auto;
	}

	.main-text{
		color:#fff;
		width:100%;
		height:100%;
		margin:auto;
		font-family: 'Montserrat', sans-serif;
		padding:10px;
	}

	.main-text p{
		text-align:center;
		font-size:13px;
	}

	.main-text h2{
		text-align:center;
		font-size:23px;
		color:rgb(229,107,3);
		font-family: 'Poppins', sans-serif;
		letter-spacing:2px;
	}

	.main-text ul{
		font-size:16px;
		width:90%;
		margin:auto;
		font-family: 'Montserrat', sans-serif;
	}

	ul{
		list-style:square;
	}

	.main-text-footer{
		border:2px solid rgb(229,107,3);
		padding:10px;
	}

	/*footer*/

	.footer{
		width:100%;
		height:45px;
		background-color:rgb(32,39,47);
		position:absolute;
		bottom:0%;
		z-index:99;
	}

	.footer-left-area{
		width:40%;
		color:#fff;
		float:left;
		margin-left:0px;
	}

	.footer-right-area{
		float:right;
		width:60%;
		margin:auto;
	}

	.footer-right-area{
		font-size:14px;
	}

	/*footer end*/

	/*animation page*/

	.animation-box{
		width:100%;
		height:auto;
		margin:0px auto;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-o-border-radius:10px;
		-ms-border-radius:10px;
		border-radius:10px;
		background-color:rgb(32,39,47);
		-webkit-opacity:0.9;
		-moz-opacity:0.9;
		-o-opacity:0.9;
		-ms-opacity:0.9;
		opacity:0.9;
	}

	.animation-page-title{
		font-size:30px;
	}

	#mixedSlider .MS-content .item .imgTitle img {
		height: auto;
		width: 100%;
	}

	#mixedSlider .MS-controls button {
		position: absolute;
		border: none;
		background-color: transparent;
		outline: 0;
		font-size: 60px;
		top:35%;
		color: rgba(0, 0, 0, 0.4);
		-webkit-transition: 0.15s linear;
		-moz-transition: 0.15s linear;
		-o-transition: 0.15s linear;
		-ms-transition: 0.15s linear;
		transition: 0.15s linear;
	}

	#fade {
		display: none;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index: 1001;
		-webkit-opacity: 0.8;
		-moz-opacity: 0.8;
		-o-opacity: 0.8;
		-ms-opacity: 0.8;
		opacity: .80;
		filter: alpha(opacity=80);
	}

	.video{
		width:600px;
		height:400px;
		position:absolute;
		top:180px;
		left:-80px;
	}

	#boxclose {
		float: right;
		cursor: pointer;
		color: #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		background: red;
		font-size: 25px;
		font-weight: bold;
		display: inline-block;
		line-height: 0px;
		padding:20px 6px;
		position: absolute;
		right:-100px;
		width:31px;
		height:20px;
		z-index: 1002;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-o-opacity: 0;
		-ms-opacity: 0;
		opacity: 0;
	}

	#mixedSlider .MS-controls button {
		position: absolute;
		border: none;
		background-color: transparent;
		outline: 0;
		font-size: 60px;
		top:30%;
		color: rgba(0, 0, 0, 0.4);
		-webkit-transition: 0.15s linear;
		-moz-transition: 0.15s linear;
		-o-transition: 0.15s linear;
		-ms-transition: 0.15s linear;
		transition: 0.15s linear;
	}

	/*projects page*/
	
	.demo-gallery > ul > li:hover{
		-webkit-transform:scale(1) !important;
		-moz-transform:scale(1) !important;
		-o-transform:scale(1) !important;
		-ms-transform:scale(1) !important;
		transform:scale(1) !important;
		-webkit-transform:translate(0px,0px);
		-moz-transform:translate(0px,0px);
		-o-transform:translate(0px,0px);
		-ms-transform:translate(0px,0px);
		transform:translate(0px,0px);
	}

	.project{
		width:55%;
		height:75%;
		position:absolute;
		left:40%;
		z-index:5;
		background-color:rgb(32,39,47,0.0);
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-o-border-radius:10px;
		-ms-border-radius:10px;
		border-radius:10px;
		padding:0px;
		overflow:auto;
	}

	.project-box{
		width:98%;
		height:500px;
		margin:100px auto;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-o-border-radius:10px;
		-ms-border-radius:10px;
		border-radius:10px;
		background-color:rgb(32,39,47,0.7);
		padding:20px;
		overflow-x:hidden;
		overflow-y:auto;
		color:#fff;
		text-align:center;
	}

	.project-box-text-bar{
		padding:5px;
		margin-top:10px;
		font-family: 'Open Sans', sans-serif;
	}

	.project-box-text-bar h2{
		font-size:25px;
		letter-spacing:2px;
	}

	.demo-gallery > ul > li {
		float: left;
		margin-bottom: 15px;
		margin-left:0px !important;
		width: 50% !important;
	}

	.demo-gallery > ul > li a {
		border-radius: 3px;
		display: block;
		overflow: hidden;
		position: relative;
		float: left;
		margin-left:25px !important;
		width:300px !important;
		height:auto !important;
	}

}

@media (min-width:1700px) and (max-width:1950px)
{
    #kutu1{
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 5;
}

#kutu2{
	background-color:rgb(32,39,47,0.0);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 10;
} 
	.footer {
		width:100%;
		height: 50px;
		background:rgb(32,39,47);
		color: black;
		text-align: center;
		padding: 0px;
		box-sizing: border-box;
		z-index:9999;
		position:absolute;
		bottom:-1%;
	}
}

@media screen and (min-width: 1600px) and (max-width: 2500px)
{
  .footer {
		width:100%;
		height: 50px;
		background:rgb(32,39,47);
		color: black;
		text-align: center;
		padding: 0px;
		box-sizing: border-box;
		z-index:9999;
		position:absolute;
		bottom:-0.5%;
	}
   
  #kutu1{
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 5;
}
.d-block{
     height: 100% !important;
  }
#kutu2{
	background-color:rgb(32,39,47,0.0);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 10;
}
}