/* 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 (max-width: 1800px) {

.navbar-inverse .navbar-nav > li > a {         padding: 9px 11px!important;     font-size: 12.8px; font-family: 'Roboto Condensed', sans-serif;}

	.english .navbar-inverse .navbar-nav > li > a {

		padding: 9px 11px!important;

		font-size: 12px;

		font-family: 'Roboto Condensed', sans-serif;

	}

}

@media (min-width: 960px) and (max-width: 1199px) {

	.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;    margin-right: 209px;}

	#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: 46%;    margin-left: -50px;       top: -50px;}

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

   

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

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

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

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

	

	.slider-social ul li a img {    width: 30px;}	

	.slider-social {    position: fixed;       top: 16%;    z-index: 100;}





	

}



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

	.referanslar li {

		width:100%;

	}

	#ctl00_ContentPlaceHolder1_pnlDigerIcerik iframe {

	width:100% !important;

}

	.avantaj li {

    float: unset;

    padding: 0;

}

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

	.top-bar .col-xs-4  {display:none;}

	.navbar-inverse .navbar-nav > li > a {padding: 9px 5.9px!important;    font-size: 9px; letter-spacing: -0.3px; }

	.navbar .container {padding:0;}

	.logo-main {top: 39px;}

  .carousel-indicators {
    z-index: 8;
}

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


	#main-slider .carousel .item {height: 351px;}

	.form-container {   padding-left: 15px;  width: 100%;    float: right;}

	#owl-brand .owl-next {    float: right;    margin-right: -32px;}

	#owl-brand .owl-prev {    float: left;    margin-left: -32px;}

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

	.logo-main {    position: absolute;    left: 44%;}

	.feature-wrap i {    margin-right: 21px; width: 100%;}

	

	

	

	

}



/* xs */

@media (max-width: 767px) {

 #ctl00_ContentPlaceHolder1_pnlDigerIcerik li {

		width:100%;

		height:auto !important	

}

    

    .container.referans {

    width: 100%;

}

    

    .grid figure {

    position: relative;

    overflow: hidden;

    margin: 0;

    max-width: 100%;

    text-align: center;

    cursor: pointer;

    padding: 15px;

    border: solid 1px #eee;

}

.content-page {

	padding:15px;

}

.blog-content {

	width:100%;

}

.copyright {

	clear:both;

}

.form-tsk {

	padding:30px 0;

	text-align:center;

}

.form-tsk h2 {
  color: #2d9e4e;
  font-size: 32px;
  font-weight: 200;
}

	

img.mobil {

    display: block;

    position: absolute !important;

    top: 90px;

    max-width: 100% !important;

    width: 100% !important;

}

	.slidermain {

    position: relative;

    width: 100%;

    height: 57vh !important;

}

	

	img.pc {

    display: none !important;

}

	

	img.mobil

	

	.blogbread {

    height: 391px;

}

.form-tsk p {

	font-size: 18px;

    margin: 25px 0 0;

    padding: 25px 0;

    border-top: solid 1px #95308e;

}

.mobile {

	width: 70px;

	height: 110px;

	top: 150px;

	left: 24px;

}

.screen {

    width: 282px;

    height: 160px;

    top: 0;

    left: -190px;

}

img {

	max-width:100%;

	height:auto !important;

}

	

section.tasarim-galerisi {

    margin-top: 49px;

    max-width: 100%;

}



.black .logo {

    background: url(/assets/images/inter-reklam-ajansi-yazilim-logo-white.png) no-repeat center;

    background-size: 190px;

}

	

#gallery-content-center img {

    max-width: 47%;

}



	.navbar-header {

    position: absolute;

}

#main-slider {

	overflow:hidden;

}

.kolon-form {

	position:relative;

	top:0;

	padding:0;

}

.ilgili-uygulama li {

	width:100%;

	float:none;

}

	

	.black{

		    background: #000000db;

	}

	

.logo {

    min-width: 290px;

    float: left;

    margin-left: -72px !important;

    height: 68px;

}

	

	.info-content img {

    max-width: 100%;

    width: 100%;

    margin-right: 9px;

    padding: 0px;

		display: block;

}

	

	.container.neler-yapiyoruz-box {

    margin-top: 79px;

}

.black .logo {

    background: url(/assets/images/inter-reklam-ajansi-yazilim-logo-white.png) no-repeat center;

    background-size: 190px;

    min-width: 391px;

    float: left;

    margin-left: -172px;

    height: 68px;

}

	

	.mp-level.mp-level-open {

    background: #191919;

}

	

	.mp-menu ul li {

    padding: 10px;

}

	

	.mp-menu ul {

    margin-top: 99px;

}

button.btn.slide-menu__control {

    background: none;

    width: 45px;

    height: 51px;

}

.whatsapp-holder {

    position: fixed;

    bottom: 0px;

    right: 17px;

    z-index: 99999;

}

	

	.call-action {

    margin-top: 27px;

}

a .iletisim {

    color: #ebaa41;

    transition: all 0.5s ease;

    width: 82%;

    margin-left: 28px;

}	

a .iletisim:hover {

    color: #fff;

    border: solid #ebaa41;

}

	

	.iletisim:hover .iletisim i {

    background: #ffffff;

		color: #ebaa41;

		

}

	

