/* lg */ 

@media (max-width: 1500px) {
	.form-alan {right: 10%;}	
	.slider-landing .bx-wrapper img {margin-left: -220px;}
}
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
	  
  }
  
    .dropdown:hover .dropdown-submenu > .dropdown-menu {
      display: none;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }
   
   .dropdown-submenu:hover>.dropdown-menu {
    display: block!important;
   }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  
 .dropdown-submenu > .dropdown-menu {        
    left: 100%!important;
    position: absolute;}

  

}

@media (max-width: 1024px) {
	.form-alan {right: 3%;}	
	slider-landing .bx-wrapper img {margin-left: -310px;}
}


/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
 /* Make Navigation Toggle on Desktop Hover */
  /*.dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }*/

  .navbar-nav > li {
    margin-left: 10px;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .recent-work-wrap .overlay{
    padding: 15px;
  }

  .services-wrap {
    padding: 40px 10px 40px 30px;
  }

  .feature-wrap h2, 
  .single-services h2 {
    font-size: 18px;
  }

  .feature-wrap h3, 
  .single-services h3{
    font-size: 14px;
  }

  .tab-wrap .media .parrent.pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body{
    clear: both;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .recent-work-wrap .overlay .preview{
    line-height: inherit;
  }

  .team-bar .first-arrow {
    width: 21%;
  }

  .team-bar .second-arrow {
    width: 20%;
  }

  .team-bar .third-arrow {
    width: 21%;
  }

  .team-bar .fourth-arrow {
    width: 20%;
  }

  ul.social_icons li{
    margin-right: 0;
  }

}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav > li {
    margin-left: 0;
  }

  #main-slider .carousel h1 {
    font-size: 25px;
  }

  #main-slider .carousel h2 {
    font-size: 20px;
  }

  .tab-wrap .media .parrent.pull-left, 
  .media.accordion-inner .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body, 
  .media.accordion-inner .media-body{
    clear: both;
  }

  .services-wrap {
    padding: 40px 0 40px 30px;
  }

  .recent-work-wrap .overlay{
   padding: 15px;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .sinlge-skill{
    width: 150px;
    height: 150px;
  } 

  .sinlge-skill p em {
    font-size: 25px;
  }

  .sinlge-skill p {
    font-size: 16px;
  }

  .team-bar .first-one-arrow {
    width: 2%;
  }

  .team-bar .first-arrow {
    width: 18%;
  }

  .team-bar .second-arrow {
    width: 24%;
  }

  .team-bar .third-arrow {
    width: 15%;
  }

  .team-bar .fourth-arrow {
    width: 20%;
  }

  .blog .blog-item .entry-meta > span a{
    font-size: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1360px) {
	
		.navbar-inverse .navbar-nav > li:nth-child(7) .dropdown-menu {left: -105px;}
		
		.news-title {   width: 77%!important;}
		.slider-social {    position: fixed;    top: 19%;    z-index: 100;}
	
}


@media (min-width: 960px) and (max-width: 1199px) {
	
	.navbar-inverse .navbar-brand {   position: relative;    top: -29px;}
	
	.urun-kat:first-child {    margin-right: 10px;      width: 100%;}
		.feature-wrap h3 {position: absolute;    right: 0;      width: 50%;     top: -44px;}
	.feature-wrap h2  { width:50%;    position: absolute;    right: 0;    top: -16px;}
	.carousel-indicators {/*margin-left: -11%;*/}
	.carousel-content h1 {    font-weight: 800;    font-size: 47px;}
	/*#main-slider .carousel .item  {    height: 448px;}*/
	.navbar .container {padding:0;}
	.navbar-nav > li { margin-left: 0px;}
	.navbar-inverse .navbar-nav > li > a {       padding: 9px 14.9px!important;    font-size: 12.8px; font-family: 'Roboto Condensed', sans-serif;}
	.navbar-nav>li:nth-child(4) {    border-right: 0px solid #CCC;}
	#product-works {    padding: 15px;    background: #fff;}
	.item img {display:block; margin:0 auto;}  
	#owl-brand .owl-next {    float: right;    margin-right: -2px;}
	#owl-brand .owl-prev {    float: left;    margin-left: -33px;}
	#area-works {padding: 31px 20px;}
	#owl-kullan .owl-next {    float: right;    margin-right: -4px;}
	.owl-kullan .owl-prev {    float: left;    margin-left: -30px;}
	.tab-wrap .media .parrent.media-body {    clear: none; }
	.tab-wrap .media .parrent.pull-left {    clear: both;    width: 21%;}
	#main-slider .carousel .item {height: 650px;}
	#main-slider .carousel .carousel-content {    margin-top: 0px;}
	.carousel-content .animated-item-1 {    font-weight: 800;    font-size: 48px;}
	.form-main .form .form-group:nth-child(2) {    float: left;    width: 49%;    margin-right: 8px;}
	.form-main h3 {    font-size: 12px;}
	
	.dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
	  
     }
  
    .dropdown:hover .dropdown-submenu > .dropdown-menu {
      display: none;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
     }
   
    .dropdown-submenu:hover>.dropdown-menu {
     display: block!important;
    }

    #portfolio .row {
     margin-left: -10px;
     margin-right: -10px;
    }
  
   .dropdown-submenu > .dropdown-menu {    left: 100%!important;}
   

	
	.slider-social ul li a img {    width: 30px;}	
	.slider-social {    position: fixed;       top: 16%;    z-index: 100;}
	.urun-list li {
		width:24% !important;
		margin-right:12px;
	}
	.urun-list li a img {
   height:inherit;
}
.home-link {
    display: block !important;
    height: 150px;
    overflow: hidden;
}
.urun-list li p {
	height:85px;
}


	
}

