/* lg */ 
@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;}

  

}


/* 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-nav > li > a {
    padding: 9px 5px;
	}
	.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-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: 449px;}
	#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;}

.ago-ht ul li {width: 23.7%;}
#owl-brand2 .owl-buttons {width: 94%;}
.tab-content h6 {width: 58%!important;}
.tab-content p {width: 61%!important;}

	
}

@media only screen and (max-width: 1000px) {
	.navbar-inverse .navbar-nav > li > a {
		padding: 9px 5px!important;
		font-size: 12px;
	}
	.ago-ht ul li {
		width:23%;	
	}
	.ago-ht ul li a {
		font-size: 12px;
		font-weight: 700;
		color: #000;
	}
	.ago-ht ul li a img {
		width:25%;
	}
	.form-container {
		padding-left: 0;
		width: 35%;
		float: left;
	}
	.cat-container {
		padding-left: 0;
		width: 65%;
		overflow: hidden;
		float: right;
	}	
}

@media only screen and (max-width: 768px) {
	.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: 170px !important; background-size:400px !important;}
	.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: 36px;     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;}


	#owl-brand2 .owl-buttons {    top: 24px;    position: absolute;    width: 92%;	}
	.ago-ht ul li {    float: left;    width: 23.6%;}
	.ago-ht ul li a { font-size: 12px; }
	.news ul li p {float:left; width:50%;}
	.left-menu {display:none;}
	
	
	
}

/* xs */
@media (max-width: 767px) {
.language {
	float:right;
}
.language ul li a {
	padding:5px !important;
}
.content-area-part table {
	width:100% !important;
}
.content-area-part table td {
	font-size:13px !important;
}
.homekat {
	width:48%;
	margin-right:1%;
}
#info {
	display:none;
}
.homekat span {
	height:180px;
}
 .left-menu {display:none;}
 #main-slider .hidden-xs {display:block!important}
 
 #main-slider .prev, #main-slider .next {       background-color: rgba(43, 32, 126, 0.69); }
 
 #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;
  }


  .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: left !important;
    width: 100%;
}

  .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-xs-4  {display:block;}
  .top-menu a {padding: 4px 4px; font-size: 12px;}
  .news-title {    float: left;    margin-top: 0;    clear: right;    width: 54%;}
  header {    height: 145px;}
  .navbar-inverse .navbar-toggle {
    border-color: #333;
    margin-top: 30px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-top: 0;
    padding-top: 0;
    width: calc(100% - 240px);
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
    text-align: center;
}

.urunlist div {
	height: auto;
    width: 45%;
}

  .carousel-indicators {margin-left: -10%; display:none;}
  #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-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; }
	.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 .item {    height: 560px;}
	#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: 53px;}
.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: 1px solid #939393;    width: 48%;    float: left;    margin-bottom: 23px;}
.navbar-nav>li:nth-child(3) {    border-right: 1px solid #CCC;   margin-right: 0px;}
#main-slider {    position: relative;     margin-top:0;}

.news ul li {    padding: 10px;    width: 100%;}
.top-menu {    float: left;}
.navbar>.container .navbar-brand img {width: 80%;  }
.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;}
.ago-ht ul li {   float: none;   width: 95%;   margin: 7px auto; }
.tabs-left > .nav-tabs {    width: 100%;}
.tab-content {width:100%;}
.referanslar li {width: 43%;}

}

@media (max-width: 480px) {
	.urunlist div {
		width:98%;
		height: auto;	
	}	
	.features .item {
		width: calc(50% - 5px);
	}
	.our-info {display:none;}
	#footer .col-sm-4 {
		min-height: auto;
		margin-bottom:20px;
	}
	.ago-ht ul li a {
		font-size: 14px;
	}
	#main-slider .carousel .item {
		height: 259px;
	}
}

/* XS Portrait */
@media (max-width: 375px) {

	.top-menu a {font-size: 13px;padding: 5px 10px;}
	.top-menu { margin-right: 3px; margin-top:0}
	
	.feature-wrap i img { margin-left: 1%;}
	.logo-main {margin-left: -4px;}
	.logo-main img  { width: 222px; }
	.news-title {    float: left;    margin-top: 0;    clear: right;    width: 49%;}

}
@media (max-width: 320px) {
	
	.news-title {    float: left;    margin-top: 0;    clear: right;    width: 37%;;}
	.top-bar .col-sm-6 {    width: 100%;    padding: 0px 5px;}
	.top-menu a:nth-child(3) {}
	.top-menu a {    font-size: 13px;    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: 450px;}
	.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 {     }
	.logo-main img {    width: 179px;}
	.logo-main {    width: 66%; }
	.referanslar li {   width: 100%;     margin: 10px 0;}
	
}