@media (max-width:1184px) {
	
	#featured-sites .sites-box ul.content li .list-holder ul.nav { display: none; }
	
}

@media (max-width:1000px) {
	#header { width: auto; background: transparent; min-width: 600px; padding: 0 20px; }
	#header h1 { height: 80px; padding-top: 30px; }
	#menu { background: transparent; position: static !important; }
	#menu > nav > ul  { width: auto;  margin-right: 20px; background: transparent url(../images/menu.png) no-repeat center right;  }
	#menu > nav > ul > li a { padding-left: 6px; padding-right: 6px; font-size: 14px; }
	#menu > nav > ul > li:first-child { padding-left: 6px; }
	#menu > nav > ul > li.to-right { padding-right: 4px; }
	#content  { width: auto; margin-left: 20px; margin-top: 20px !important; }
	#menu ul { width: auto; }
	#banner .signup {left: 150px; top: 312px; }
	#banner .panels li .photo {  right: 0; left: 500px; line-height: 270px;}
    #banner .panels li .photo img { width: 100%; height: auto; vertical-align: middle; }
    
	#box-why { padding-top: 40px;}
	#box-why h2 {font-size: 30px; background: transparent;}
	#box-why h2 span {background: transparent;}
	#box-why ul {height: 560px; width: 480px; margin: 0 auto;}
	#box-why ul li {font-size: 20px;}
	#main h2  { font-size: 40px; margin: 0 auto; max-width: 600px;  }
    #text-page h2 { font-size: 40px; margin: 0 auto; }
    #text-page .main-text { display: table; }
	#text-page .main-text .text-left { display: table-cell; width: auto; font-size: 16px; padding-top: 20px; vertical-align: top; padding-right: 30px; }
    #text-page .main-text aside { display: table-cell; vertical-align: top; padding-top: 30px; }
	#text-page .main-text .text-right { width: 246px; }
	#text-page .main-text .text-right ul a { font-size: 14px; }
	#text-page .article-left { width: 450px; padding-right: 80px; padding-left: 80px; background-image: url(../images/boxleft1.png); margin-left: 0;}
	#text-page .article-left h3 { font-size: 24px; }
	#text-page .article-left p { font-size: 14px; line-height: 18px; width: 450px; }
	#text-page .article-left p.photo { display: none;  }
	
	#text-page .article-right { width: 440px; margin-left: auto; padding-left: 80px; padding-right: 80px; background-image: url(../images/boxright1.png); margin-right: 0;}
	#text-page .article-right h3 { font-size: 24px; }
	#text-page .article-right p { font-size: 14px; line-height: 18px; }
	#text-page .article-right p.photo { display: none;  }
	
	.not-ready #text-page .article-right { padding-right: 80px; width: auto; padding-left:65px;  }
	.not-ready #text-page .article-right p.summary {font-size: 20px; line-height: 24px; padding:50px 0 30px 0;}
	.not-ready .form .input-line { padding-left: 120px; }
	.not-ready .form .input-line label {width: 150px;}	

	#contact-columns {overflow: visible; max-width: 600px; margin-left: auto; margin-right: auto; margin-top: 30px; }
	#contact-columns .col-left { float: none; width: 100%; overflow: hidden; }
	#contact-columns .col-left dl { float: left; width: 280px;}
	#contact-columns .col-left p {margin-left: 300px;}
	#contact-columns .form-content { float: none; width: 600px; }
	
    #form-columns { overflow: visible; max-width: 600px; margin-left: auto; margin-right: auto; margin-top: 30px; }
    #form-columns .form-content { position: relative; left: -20px; }
    
	#faq-columns .search-form label { font-size: 16px; }
	#faq-columns .box-faq h3 { font-size: 20px; }
	#faq-columns .box-faq ul a { font-size: 12px; line-height: 16px;}
	#faq-columns .article-faq .article { font-size: 12px; line-height: 16px; }
	#faq-columns .faq-content { width: auto; float: none; margin-right: 20px; margin-top: 20px; }
	#faq-columns .search-form .input { width: 324px; }
	.col-right { display: none; }
	
	#form-columns .form-content { width: 100%; float: none; }
	.form { padding: 20px 40px; }
	.form .summary { font-size: 12px; line-height: 16px; }
	.form .input-line label { font-size: 12px; }
	.form .input-line .input { width: 126px; font-size: 14px; }
	.form .input-line .info { font-size: 10px; width: 145px; }
	.form .input-line .more-lines { padding-top: 4px; line-height: 12px; }
	.form .checkbox-line label { font-size: 12px; }
	.form .checkbox-line .input { width: 126px; font-size: 14px; }
	.form .token-line label { font-size: 12px; }
	.form .token-line .input { width: 126px; font-size: 14px; }
	.form .jqTransformSelectWrapper { width: 146px; font-size: 14px; }
	.form .small .jqTransformSelectWrapper { width: 80px; }
	
    #watch-movie iframe { max-width: 100%; }
    
	#ranking-page {background: transparent; padding-left: 0; overflow: visible; }
	#ranking-page .navigator {font-size: 16px;}
	#ranking-page .ranking-content {width: 540px; padding-left: 30px; padding-right: 30px; }
	
	.news-list h3 {font-size: 18px;}
	.news-list .date  {font-size: 11px;}
	.news-list p {font-size: 12px; line-height: 16px; }
	
	.article-list h3 {font-size: 18px;}
	.article-list .date  {font-size: 11px;}
	.article-list p {font-size: 12px; line-height: 16px; }
	.text-content-page .back {float: none; margin-bottom: 10px;}
	.text-content-page {padding: 0;}
	.text-content-page .text {padding: 1px 0; width: auto; overflow: visible; }
	.text-content-page .text {margin-left: 0; padding-right: 20px; font-size: 14px; font-weight: normal; }
	.text-content-page .text .photo img {padding: 0; border-width: 0; }
	.text-content-page .text h3 {font-size: 24px; }
	.text-content-page .text h4 {font-size: 18px;}
	#sign-up .container {width: auto;}
	#sign-up p.small-text {width: 340px; font-size: 14px; line-height: 18px; }
	 
    .precise-list { max-width: 600px; margin: 20px auto 0 auto; }
    .precise-list > ul > li { width: auto; float: none; }
	
    
	.watch-movie-header { width: auto; font-size: 24px; text-align: center; }
	#watch-movie-bg2 { width: auto;  margin: 0 auto; background-position: 20% 0;}
	#watch-movie-bg { display: none; }
	#watch-movie { width: 600px; height: auto; }
	#watch-movie .left-side  { width: 490px; padding: 0; margin: 0 auto; float: none; }
	#watch-movie .right-side  { display: none; }
	
	#featured-sites-wrapper { width: auto; margin: 0 auto; }
	#featured-sites  { width: 540px; }
	#featured-sites .sites-box ul.menu  { padding-left: 10px; }
	#featured-sites .sites-box ul.menu li a { width: 120px;  }
	#featured-sites .sites-box ul.content li .list-holder ul.nav { left: 20px; width: 460px; }
	#featured-sites .sites-box ul.content li .list-holder .list-container { width: 270px; margin: 0 auto; }
	#why-us { max-width: 600px; width: auto; margin-right: 20px; }
	
    #sign-up .container { max-width: 600px; margin: 0 auto; }
    
    .news-list .date { padding-left: 150px; }
    .news-list h3 { margin-left: 150px; }
    .news-list p { margin-left: 150px; }
    .news-list .photo img { max-width: 130px; height: auto; }
    
    #news-page { margin-top: 11px; }
    #content.subpage h2 { padding-left: 0; }
    
	#nav-menu-wrapper { width: auto; margin: 5px auto 0 auto; }
	#nav-menu  { width: auto; left: 0; }
	#text-box  { float: none; }
	#menu-box { float: none;  }
	.contener { width: auto; margin-right: 20px; }
	#text-box { width: auto; }
	#news  { width: 600px; }
	#news li:last-child { display: none; }
	#int-tools > ul > li { width: auto; margin-right: 20px; }
    #int-tools > ul > li .right-side { width: 60%; }
    #int-tools > ul > li .left-side { width: 60%; }
    #int-tools > ul > li p.photo { width: 35%; }
    
	#int-tools > ul > li p.photo img { width: 100%; height: auto; margin-top: 20px;}
	#int-tools > ul > li.text-change .left-side, #int-tools > ul > li.text-change .right-side { width:  60%; }
	#int-tools > ul > li.text-change p.photo  { width: 35%; }
	#int-tools > ul > li p.photo { margin-left: -20px; }
	#affiliates { width: 600px; display: none; }
	#error-page { padding-left: 0; background: transparent; }
	#error-page h2 {text-align: center; }
	#error-page .error-content {margin: 0 auto; }
	#footer { max-width: 600px; }
	#footer .links { display: none; }
	#footer .links li { padding: 0 6px 0 7px; }
	#footer p { font-size: 12px; }
}


