/* 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%;}

	.logo-main {    position: absolute;       left: 42%;   margin-left: -30px;       top: -50px;}

	#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;}

   

    .navbar-inverse .navbar-nav > li:nth-child(1) a {        padding: 9px 24.9px!important;}

	.navbar-inverse .navbar-nav > li:nth-child(2) a {        padding: 9px 24.9px!important;}

	.navbar-inverse .navbar-nav > li:nth-child(3) a {        padding: 9px 24.9px!important;}

	.navbar-inverse .navbar-nav > li:nth-child(4) a {        padding: 9px 24.9px!important;}

	

	.navbar-nav>li:nth-child(3) {    border-right: 1px solid #CCC;    margin-right: 199px;}

	

	.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) {



.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 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 {    margin-top: -2px;}



	.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;}

	#main-slider {

		  margin-top: -15%;

	}

}

.owl-thumbs .owl-item.active {
    padding: 4px;
}

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

	.owl-theme .owl-controls { display:none !important;

	}


.pi-img-wrapper .img-responsive {
    height: auto;
}

.pi-img-wrapper {
    position: relative;
    height: 300px;
    display: flex;
    align-content: center;
    justify-content: center;
}

.product-item a {
    display: contents;
}







	.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;

}

.projelist .referans-content {

    width: 100%;

}

.projimg {

	height:auto;

}

.proj h4.referans-title {

	height:auto;

}

	.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%;

	}

	.mobil-leftmenu {

	display:block;

	color:#000;

	margin-bottom:10px;

	padding:15px;

}

	.left-menu-bbg  {

		height:60px;

		background:url(/assets/images/kat-left.png) center top no-repeat;

	}

	.left-menu-bbg:hover  {

		background:url(/assets/images/kat-left-down.png) center top no-repeat;

		height:inherit;

	}

	.left-menu-bbg .left-menu {

		display:none;

	}

	

	#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: 111px;

    margin-top: 37px;

}

	

	.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%;}

	.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) {

ul.social-share li a {

	width:20px;

	height:20px;

	margin:0;

}

.no-padding {

	padding:0;

}

.language {

	float:left;

}

 .whatl {

	 display:none;

 }

 .what a {

    width: 50px;

 }

 #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 {    border: none;    height: 51px;    margin-top: 65px;}

  .navbar-header {    margin-top: -65px;}



  .carousel-indicators {margin-left: -22%;}

  #main-slider .carousel .carousel-content {    margin-top: 24px;}

  .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 {    margin-top: 22px;}

	.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) {

	.top-menu {

		background:#0f60dc;

		position:relative;

		    margin-top: 5px;

    margin-bottom: 5px;

    padding-left: 8px;

	}

	.top-menu:before {

		content:"";

		display:block;

		background:url(/assets/images/tel-icon.png) no-repeat;

		width:32px;

		height:32px;

		position:absolute;

		top:-2px;

		left:-23px;

	}

	.landing-slider {

		height: 840px; 

	}

	.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: 11px;

	}

	.language ul li {

		margin: 0px 1px;

	}

}



/* XS Portrait */

@media (max-width: 375px) {



	/*.top-menu a {font-size: 10px;padding: 5px 1.5px;}

	.top-menu { margin-right: 3px; margin-top:0}*/

	.top-bar .col-sm-6 {    width: 100%;    padding: 0px 5px;}

	.feature-wrap i img { margin-left: 1%;}





}

@media (max-width: 320px) {

	

	.top-bar .col-sm-6 {    width: 100%;    padding: 0px 5px;}

	.top-menu a:nth-child(3) {}

	.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%;}

	

}