@media(max-width: 768px) {
	html,body{font-size:10px;}
	#page_header{background-attachment: local; background-position: center center; background-size: 1900px auto; width: 100%; margin-right: 0; padding: 8% 0;}
	#page_header .white-btn{display: none;}
	#page_header .arrow-btn{display: none;}
	#page_header .service-description{font-weight: normal; font-size: 3rem; line-height: 1.2; width: 80%;}
	#page_header .service-description br{display: none;}
	#page_header .top-title{font-size: 4.2rem;}

	#top_wrapper{background:#ebebeb;}
	#top_wrapper .section-description{display: none;}
	#top_wrapper .content{width: 90%; margin: 0 auto;}
	#top_wrapper .top-part-bg{background:none;}
	#top_wrapper .section-title{font-size: 4.4rem;}
	#top_wrapper .blue-btn{width: 100%; font-size: 3.5rem; padding: 0.5rem 0 0.8rem;}
	#top_wrapper .section-smaller-title{font-size: 4.4rem;}
	#top_wrapper .section-smaller-title .mob-only{display: block;}


	/*** MENU BEZEQ ****/
	header#header .right-header,header#header .left-header{display:none;}
	header#header{height:70px; line-height: 70px;}
	header#header .logo{display:inline-block; float: right;}
	header#header .hamburger{display: inline-block; float: left;}


	#packages_section .packages-container{padding-top: 2%;}
	#packages_section .package-wrapper{display: block; width: 94%; padding: 0 3%;margin-left: 0; border:2px solid #cacaca; margin-bottom: 7%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+2,e0e0e0+100 */
		background: #fafafa; /* Old browsers */
		background: -moz-linear-gradient(top,  #fafafa 2%, #e0e0e0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fafafa), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fafafa 2%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fafafa 2%,#e0e0e0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fafafa 2%,#e0e0e0 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fafafa 2%,#e0e0e0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	}

	#packages_section .package-desc{display: none;}
	#packages_section .package-section{overflow: hidden;border-bottom: 0px; margin: 0;}
	#packages_section .package-section.package-header{border-bottom: 2px solid #2b358f; padding-top: 2%; position: relative;}
	#packages_section .package-wrapper.open .package-section.package-header{border-color: #2B358F; position: relative;}
	#packages_section .package-section.package-propery{display: inline-block; width: 31.6%; font-size: 2.8rem;padding: 0;line-height: 2.5; position: relative; overflow: visible;}
	#packages_section .package-section.package-propery:after{content: ' '; height: 2.8rem; width: 2px; background: #59666f; position: absolute; top: 2.1rem; left: 0;}
	#packages_section .package-section.package-propery.storage-gb:after{content:none;}
	#packages_section .package-section.package-propery.cpu-items{text-align: right;}
	#packages_section .package-section.package-propery.storage-gb{text-align: left;}
	#packages_section .package-section.package-propery.cpu-items:after{left: 0%;}
	#packages_section .package-section.package-propery.memory-gb:after{left: -3%;}
	#packages_section .package-section.more-details{float: right; width: 50%; position: relative;line-height: 2;top: 1.4rem;padding-top: 0; text-align: right;}
	#packages_section .package-section.more-details button{color: #2b358f; border-bottom: 2px solid #2B358F;  font-size: 2.8rem;}
	#packages_section .package-section.more-order{float: left; width: 50%;}
	#packages_section .package-title{float: right;font-size: 4rem;line-height: 2;margin: 0;}
	#packages_section .package-price{float: left;line-height: 2;margin-bottom: 0;}
	#packages_section .package-price .big-price{display: inline-block;font-size: 4rem;}
	#packages_section .package-price .small-price{display: inline-block; padding-right: 5px;font-size: 4rem;}
	#packages_section .more-details .plus-wrapper{display: none;}
	#packages_section .package-bottom-wrapper{overflow: hidden;margin: 2% 0 5%;}
	#packages_section .package-wrapper.open .more-details-section{position: relative; top: 0; right: 0; width: 96%; padding-top: 5%; padding-bottom: 0%; margin: 0 auto;}
	#packages_section .package-wrapper.open .package-propery{visibility: visible;}
	#packages_section .package-wrapper.open .package-price{visibility: visible; width: 100%; text-align: center;}
	#packages_section .package-wrapper.open .package-title{position: absolute;}
	#packages_section .package-wrapper.open .close-details-btn{z-index: 10;}
	#packages_section .more-details-section{font-size: 2.5rem;}
	#packages_section .more-details-section br{display: none;}
	#packages_section .close-details-btn{width: 20px;}
	#packages_section .package-order{width: 50%;}
	#packages_section .package-wrapper.open .package-order{width: 100%;}
	#packages_section .package-price .tax{bottom: -2px; font-size: 1.5rem; right: auto; left: 0; width: 20rem;}
	#packages_section .package-wrapper.open .tax{width: 100%;}


	#join_advantages_section{padding-top: 5%;}
	#join_advantages_section .advantages-container{border: 2px solid #d7d7d7; padding: 0 3%; background:#f3f3f3; margin-bottom: 8%;}
	#join_advantages_section .advantages-wrapper{width: 100%; margin-left: 0;border:0; border-bottom: 2px solid #cccccc; background: none;padding-top: 0;}
	#join_advantages_section .advantages-wrapper .advantage-hover{display: none; position: relative; width: 100%; height: auto;}
	#join_advantages_section .advantages-wrapper:last-child{border-bottom: 0px;}
	#join_advantages_section .advantage-img{margin: 0; width: 12%; position: absolute; top: 25%; right: 0;}
	#join_advantages_section .advantage-img img{width: 100%;}
	#join_advantages_section .advantage-text{font-size: 2.8rem;padding-bottom: 0;margin-right: 15%;text-align: right;width: 69%;}
	#join_advantages_section .advantage-text br{display: none;}
	#join_advantages_section .advantage-text:after{content:' ';width: 22px; height: 22px; background-image: url('../images/arrows_mobile.png'); background-repeat: no-repeat; background-position: -22px 0;display: block;position: absolute;left: 1%;top: 50%;margin-top: -11px;}
	#join_advantages_section .advantages-wrapper.open .advantage-text:after{background-position: 0 0;}
	#join_advantages_section .inner-wrapper{display: table; height: 4.5rem; width: 100%;margin: 5% 0;}
	#join_advantages_section .vertical-mobile-align{display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
	#join_advantages_section .advantages-btn{padding-top: 0; position: relative; background: none; outline: none; height: 15rem;}
	#join_advantages_section .advantages-wrapper.open .advantages-btn{height: auto;}
	#join_advantages_section .advantage-hover{background: none; color: #59666F;}
	#join_advantages_section .text-wrapper{padding: 0; padding-right: 15%; color: #59666F;width: 79%;padding-bottom: 5%;font-size: 2.8rem;line-height: 1.2;margin-top: -4%;}
	#join_advantages_section .advantages-btn:hover, #join_advantages_section .advantages-btn:focus{background: none;}

	#operating_system_section{background: none;}
	#operating_system_section .content{background: #2b358f;}
	#operating_system_section .title{font-size: 4.4rem; margin: 0 3%; border-bottom: 2px solid #4a54ab;padding-top: 3%;padding-bottom: 3%;}
	#operating_system_section .operating-wrapper{width: 100%; text-align: center; display: block; border-bottom: 2px solid #4a54ab;}
	#operating_system_section .operating-container{width: 94%; margin: 0 auto; padding-top: 0;}
	#operating_system_section .operating-container .mob-only{display: inline-block;}
	#operating_system_section .operating-container .desktop-only{display: none;}
	#operating_system_section .operating-container img{width: 70%; margin: 0;}

	#perfect_services_section.content{width: 94%; margin: 0 auto;}
	#perfect_services_section .services-container{background: #fff; margin-top: 3%; border: 2px solid #D7D7D7;}
	#perfect_services_section .service-wrapper{width: 90%; margin: 0 auto; float: none; display: block; border-bottom: 2px solid #cccccc;margin-bottom: 4%;}
	#perfect_services_section .inner-service-wrapper:after{content:none;}
	#perfect_services_section .inner-service-wrapper{padding: 0; position: relative;}
	#perfect_services_section .service-sub-title{padding-right: 12%;}
	#perfect_services_section .service-desc{padding-right: 12%;font-size: 2.8rem;padding-bottom: 5%;}
	#perfect_services_section .icon-wrapper{float: none; display: inline-block; width: 10%; position: absolute;}
	#perfect_services_section .text-header-wrapper{padding-right: 12%; right: 0; top: 0; padding-top: 1rem;font-size: 4rem;}
	#perfect_services_section .service-header{height: auto;}
	#perfect_services_section .service-sub-title{height: auto;}
	#perfect_services_section .vertical-align{line-height: 1.5;font-size: 3.2rem;}
	#perfect_services_section .service-sub-title{margin-bottom: 2%;}
	#perfect_services_section .service-desc{min-height: auto;}
	#perfect_services_section .service-wrapper:last-child{border-bottom: 0px;}

	#services_footer{display: none;}
	#services_links{text-align: center;}
	#services_links .right-link{display: none;}
	#services_links .left-link{float: none; font-size: 4rem; text-align: center; width: 100%; border-bottom: 4px solid #2B358F;}
	#services_links .mob-only{display: block;}
	#services_links .arrow-up{text-align: center; padding-top: 8%; padding-bottom: 5%;}
	#services_links .arrow-up img{cursor: pointer;}

	footer#footer{display:none;}
}

@media(max-width: 700px) {
	#packages_section .package-section.package-propery.memory-gb:after{left: 0%;}
	#packages_section .package-section.more-details{top: 1.2rem;}
}

@media(max-width: 650px) {
	#packages_section .package-section.package-propery.memory-gb:after{left: 4%;}
	#packages_section .package-section.more-details{top: 1rem;}
	#page_header .service-description{width: 95%;}
}

@media(max-width: 620px) {
	#packages_section .package-section.package-propery{width: 32%;}
	#packages_section .package-section.package-propery.storage-gb{width: 35%;}
	#packages_section .package-section.package-propery.memory-gb:after{left: 0;}
}

@media(max-width: 600px) {
	html,body{font-size:9px;}
}

@media(max-width: 550px) {
	html,body{font-size:8px;}
	#perfect_services_section .icon-wrapper img{width: 100%;}
	#perfect_services_section .service-wrapper.anti-virus-wrapper .icon-wrapper img{width: 85%;}
	#perfect_services_section .service-wrapper.firewall-wrapper .icon-wrapper img{width: 100%;}
	#perfect_services_section .service-wrapper.ips-wrapper .icon-wrapper img{width: 100%;}
	#perfect_services_section .service-wrapper.backup-wrapper .icon-wrapper img{width: 100%;}
	#page_header .service-description{width: auto;}
}

@media(max-width: 500px) {
	html,body{font-size:7px;}
	#services_links .arrow-up img{width: 15%;}
	#packages_section .close-details-btn{width: 15px;}
	#packages_section .package-section.package-header{padding-top: 3.5%;}

	#mobile_menu ul li a{font-size: 2.8rem; line-height: 6rem;}
	#mobile_menu ul li a:after{top: 2.5rem;}
}

@media(max-width: 450px) {
	html,body{font-size:6px;}
	#join_advantages_section .advantage-text:after{
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-ms-transform:scale(0.8);
		-o-transform:scale(0.8);
		transform:scale(0.8);
	}

	#mobile_menu ul li a:after{top: 2.5rem;
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-ms-transform:scale(0.8);
		-o-transform:scale(0.8);
		transform:scale(0.8);
	}
}

@media(max-width: 400px) {
	html,body{font-size:5px;}
	#packages_section .close-details-btn{top: 5px; left: 5px;}
	#page_header{background-size: 1500px auto;}

	header#header{height:55px; line-height: 55px;}
	header#header .logo{height: 55px; line-height: 55px;}
	header#header .hamburger{height: 55px; line-height: 55px;}
	header#header .logo img{height: 60%;}
	header#header .hamburger img{height: 40%;}
	#mobile_menu ul li a:after{
		-webkit-transform:scale(0.6);
		-moz-transform:scale(0.6);
		-ms-transform:scale(0.6);
		-o-transform:scale(0.6);
		transform:scale(0.6);
	}
}

@media(max-width: 320px) {
	#mobile_menu ul li a{font-size: 2.6rem; line-height: 5.8rem;}
	#packages_section .package-wrapper{width: 96%; padding: 0 2%;}
	#packages_section .details-wrapper{height: 7rem;}
	#packages_section .package-wrapper.open .more-details-section{width: 100%;}
	#top_wrapper .content{width: 92%;}
}