@media only screen and (min-width: 979px) and (max-width: 1200px) {

	.container {
		width: 100%;
	}
	.top-socials {
	    width: 20%;
	}
	.page-title {
	    width: 80%;
	}
	.nav-container {
	    width: 62%;
	}
	.social-icons {
	    width: 30%;
	}
	#slider-next{
		top:29%;
	}
	#slider-prev{
		top:29%;
	}
	.ns-text {
	    padding: 25px 10px 21px 10px;
	}
	.products ul li:nth-child(4) .p-box:nth-child(2) {
	    padding:0;
	}
	.project-title {
	    width: 70%;
	    font-size: 28px;
	}
	.project-form {
	    width: 30%;
	}
	.project-form a {
	    padding: 3% 5% 3% 5%;
	    font-size: 18px;
	}
	.pt-inner {
	    margin: 34px 0 0 0;
	}
    .news-slider {
   
        height: 31.3vw;
}
}

@media(max-width:1178px) and (min-width:979px){
	.nav-container {
		width: 63%;
	}
}
@media(max-width:1160px) and (min-width:979px) {
	.nav-container {
		width: 65%;
	}

	nav ul li a {
		padding: 10px 5px;
		font-size: 13px;
		letter-spacing: -0.50px;
		color: black;
	}
}
/* tablet dikey */

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

	.container {
		width: 100%;
		padding:0 10px;
	}
	.top-socials {
	    width: 25%;
	}
	.page-title {
	    width: 75%;
	}
	.nav-container {
		width: 71%;
		position: relative;
		top: -20px;
	}

	nav ul li a {
		padding: 10px 3px;
		font-size: 12px;
		letter-spacing: -0.70px;
		color: black;
	}
	.social-icons {
	    width: 100%;
	}
	.sub-nav {
	    width: 75%;
	    float: left;
	}
	.back-link {
	    width: 25%;
	}
	.logo {
	    width: 20%;
	    float: left;
	}
	.c-desc {
	    width: 58%;
	    margin: 0 2% 0 0;
	}
	.c-map {
	    width: 40%;
	    float: left;
	}
	.dropdown{
	    left:-140px;
	}
	.overlay {
		display: block;
	}
	.project {
		text-align: center;
	}
	.project-title {
	    width: 100%;
	    font-size: 32px;
	    margin:0 0 10px 0;
	}
	.project-form {
	    width: 100%;
	}
	.project-form a {
	    padding: 1% 5% 1% 5%;
	}
	#slider-next{
		display:none;
	}
	#slider-prev{
		display:none;
	}
	.ns-text {
	    padding: 25px 10px 21px 10px;
	}
	.products ul li:nth-child(4) .p-box:nth-child(2) {
	    padding: 0;
	}
	.overlay-links a {
	    font-size: 12px;
	}
	.product-title a {
	    font-size: 32px;
	}
	.pb-title {
	    font-size: 18px;
	}
	.php-title {
	    font-size: 26px;
	}
	.projects-box ul li {
		max-height: 247px !important;
	}
	.projects-box ul li:last-child {
		max-height: 247px !important;
	}
	.projects-box ul li img {
		max-height: 197px !important;
	}
       .news-slider {
   
        height: 31.3vw;
}

.news-slider .bx-wrapper .bx-viewport{
background:none;
}
}
@media(max-width:837px){
	.nav-container {
		width: 80%;
		position: relative;
		top: -25px;
	}
	.lang {
		position: relative;
		top: -5px;
	}
	.social-icons {
		position: absolute;
		right: 0;
		top: 48px;
		padding-top: 0;
	}
}


