@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 768px) {
  .product_bg_show {
    display:none;
  }
	.right_contents {
	  display: table-cell;
	  width: 100%;
	  padding: 10px 15px;
	}
  h2 {
    font-size: 28px;
    margin-top: 0;
  }
  h3 {
    font-size: 18px;
  }
  p {
    font-size: 14px;
  }
  #popupDemo, #popupLogin {
     /* width: 80%;
      margin-left: 10%;
      margin-top: 10px;*/
      padding: 5px;
    }
	.pull-left {
		float: none!important;
	}
	.pull-right{
		float: none!important;
	}
  img.logo {
    width: 130px;
  }
  nav .icon {
    position: absolute;
    right: 23px;
    top: 15px;
    display: block;
  }
  nav .icon:hover {
    text-decoration: none;
    cursor: pointer;
  }
  nav .login_demo {
    margin: 3px 20px 0 0;
  }
  .navbar {
    height: 55px;
  }
  nav .btn {
    font-size: 12px;
    padding: 3px 5px;
  }
  nav .btn span {
    display: none;
  }
  .navbar .menu {
    display: none;
    position: absolute;
    background: #ffffff;
    padding-top: 0px;
    padding-bottom: 10px;
    height: auto;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    top: 50px;
    left: 0;
    z-index: 30;
  }
  .menu_link a {
    padding: 0;
  }
  nav .menu_inner {
    position: relative;
    display: block;
    padding: 10px;
    width: 100%;
  }
    .pulldown {
  	position:relative;
  	top: auto;
  	left: auto;
  }
   .pulldown .menu_inner {
  	display: inline-block;
  	padding: 0px;
  	width: auto;
  }
  .product_menu, .resource_menu, .company_menu {
    position: relative;
    top: 0;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-bottom: none;
    box-shadow: none;
    background: #fff;
  }
  .pulldown.product_menu {
    height: 270px;
  }
  .pulldown.resource_menu {
    height: 360px;
  }
  .pulldown.company_menu {
    height: 90px;
  }
  .product_menu:after, .resource_menu:after, .company_menu:after {
    display: none;
  }
  .pulldown.resource_menu a{
    padding: 10px;
  }

  /* click dropdown */
  .clicked {
    height: auto;
    display: block;
  }

  /* ------------------ */
  .top_txt {
    padding-top: 50px;
  }
  .product_txt {
    padding-left: 50px;
    width:100%;
    text-align: center;
  }
  .product .btn_wrap {
    margin-top: 0px;
  }
  /*.product01_bg, .product02_bg, .product03_bg {
    background-size: 200%;
    background-position-y: 55px;
  }*/
  .product .bg {
  background-position: left bottom;
 /*height: 840px;*/
  }
  .tips_inner {
    width: 33.33333%;
  }
  .blog-full {
  	width: 100%;
  	padding-top: 65px;
  }
  .blog-full h1 {
  	font-size: 18px;
  	line-height: 21px;
  	text-align: center;
  	margin-top: 20px;
  	margin-bottom: 10px;
  }
  .trending-img {
  	width: 100%;
  	height: 80px;
  }
   
  .product_main.child .right_text, .product_main.child .left_text {
    padding: 0 20px;
	left: auto;
	width: 100%;
  }
  .product_main .browser_wrap .right_browser {
  	left: auto;
  }
  .product_main .browser_wrap .col-md-7 {
  	width: 100%;
  	position: relative;
  }
  .product_main .left_browser .crop,.product_main .right_browser .crop,.bottom_browser .crop{
  	height: 540px;
  }
  /* ---------------------------- pre_next_wrap ---- */