@media (min-width: 769px) and (max-width: 992px) {
.logo-main {
    float: left;
    width: 175px;
    margin-top: 10px;
}	

.urun-list li {
	width: 47% !important;
    display: block;
	margin-right:10px;
	}
	.urun-list li a img {
   height:inherit;
}
.home-link {
    display: block !important;
    height: 150px;
    overflow: hidden;
}
.urun-list li p {
	height:85px;
}
	#home-ban {
		padding-bottom: 20px;
	}
	#home-ban img {
		width:100%;
	}
	.top-bar .col-sm-6 {   padding: 0px 5px; }
	.top-bar .col-xs-4  {display:block;}
	.navbar-inverse .navbar-nav > li > a {     padding: 9px 8px!important; font-size: 10px; letter-spacing: -0.3px; }
	.navbar .container {padding:0;}
	.navbar-nav>li:nth-child(4) {margin-right: 0; border-right: 1px solid #CCC;}
	.carousel-indicators {    margin-left: -12%;}
	#main-slider .carousel .item {height: 241px;}
	.form-container {   padding-left: 15px;  width: 100%;    float: right;}
	#owl-brand .owl-next {    float: right;    margin-right: 18px;}
	.cat-container {    padding-left: 0;    width: 100%;}
	.urun-kat {    width: 50%;}
	.urun-kat:nth-child(3) {    width: 100%;}
	#product-works {    padding: 15px;    background: #fff;}
	.info-line ul li {    width: 48%;    margin-bottom: 10px;}
	#area-works h2 {text-align: center;}
	#owl-kullan .owl-prev {    float: left;    margin-left: 0px;}
	#owl-kullan .owl-next {    float: right;    margin-right: 0px;}
	.item img {display:block; margin:0 auto;}  
	.carousel-content .animated-item-1 {    font-weight: 800;   font-size: 28px;     line-height: 43px;}
	#main-slider .carousel .carousel-content {    margin-top: -2px;}

	.feature-wrap i {    margin-right: 21px; width: 100%;}
	#recent-works {    padding: 0; padding-bottom:10px;   background: #F2F2F2;}
	.sepet-list {        width: 100%!important; }
	.step-BY-step {width: 19.67%;}
	.step-BY-step span {width: 63%;}
	.altaciklama {    width: 57%; font-size: 10px;}
	.step-active:after {    left: 147px;}
	.step-active:before {    left: 149px;}
	#main-slider {
		  margin-top: -15%;
	}
}
@media only screen and (max-width: 768px) {
	.owl-theme .owl-controls { display:none !important;
	}
	.ilgili-title {
		padding-left:10px;
	}
	.cart-info {
		clear:both;
	}
	.account-list-outer {
		padding:15px;
	}
	#ctl00_ContentPlaceHolder1_pnlResimler ul li a {
		width:auto;
		height:auto;
		
	}
	#ctl00_ContentPlaceHolder1_pnlResimler ul li {
		width:44%;
		margin:10px;
	}
	.referans-content {
	display:block;
	padding:10px;
	background:#FFF;
	border:solid 1px #d2d2d2;
	width:30%;
	margin-right:10px;
	margin-bottom:20px;
}
.referans-content:nth-child(4n+0) {
	margin-right:10px;
}
.referans-content:nth-child(3n+0) {
	margin-right:0px;
}
	.navbar-inverse .navbar-nav > li:nth-child(3) a {
		    border-bottom: 1px solid #353535;
	}
	.table {
		width:100% !important;
	}
	.ilgili-urun .owl-buttons {
		right:0;
	}
	ul.product-container  {
		margin:0;
		padding:0;
		
	}
	.product-list {
		text-align:center;
		float:none;
		padding-top:20px;
	}
	.header-container {
		height:auto;
    width: 100%;
	}
	.left-menu-bbg  {
		display:none;
		padding-top:60px;
		background:url(/assets/images/kat-left.png) center top no-repeat;
	}
	.left-menu-bbg .left-menu {
		display:none;
	}
	.left-menu-bbg:hover .left-menu {
		display:block;
	}
	#referance .owl-wrapper {
		background:#FFF;
	}
	#owl-brand .owl-prev {
		position:absolute;
		left:50px;
		z-index:999;
	}
	#owl-brand .owl-next {
		position:absolute;
		right:-20px;
		z-index:999;
	}
	.urun-list li {
	width: 47% !important;
    display: block;
	margin-right:10px;
	}
	.urun-list li a img {
   height:inherit;
}
.home-link {
    display: block !important;
    height: 150px;
    overflow: hidden;
}
.urun-list li p {
	height:85px;
}
	#home-ban {
		padding-bottom: 20px;
	}
	#home-ban img {
		width:100%;
	}
	.top-bar .col-sm-6 {    width: 50%;    padding: 0px 5px; }
	.top-bar .col-xs-4  {display:block;}
	.navbar-inverse .navbar-nav > li > a {     padding: 9px 14.9px!important; font-size: 9px; letter-spacing: -0.3px; }
	.navbar .container {padding:0;}
	.navbar-nav>li:nth-child(4) {    border-right: 1px solid #CCC;}
	.carousel-indicators {    margin-left: -12%;}
	#main-slider .carousel .item {height: 241px;}
	.form-container {   padding-left: 15px;  width: 100%;    float: right;}
	#owl-brand .owl-next {    float: right;    margin-right: 18px;}
	.cat-container {    padding-left: 0;    width: 100%;}
	.urun-kat {    width: 50%;}
	.urun-kat:nth-child(3) {    width: 100%;}
	#product-works {    padding: 15px;    background: #fff;}
	.info-line ul li {    width: 48%;    margin-bottom: 10px;}
	#area-works h2 {text-align: center;}
	#owl-kullan .owl-prev {    float: left;    margin-left: 0px;}
	#owl-kullan .owl-next {    float: right;    margin-right: 0px;}
	.item img {display:block; margin:0 auto;}  
	.carousel-content .animated-item-1 {    font-weight: 800;   font-size: 28px;     line-height: 43px;}
	#main-slider .carousel .carousel-content { }
	.feature-wrap i {    margin-right: 21px; width: 100%;}
	.navbar-nav>li:nth-child(3) {    border-right: 1px solid #CCC;    margin-right: 257px;}
	#recent-works {    padding: 0; padding-bottom:10px;   background: #F2F2F2;}
	.sepet-list {        width: 100%!important; }
	.step-BY-step {width: 19.67%;}
	.step-BY-step span {width: 63%;}
	.altaciklama {    width: 57%; font-size: 10px;}
	.step-active:after {    left: 147px;}
	.step-active:before {    left: 149px;}

	
	
	
}

/* xs */
@media (max-width: 767px) {
 
 
 #main-slider .hidden-xs { }
 
 #main-slider .prev, #main-slider .next {       background-color: rgba(197, 45, 47, 0.39); display:none;}
 
 #main-slider .carousel .slider-img {top:23px;}
  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0;
	margin-right:0;
  }

  .top-number{
    font-size: 14px;
  }

  input.search-form:hover {
    width: 120px;
  }

  .navbar-nav > li {
    padding-bottom: 0;
  }


  #main-slider .carousel h1 {
    font-size: 25px;
  }

  #main-slider .carousel h2 {
    font-size: 16px;
  }

  .feature-wrap h2, 
  .single-services h2 {
    font-size: 18px;
  }

  .feature-wrap h3, 
  .single-services h3{
    font-size: 14px;
  }

  .owl-item {
    width: 360px !important;
    border-right: 0 solid;

  }


  .media.accordion-inner .pull-left, 
  .media.accordion-inner .media-body{
    clear: both;
  }

  .accordion-inner h4 {
    margin-top: 10px;
  }

  .tab-wrap .media .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .media-body{
    clear: both;
  }

  .nav-tabs > li.active > a:after{
    display: none;
  }

  #footer .col-sm-6{
      text-align:center;
  }
  
   #footer .pull-right{
      float: none !important;
  }

  .sinlge-skill {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .team .single-profile-top, 
  .team .single-profile-bottom {
    margin-bottom: 30px;
  }

  .clients-area {
    padding: 60px 0;
  }

  .clients-area h1 {
    font-size: 25px;
  }

  .portfolio-item, 
  #recent-works .col-xs-12.col-sm-4.col-md-3{
    padding:0 15px;
  }

  ul.social_icons li{
    margin-right: 0;
  }

  .blog .blog-item .entry-meta{
    margin-bottom: 20px;
  }

  .blog .blog-item .blog-content h3 {
    margin-bottom: 20px;
  }

  .post_reply_comments {
    padding-left: 20px;
  }
  
  .top-bar .col-sm-6{ width:70%;}
  .top-bar .col-xs-4  {display:block; width:30%;}
  .top-menu a {padding: 4px 4px; font-size: 12px;}

  .news-title {    float: left;    margin-top: 0;    clear: right;    width: 54%;}
  header {    height: auto;}
  .navbar-inverse {height: 80px;}
  .carousel-indicators {margin-left: -22%;}
  #main-slider .carousel .carousel-content {}
  .animated-item-4 {display:block!important;}
  .cat-container {  padding-left: 15px;    width: 100%;}
  .urun-kat:first-child {    margin-right: 10px;    width: 100%;}
  .form-container {    padding-left: 15px;    width: 100%;}
  .item img {display:block; margin:0 auto;}  
  .info-line ul li {width:100%; margin-bottom:10px;}
  #area-works {padding: 31px 20px;}
  #owl-kullan .owl-prev {    float: left;    margin-left: -26px;}
  .tab-title .center h2 {width: 100%;     margin-bottom: 37px;}
  .tab-title .center a {float:none;} 
  #footer p {width:100%; text-align:center;}
  .navbar-inverse .navbar-toggle .icon-bar {    background-color: #939393;}
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {width: 100%; height:auto!important}
	.navbar-nav {width:100%; margin: 7.5px 0px;    margin-top: 3px;} 
    .navbar-inverse .navbar-nav > li > a {float:left;width:100%; text-align:center; background:#000;     color: #e8e8e8; border-left:0;     border-bottom: 1px solid #353535;
    margin-bottom: 1px;     font-size: 14px;}
	.navbar-inverse .navbar-nav > li > a:hover {
		background:#EB0B0F;
		color:#FFF;
	}
	.navbar-inverse .navbar-toggle .icon-bar {    background-color: #565656;}
	.navbar-collapse {    max-height: 362px;}
	.navbar-inverse .navbar-nav .dropdown-menu {    float: left;      margin-top: -1px;  width: 100%;}
	.navbar-nav>li:nth-child(4) {    border-right:0px solid #CCC;    margin-right: 0px; }
	.navbar-inverse .navbar-nav > li:nth-child(4) a {
		margin-left:0;
	}
	.feature-wrap h3 {position:relative;    right: inherit; float:left ; width: 100%;    top: 0px;    font-size: 11px;}
	.feature-wrap h2  { position:relative;    right: inherit; float:left;  width: 100%;   top: 0px;font-size: 14px;}
	 
	#main-slider .carousel .slide-margin { }
	.urun-kat {    width: 100%;}
	.content-area-part img {max-width:100%; height:auto!important}
	.form-main .form .form-group:nth-child(2) {float:left; width:100%; margin-right: 0px;}

.form-main .form .form-group:nth-child(3) {float:left; width:100%;}
.form-main {

    height: auto;
}
	.dropdown-submenu {	    float: left;    width: 100%; }
.slider-social {display:none;}

.carousel-content .animated-item-1 span {    font-size: 34px;    clear: both;     display: block;}
.feature-wrap i {    margin-right: 21px;    width: 100%;}
.feature-wrap i img {float:left;}
.news {    float: left;    width: 100%;    padding: 10px;}
.mainpage-aboutme {    float: left;    width:100%;    padding: 10px;}
#footer .col-sm-2 { 
  border-left: 0px solid #939393;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  text-align: center;
  min-height: auto;
}
#footer .col-sm-4 {
    float: none;
    border-left: 0px solid rgba(255, 255, 255, 0.46);
    border-right: 0px solid rgba(255, 255, 255, 0.46);
    min-height: auto;
}

.navbar-nav>li:nth-child(3) {    border-right: 1px solid #CCC;   margin-right: 0px;}
#main-slider {    position: relative;     margin-top: -45px}

.news ul li {    padding: 10px;    width: 100%;}
.top-menu {    float: left;}
.navbar>.container .navbar-brand img {    margin-top: 15px;    margin: 25px auto;    width: 88%;    display: block;}
.product-list {    width: 100%;}
.product-list .col-md-4 {width:100%;}
.bx-wrapper img {    display: block;    width: 100%;}
.step-BY-step {display:none;}
.step-active {display:block; width:100%;}
.step-active:after {display:none;}
.step-active:before {display:none;}

#main-slider .animation.animated-item-2 {
    color: #000;
font-size: 16px;}


}