a.teklif.iste {

    width: 83% !important;

    background: #3aa034;

    border-radius: 20px;

    display: block;

    padding: 12px 20px;

    margin-left: 27px;

    margin-bottom: 0px;

}

	.call-action a {

    border: none !important;

}

	.call-action a:hover {

    background: none;

}

	

    .iletisim:hover {

    background: #ebaa41;

}

	

	

button.btn.slide-menu__control img {

    position: absolute;

    top: 3px;

    left: 5px;

}	

	

	.slide-menu {

    width: 270px;

    background-color: #242424 !important;

}



	

	.slide-menu a:hover {

    background-color: #383838 !important;

}

	

	button.navbar-toggle {

    display: none;

}

button.btn.slide-menu__control {

    display: block;

}

	.mockup {

    top: 98px !important;

}

.wrap {

    padding-top: 81% !important;

}

.codrops-header h1 {

	font-size:26px;

	margin: 30px 0 0;

}

.codrops-header h1 span {

	font-size:20px;

}

.codrops-header h1 i {

	display:none;

}

.menu-trigger {

	display:block;

}

#main-slider .carousel .animated-item-1 {

	font-size:24px !important;

	line-height:initial;

	    margin: 60px 0 0;

}

#main-slider .carousel .animated-item-1 span {

	font-size:24px !important;

	line-height:initial;

}

.top-menu {

    float: unset;

    margin-right: 5px;

}

.content-area-part ul {

	padding-left:18px;	

}

.avantaj ul {

	padding-left:0;	

}

/*.language {float:right;margin-right: 0px; display:block;}

.language ul li a {

    background: #000;

    color: #fff;

    font-weight: 700;

    padding: 9px 8px 6px 8px;

    font-size: 11px;

}*/

 

 #main-slider .hidden-xs {display:block!important}

 

 #main-slider .prev, #main-slider .next {       background-color: rgba(197, 45, 47, 0.39); }

 

 #main-slider .carousel .slider-img {top:-7px;}

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

  .top-bar .col-xs-4  {display:none;}

  .top-menu a {    padding: 5px 4px;}

   .logo-main h1 { padding:0; margin:0;}

  .logo-main {

	    position: absolute;

    left: 45%;

    top: -100px;

    background: transparent;  

	 }


   .navbar {
    right: 62px;
}

  .news-title {    float: left;    margin-top: 0;    clear: right;    width: 44%;}

  header {  }

  .navbar-inverse {    border: none;    height: 51px; display:block; float:right; margin:0;}

.header-home .search-box {

	display:none;

}

.header-home .iletisim {

	display:none;

}

.hom-ref {

	width:33%;

	height:120px;

}

.news-list {

	padding:0;

}

.news-list li {

	width:100%;

}

.news-list li:last-child {

	width:100%;

}

.hom-ref img {

	max-width:100%;

}

.features img {

	max-width:100%;

}

.ara-ban-box img {

	max-width:100%;

	height:auto;

}

.ara-ban-box {

    position: relative;

    height: 250px;

}

.biz-kimiz {

	padding:30px 0;

}

.neler-yapiyoruz-box {

    padding: 30px 0px;

}

.ne-yapiyoruz {

	font-size:16px;

	line-height:22px;

	padding:15px 30px;

	min-height:auto;

}

.biz-ne {

	padding:15px 30px;

}

#referanslar {

    padding: 50px 15px 0;

}

.yorumlar aside {

	transform: rotateY(25deg);

}

.yorumlar p {

	height:auto;

}

.yorumlar .col-md-3 {

    perspective: 1000px;

    padding: 15px 30px;

}

#footer ul > li {

    display: inline-block;

    margin-left: 1px;

    padding: 8px 10px;

}

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

	.english .navbar-nav>li:nth-child(4) {    border-right:0px solid #CCC;    margin-right: 0px; margin-left: 0px; }

	.feature-wrap h3 {position: absolute;    right: 0;    width: 49%;    top: -19px;    font-size: 11px;}

	.feature-wrap h2  { width: 49%;    position: absolute;    right: 0;  top: 24px;    font-size: 14px;

}

	#main-slider .carousel .item {    height: 450px;}

#main-slider .carousel .slide-margin {

    margin-top: 72px;

}

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

.navbar>.container .navbar-brand img {

	margin-top: 0;

    width: 70%;	

}

	.animated-item-2 br {display:none;} 



	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {    text-align: center;}

	.u-vmenu {display:none;}

    



}



@media (max-width: 480px) {

	.iletisim-tablo-icerik td img {display:none;}

	.navbar-inverse .navbar-brand {

		font-size: 36px;

		line-height: 50px;

		color: #fff;

		position: unset;

		top: unset;

	}

	.bread-container .breadcrumb {padding:0; background:none; margin-bottom:0; display: none;}

	.item {min-height:auto !important;}	

	#owl-brand .item a {

		width: 100%;

	}

	#area-works .owl-theme .owl-controls {z-index: 99999999; position: relative; top: -140px;}

	.tab-title .center h4 {

		float: unset;

		font-size: 22px;

		font-weight: 700;

		color: #FFF;

		margin-bottom: 40px;

		margin-top: 10px;

		display: block;

	}

	.content-area .container .col-md-3 {overflow:hidden;}

}



/* XS Portrait */

@media (max-width: 375px) {



	.top-menu a {

		font-size: 12px;

    	padding: 5px 5px;	

	}

	.top-menu { margin-right: 2px;}

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

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

}

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



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

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

	

}