@media (min-width:720px) {
    #menu {  height: auto !important; left: 0 !important; }
}
@media (max-width:720px) {
    

    #tools { right: 56px; }
    #tools li a { padding: 8px 0 ; }
    #header .mobile-menu-pictogram { position: absolute; display: block; right: 0; top: 0;  }
    #header .mobile-menu-pictogram a { position:relative; width: 23px; height: 18px; background-color: white; padding: 15px; display: block; position: relative; text-indent: -9999999px; }
    #header .mobile-menu-pictogram a span.holder { position:absolute; top:16px; left:15px; width:23px; height:18px; }
    #header .mobile-menu-pictogram a span.holder span.line { position:absolute; top:7px; left:0; width:23px; height:4px; background-color:#f3c15e; }
    #header .mobile-menu-pictogram a span.holder:before { content:" "; position:absolute; width:23px; height:4px; top:0; left:0; background:#f3c15e; }
    #header .mobile-menu-pictogram a span.holder::before { content:" "; position:absolute; width:23px; height:4px; top:0; left:0; background:#f3c15e; }
    #header .mobile-menu-pictogram a span.holder:after { content:" "; position:absolute; width:23px; height:4px; bottom:0; left:0; background:#f3c15e; }
    #header .mobile-menu-pictogram a span.holder::after { content:" "; position:absolute; width:23px; height:4px; bottom:0; left:0; background:#f3c15e; }

    #header { padding-bottom: 0 !important; min-width: 280px; }
    #menu { position: absolute !important; left: 0; top: 0; width: 280px; left: -280px; background: #f3c15e }
    #menu > nav > ul > li:first-child { padding-left: 0; }
    #menu > nav > ul > li a { font-size: 18px; }
    #menu > nav > ul { background: transparent; }
    #menu ul li { float: none; display: block; }
    #menu ul li a { display: block; }
    #menu li:hover > ul { display: none; }
    #menu ul > li:hover > a { border-bottom-width: 0; }
    #menu li.selected a, #menu li.active a { border-bottom-width: 0; }
    
    #contact-columns .form-content { width: auto; margin-right: 40px; }
    .form .textarea-line .input { width: 100%; box-sizing: border-box }
    #contact-columns .col-left p { display: none; }
    
    #form-columns { width: auto; margin-right: 30px; margin-left: 0; max-width: none; }
    #form-columns .form-content { left: 0; position: static; }
    #form-columns .form .input-line label { width: auto; position: static; display: block; text-align: left; }
    #form-columns .form .input-line label span { position: static; }
    #form-columns .form .input-line { padding-left: 0; clear: both;  }
    #form-columns .form .input-line .input { width: 99%; box-sizing: border-box; margin-left: 0;  margin-right: 0; height: 32px; }
    #form-columns .form .input-line .mobilesmall-input { width: 49%; margin-right: 1%; }
    #form-columns .form .input-line .info { float: none; width: auto; padding-left: 0; display: block; padding-top: 3px; clear: both; height: auto; }
    
    #form-columns .jqTransformSelectWrapper { margin-left: 0; }
    #form-columns .form .checkbox-line { padding-left: 0;  }
    #form-columns .form .token-line .token { padding-lefT: 0; }
    #form-columns form .checkbox-line .checkbox { left: 0; }
    
    #faq-columns .search-form .input { width: 100%; box-sizing: border-box; height: 30px; }
    #faq-columns .search-form { padding-left: 20px; padding-right: 20px; }
    #faq-columns .box-faq ul { padding-left: 20px; padding-right: 20px; }
    #faq-columns .search-form .button { display: block; margin: 0 auto; margin-top: 3px; }
    
    #sign-up p.small-text { width: auto; text-align: center; float: none; padding: 0 20px; }
    #sign-up p.more { float: none; text-align: center; width: 100%; display: block; padding-top: 20px; }
    #sign-up p.more a.button { display: inline-block; }
    
    #watch-movie { width: auto; }
    .watch-movie-header { margin-right: 20px; }
    #banner .panels li .photo { display: none; }
    #banner .panels li .text { width: auto; margin-right: 20px; }
    #banner .signup { left: 120px; }
    .precise-list > ul > li > ul > li { width: auto; }
    #watch-movie .left-side { width: auto; }
    #watch-movie .left-side p.watch { text-align: center; }
    #watch-movie .left-side a.player  { position: absolute; left: 50%; margin-left: -86px; }
    #featured-sites { width: auto; margin-right: 20px; padding-left: 20px; }
    #featured-sites .sites-box ul.menu li a { width: 90px; font-size: 14px; }
    #featured-sites p.start-earn  { font-size: 48px;  text-align: center; margin-right: 20px; }
    
    #text-page .text-left { display: block; }
    #text-page .main-text { display: block; }
    #text-page .aside { display: block; }
    
    #text-page .article-left { width: auto; background: transparent; padding-left: 0; padding-right: 20px; height: auto; }
    #text-page .article-right { width: auto; background: transparent; padding-left: 0; padding-right: 20px; height: auto; }
    #text-page .article-left p { width: auto; }
    #text-page .article-right p { width: auto; }
    
    
    
    #nav-menu ul li { font-size: 14px; padding-left: 27px; padding-right: 11px; }
    .precise-list { margin-right: 20px; }
    #news  { width: auto; }
    #news ul li { float: none; width: auto; margin-left: 0; margin-bottom: 20px; }
    #footer { width: auto; }
}