/*
	.blog-full .pre_next_wrap {
	  padding: 20px 10px;
	  background: #ffffff;
	}
	
	.blog-full .pre_next_wrap a:HOVER {
		text-decoration: none;
	}
	.blog-full .pre_next_wrap a.next {

		background: url('../images/arrow_next.svg') no-repeat;
		padding:35px 0 0 0;
		background-size: 32px 32px;
		font-size: 16px;
		display: block;
		overflow: auto;
		background-position: top right;
	  
	}
	.blog-full .pre_next_wrap a.pre {

	  background: url('../images/arrow_previous.svg') no-repeat;

	  background-size: 32px 32px;
	  font-size: 16px;
	  display: block;  
	  height: 32px;
	  width: 32px;
	  float: left;
	  margin-right: 20px;
	}
	.blog-full .pre_next_wrap a span {
	  font-size: 14px;
	}
	.blog-full .pre_next_wrap a:hover {
	  text-decoration: none;
	  opacity: .8;
	}
	
	.prev-next-posts {
		border-top: 1px solid #d7dee2;
		width: 250px;
		padding: 20px 0px;
		margin: 0 auto;
		text-align: center;
	}
	.prev-next-posts div {
		display: inline-block;
	}
*/
	
	.blog-blok .blog-img {
		float: none;
		width: 100%;
	}
	.blog-text {
		padding-left: 0px;
	}
	.blog-img {
		margin-bottom: 10px;
	}

	#menu-top-menu .two-col li,#menu-top-menu ul li,#menu-top-menu .three-col li{
	display: block;
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	min-height: 0px;
	}
	#menu-top-menu .two-col li a,#menu-top-menu .sub-menu li a,#menu-top-menu .three-col li a {
    padding: 5px 5px 5px 20px;
	}
	.menu-top-menu-container {
		position: relative;
	}

	/* Иконка меню */
	#menu-icon {
		color: #000;
		width: 42px;
		height: 30px;
		background: #ecebeb url(../img/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: solid 1px #666;
		display: block; /* Выводим иконку меню */
	}
	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #bbb;
	}
	
	/* Навигация */
	#menu-top-menu {
		clear: both;
		position: absolute;
		top: 0px;
		left:0px;
		width: 100%;
		z-index: 10000;
		padding: 5px;
		background: #f8f8f8;
		border: solid 1px #999;
		display: none; /* Видимость включается jQuery */
	}
	#menu-top-menu li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
		padding: 5px 10px 5px 10px;
		border-bottom: 1px solid #f8f8f8;
	}

	#menu-top-menu a, 
	#menu-top-menu ul a {
		font: inherit;
		background: none;
		display: block;
		padding: 0;
		color: #666;
		border: none;
		width: 100%;
	}
	#menu-top-menu  > li > a {
		position: relative;
		display: inline;
		padding-right: 20px;
	}
	#menu-top-menu a:hover, 
	#menu-top-menu ul a:hover {
		background: none;
		color: #000;
	}
	#menu-top-menu .current-menu-parent >a {
		width: 100%;
		display: block;
		line-height: 50px;
		padding-left: 5px;
		padding-right: 5px;
		
	}
	#menu-top-menu .sub-menu .current-menu-item> a {
		width: 100%;
		display: block;
		min-height: 10px;
	}
	
	/* Выпадающий список */
	#menu-top-menu ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#menu-top-menu>ul>li {
		margin: 3px 0 3px 15px;
	}
	#menu-top-menu .menu-item-has-children > a:before {
		right: 10px;
		top: 50%;
	}
	.tip_top_img {
		background-size:50%;
		margin-right:0px;
	}
	.resource li {
		width: 100%;
		font-size: 16px;
		text-align: justify;
		padding: 0 15px;
	}
	.resource h2, .article h2 {
		padding-top: 15px;
	}
	.blog-social {
		float: none;
		max-width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.blog-social a {
	display: inline-block;
	}
	.blog-category {
		float: none;
		max-width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.twocol_wrap,.product_main,.twocol_wrap  .right_contents {
		display: block;
		width: 100%;
	}
	.twocol_wrap  .right_contents {
		padding: 0px;
	}
	.twocol_wrap  .left_menu  {
		display: none;
	}
	.product_head h1{
		font-size: 16px;
		line-height: 25px;
	}
	.blog-left-col {
		padding-top: 10px;
	}
	.blog-full .blog-social {
		max-width:100%;
		text-align: center;
		margin: 10px 0px;
	}
	.blog-full .blog-social a {
		display: inline-block;
	}
	.jconfirm-box {
		width: 100%!important;
	}
  .product_bottom .row {
  	padding: 0 15px;
  }
  .product_bottom {
    
  }
  .bottom_browser {
    margin:0px;
    height: 130px;
  }

}

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

	/* Элемент #menu-top-menu должен быть видимым в широкоэкранной версии */
	#menu-top-menu {
		display: block !important;
	}

}