@media (max-width: 760px) {
	.landing-slider {
		height: 740px; 
	}
	.slider-landing-holder .form-alan {
		right: 50%;
		margin-right: -48%;
		top:300px;
		width: 96%;
	}
	
	.slider-landing-holder .bx-wrapper img {
		margin-left: -120px;
		width: 300%;
		    margin-top: -15px;
	}
	.landing-page-ic .bx-viewport {height: 360px !important; }
	.landing-page-ic .altyazi-holder .col-xs-7, .landing-page-ic .altyazi-holder .col-xs-5 {width:100%;}
	
}

@media (max-width: 760px) {
	.bx-wrapper {    margin-top: 40px;}
	.header-bg .col-xs-8 {width:100%;}
	.language ul li a {
		padding: 5px 4px;
		font-size: 14px;
	}
	.language ul li {
		margin: 0px 1px;
	}
	.navbar-toggle {
		border-color: #333;
		margin-top: 25px !important;	
	}
	.navbar-nav {
		padding-top: 0;
	}
}




@media (max-width: 480px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color:#fff; text-align: center;}
	.top-menu a {font-size: 14px;padding: 5px 0;}
	.top-menu { margin-right: 0; margin-top:0; text-align:center; width: 100%;}
	.top-bar .col-sm-6 {    width: 100%;    padding: 0px 5px;}
	.feature-wrap i img { margin-left: 1%;}
	
	.navbar-nav { 
		margin-left: 0;
		padding-top: 0;
	}
	.navbar-inverse .navbar-nav .dropdown-menu > li > a {
		padding: 8px 15px;
		color: #fff;
		text-align: center;
		border-bottom: 1px solid rgba(255, 255, 255, 0.23);
	}
}


@media (max-width: 320px) {
	
	.top-bar .col-sm-6 {    width: 100%;    padding: 0px 5px;}
	.top-menu a:nth-child(3) {}
	.top-menu a {    font-size: 10px;    padding: 5px 10.5px;}
	.carousel-content .animated-item-1 {    font-weight: 800;    font-size: 31px;    line-height: 35px;}
	.navbar-inverse .navbar-toggle { margin-right: 22px;}
	#main-slider .carousel .item {    height: 200px;}
	.feature-wrap i img {     margin-left: 1%; }
	.carousel-indicators {    margin-left: -29%;}
	#main-slider .carousel .item:nth-child(3) .animated-item-1 {    font-size: 27px!important;    line-height: 29px;    margin-bottom: 15px;}
	.carousel-content .animated-item-1 span {    font-size: 39px;}
	.navbar>.container .navbar-brand img {    margin-top: 39px;}
	.logo-main img {    width: 179px;}
	.logo-main {    width: 22%;}
	
}