@media (max-width:580px) {
    #bg { min-width: 320px; }
    #header h1 { padding-top: 70px; text-align: center; }
    #header h1 img { max-width: 100%; height: auto; }
    #content { padding-top: 17px; }
    #banner .navigator { display: none; }
    #banner .panels { height: 300px; }
    #banner .panels li .why { display: none; }
    #main h2, #text-page h2 { margin-right: 20px; font-size: 36px; }
    #banner .panels li h3 { padding-left: 20px; }
    #banner .panels li .text { padding-left: 20px; }
    #banner { background: white; padding-top: 20px; margin-top: 34px; margin-left: -20px; }
    #banner .panels li .more { display: none; }
    #banner .signup { position: static; }
    #banner .signup a { width: 270px; font-size: 30px; height: 63px; line-height: 60px; background-size: 100% auto; }
    #banner .signup a:hover { background-position: 0 0; }
    
    .watch-movie-header { height: auto; }
    
    .precise-list > ul > li h4 { text-align: center; }
    .precise-list > ul > li.perfect-design { background-position: 50% 0; padding-left: 0; padding-top: 100px; margin-top: 20px; }
    .precise-list > ul > li.for-vip { background-position: 50% 0; padding-left: 0; padding-top: 100px; margin-top: 20px; }
    .precise-list > ul > li > ul { display: none; }
    .precise-list > ul > li > .small-text { display: none; }
    .precise-list > ul > li.technology { background-position: 50% 0; padding-left: 0; padding-top: 100px; margin-top: 20px; }
    .precise-list > ul > li.support { background-position: 50% 0; padding-left: 0; padding-top: 100px; margin-top: 20px; }
    
    #why-us p.button-text { position: static; margin: 0 0 0 -20px; width: auto;}
    #why-us p.button-text a { display: block;width: auto; background-size: 100% 200%;}
    #featured-sites .sites-box ul.menu { width: 300px; margin: 0 auto; padding-left: 0; left: -10px; }
    #featured-sites .sites-box ul.menu li a { width: 140px; }
    #featured-sites .sites-box ul.menu li { margin-bottom: 8px; }
    #featured-sites .sites-box ul.menu li:first-child { padding-left: 8px; }

    .precise-list.affilates > ul > li.account-management { padding-left: 0; text-align: center; background-position: 50% 0; padding-top: 80px; margin-bottom: 20px; }
    .precise-list.affilates > ul > li.client-service { padding-left: 0; text-align: center; background-position: 50% 0; padding-top: 90px; margin-bottom: 20px; }
    .precise-list.affilates > ul > li.commission-payments { padding-left: 0; text-align: center; background-position: 50% 0; padding-top: 90px; margin-bottom: 20px; }
    .precise-list.affilates > ul > li.referral-program { padding-left: 0; text-align: center; background-position: 50% 0; padding-top: 80px; }
    
    #nav-menu ul li { font-size: 12px; padding-left: 17px; padding-right: 1px; }
    #nav-menu ul li:first-child { padding-left: 19px; padding-right: 1px; }
    
    #int-tools > ul > li.photo-right p.photo { display: none; }
    #int-tools > ul > li .left-side { float: none; width: auto; }
    
    #int-tools > ul > li.photo-left.outside p.photo { margin-left: auto; }
    #content.subpage h2 { font-size: 48px; }
    #content.subpage h2.small { font-size: 30px; padding-bottom: 10px; line-height: 1em; }
    #int-tools > ul > li.padding-t { padding-top: 0; }
    #int-tools > ul > li.photo-left p.photo  { float: none; text-align: center; margin: 0 auto; width: 80%; }
    #int-tools > ul > li p.photo img { margin-top: 0; text-align: center;  }
    #int-tools > ul > li .right-side { float: none; width: auto; }
    
    #news-page { margin-top: 0; }
    .text-content-page .text .photo img { max-width: 100%; height: auto; }
    .news-list .date { padding-left: 0; }
    .news-list h3 { margin-left: 0; }
    .news-list p { margin-left: 0; }
    .news-list .photo img {  display: none;}
    
    .form { padding-left: 20px; padding-right: 20px; }
    
    #contact-columns .form-content { margin-left: -20px; margin-right: 0; }
    #contact-columns .form .input-line { padding-left: 0; }
    #contact-columns .form .input-line label { position: static; display: block; width: auto; text-align: left; padding-left: 0;  }
    #contact-columns .form .input-line input { width: 100%; box-sizing: border-box; margin-left: 0; height: 40px; }
    
    #form-columns .form .button input { width: 220px; font-size: 16px; font-weight: bold; background-size: 100% auto; height: 36px; }
    #form-columns p.button-text a { display: block;width: auto; background-size: 100% 200% }
    
    #featured-sites p.start-earn { font-size: 36px; }
    #featured-sites p.button-text { width: auto;  position: static; max-width: 340px; margin: 20px auto -50px auto; }
    #featured-sites p.button-text a { display: block;width: auto; background-size: 100% 200% }
    #footer { min-height: 100px; }
    #footer p { padding-top: 10px; }
}