/* mobile yatay */

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

	.container {
		width: 100%;
		padding:0 10px;
	}
	.top-socials {
	    width: 40%;
	}
	.page-title {
	    width: 60%;
	}
	.nav-container {
	    width: 100%;
	    padding:0;
	}
	.social-icons {
	    width: 100%;
	}
	.sub-nav {
	    width: 60%;
	    float: left;
	}
	.back-link {
	    width: 40%;
	}
	.logo {
	    width: 40%;
	    float: left;
	    position:absolute;
	    left:10px;
	    top:20px;
	}
	.c-desc {
	    width: 100%;
	    margin: 0 0 0 0;
	}
	.c-map {
	    width: 100%;
	    float: left;
	    margin:20px 0 0 0;
	}
	.dropdown{
	    left:-140px;
	}
	.menu-btn{
		display:block;
	}
	nav{
		width:100%;
		float:left;
		display:none;
		text-align: right;
	}
	nav ul li a {
	    padding: 10px 9px;
	}
	.footer-in ul {
	    margin: 20px 0 0 0;
	}
	.footer-in ul:nth-child(1) {
	    width: 100%;
	    margin:0;
	}
	.footer-in ul:nth-child(2) {
	    width: 100%;
	}
	.footer-in ul:nth-child(3) {
	    width: 100%;
	}
	.footer-in ul:nth-child(4) {
	    width: 100%;
	}
	#slider-next{
		display:none;
	}
	#slider-prev{
		display:none;
	}
	.ns-text {
	    padding: 25px 10px 21px 10px;
	}
	.products ul li:nth-child(4) .p-box:nth-child(2) {
	    padding: 0;
	}
	.overlay-links a {
	    font-size: 12px;
	}
	.product-title a {
	    font-size: 32px;
	}
	.pb-title {
	    font-size: 18px;
	}
	.sub-left {
	    width: 100%;
	    padding:0;
	}
	.main-slider {
	    width: 100%;
	    float: left;
	}
	.project {
	   text-align: center;
	}
	.project-title {
	    width: 100%;
	    margin:0 0 20px 0;
	}
	.project-form {
	    width: 100%;
	}
	.pb-title {
	    font-size: 18px;
	}
	.php-title {
	    font-size: 18px;
	}
	.gallery-box {
	    width: 100%;
	    float: left;
	    margin: 0 0 15px 0;
	    max-height: 290px;
	}
	.intro-box {
	    width: 100%;
	}
	.intro-controls {
	    width: 100%;
	}
	#bx-next {
	    float: right;
	}
	.it-title {
	    font-size: 20px;
	}
	.products ul li {
	    width: 100% !important;
	    max-height: 371px;
	    margin: 0 0 35px 0;
	}
	.overlay {
	    opacity: 1;
	}
	.projects-box ul li {
		width:100% !important;
	}
	.projects-box ul li:last-child {
		width:100% !important;
	}

         .news-slider {
   
        height: 31.3vw;
}

.news-slider .ns-image {
    width: 45vw;
   
}

.news-slider .ns-text {
    padding: 25px 10px 21px 10px;
	height:70vw;
	max-height: 226px;
}

.p-box:nth-child(2n+2) {
    margin: 0px 0px 0px 0px;
    height: 22vw;
}
}
@media (max-width:767px) {
	.lang {
		position: relative;
		top: -25px;
	}

	.logo {
		width: 40%;
		float: left;
		position: absolute;
		left: 10px;
		top: -14px;
	}
}

/* mobile dikey */


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

	.container {
		width: 100%;
		padding:0 10px;
	}
	.top-socials {
	    width: 100%;
	    text-align: left;
	    margin:0;
	}
	.top-socials ul {
	    float: left;
	}
	.page-title {
	    width: 100%;
	    margin:15px 0 15px 0;
	}
	.nav-container {
	    width: 100%;
	    padding:0;
	}
	.social-icons {
	    width: 100%;
	}
	.sub-nav {
	    width: 100%;
	    float: left;
	}
	.back-link {
	    width: 100%;
	    display:none;
	}
	.logo {
	    width: 40%;
	    float: left;
	    position:absolute;
	    left:10px;
	    top: 32px;
	}
	.c-desc {
	    width: 100%;
	    margin: 0 0 0 0;
	}
	.c-map {
	    width: 100%;
	    float: left;
	    margin:20px 0 0 0;
	}
	.dropdown {
		width: 100%;
		position: static;
		top: 100%;
		left: 0;
		padding: 10px;
	}
	.dropdown li {
		width: 100%;
		text-align: right;
	}
	.dropdown li:nth-child(2) {
		margin: 0 2% 0 0;
	}
	.dropdown li a {
		text-align: right;
	}
	nav ul li.has-dropdown:hover a {
		border-top: none;
	}
	.db-in{
		display:none;
	}
	.menu-btn{
		display:block;
	}
	nav{
		width:100%;
		float:left;
		display:none;
		text-align: right;
	}
	nav ul li {
		width: 100%;
		margin:0 0 15px 0;
	}
	nav ul li a {
	    padding: 10px 5px;
	    font-size:14px;
	}
	.footer-in ul {
	    margin: 20px 0 0 0;
	}
	.footer-in ul:nth-child(1) {
	    width: 100%;
	    margin:0;
	}
	.footer-in ul:nth-child(2) {
	    width: 100%;
	}
	.footer-in ul:nth-child(3) {
	    width: 100%;
	}
	.footer-in ul:nth-child(4) {
	    width: 100%;
	}
	.footer-in ul:nth-child(2) li {
	    width: 50%;
	}
	.fb-copyright {
	    width: 100%;
	    line-height: 18px;
	}
	.fb-logo {
	    width: 100%;
	    margin:20px 0 0 0;
	    text-align: left;
	}
	.project-form a {
	    padding: 2%;
	    font-size: 20px;
	}
	.c-desc ul li a {
		font-size:12px;
		padding:10px 15px;
	}
	.pb-title {
	    font-size: 18px;
	}
	.php-title {
	    font-size: 18px;
	}
	.ph-box {
	    width: 100%
	}
	.proje-hizmetleri {
	    max-height: inherit;
	}
	.close-icon{
		display:none !important;
	}
	.ph-box.box--active {
		z-index:-1;
		position:relative;
	}
	.pl-in ul li:nth-child(4n+4) {
	    margin: 0 1.166666666666667% 15px 0;
	}
	.pl-in ul li:nth-child(2n+2) {
	    margin: 0 0 15px 0;
	}
	.pl-in ul li {
	    width: 48.83333333333333%;
	}
	.sub-left {
	    width: 100%;
	    padding:0;
	}
	.main-slider {
	    width: 100%;
	    float: left;
	}
	.pager ul li a {
	    padding: 10px 5px;
	}
	.gallery-box {
	    width: 100%;
	    float: left;
	    margin: 0 0 15px 0;
	    max-height: 290px;
	}
	.intro-box {
	    width: 100%;
	}
	.intro-controls {
	    width: 100%;
	}
	#bx-next {
	    float: right;
	}
	.it-title {
	    font-size: 20px;
	}
	.products ul li {
	    width: 100% !important;
	    max-height: inherit;
	    margin: 0 0 35px 0;
	}
	.project {
		text-align: center;
	}
	.project-title {
	    width: 100%;
	    margin:0 0 20px 0;
	}
	.project-form {
	    width: 100%;
	}
/*	.intro-box ul li {
	    width:23.94% !important;
	}*/
	.news-slider{
		display:none;
	}
	.products ul li:nth-child(3) .p-box-container{
        width: 100%;
    	float: left;
    	margin: 0px 0% 0px 0px;	
	}
	.ms-text {
		width: 64%;
		padding: 0 0% 0 0%;
		top: 40%;
		overflow: hidden;
	}
	.mst-text1 {
		font-size: 22px;
	}
	.mst-text2 {
		font-size: 32px;
	}
	.footer-in ul:nth-child(2) ul {
		width: 50%;
		float: left;
	}
	.footer-in ul:nth-child(2) ul li {
		width: 100%;
		float: left;
	}
	.projects-box ul li {
		width:100% !important;
	}
	.projects-box ul li:last-child {
		width:100% !important;
	}
	.lang {
		position: relative;
		top: -25px;
	}

	.logo {
		width: 40%;
		float: left;
		position: absolute;
		left: 10px;
		top: -14px;
	}

}
@media(max-width:991px) {

	.video-gallery ul li {
		width: 48%;
		margin: 0 1% 35px 1%;
	}
  
}
@media(max-width:767px) {

	.request-left {
		width: 100%;
		margin-right: 0;
		margin-bottom:20px;
	}
	.request-right {
		width: 100%;
	}

}