
/*mobile*/
@media (min-width:990px){
.footer ul{display:block !important}
}


@media (min-width:0px) and (max-width:990px)
{      
    .wrapper{background:#ffffff;}
    .main{padding-top:0px !important; background:#ffffff;} 
    .header .headholder{padding:0px;}
    .header .headholder .logo{width: 50%; ;}
    .header-info{clear:both; float:none; width: auto; padding-top: 10px; height:auto; padding-bottom: 10px;}
    .header-info:after{display:block; clear:both; content: ''}
    .header-info .phoneholder{width: 46%; margin:0px; border:0px; padding: 1%; margin: 0px 1% 0px 1%}   
    body{background: #f6f2fe; font-size: 12px !important}
    .header{background:#ffffff; border-bottom: 2px solid #c15ea1; height: auto; position:relative; padding-right: 5px; overflow:visible; padding:0px;width: 100%; margin-bottom: 8px; }
    .header .headmenu{display:none; background:#c15ea1; position:absolute; top:60px; height:auto; z-index: 9999; width: 100%}
    .header .headmenu li{display:block; float:none; border-bottom: 1px solid #a74188;}
    .header .headmenu li a:hover{background:#a74188; color:#ffffff; text-shadow: 1px 1px #a54489;}
    .header .headholder .search{display:none; position: absolute; background: #ffffff; width: 100%; top: 60px; background:#c15ea1; z-index: 99999; margin-top: 0px; height:auto;}
    .header .headholder .search .searchinside{padding: 10px; float:none; background:#c15ea1; height:auto;}
    .header .headholder .search .searchinside input{width: 98% !important; float:none; padding:1% !important; border:none;}
    .header .headholder .search .searchsubmit{display:none;}
    .header .headholder{position: relative; overflow:visible}

    .header .loginholder{height:auto !important;}
    .header .loginholder .login{width: 100%; float:none; padding:0px;}
    .header .loginholder .login .loginside {position:relative;right:0px; padding:0px; }
    .header .loginholder .login .loginside a{display:block; width: auto; font-weight:bold;  float:none; padding:0px; border:0px; margin: 0px; text-align: left;padding-left: 10px; line-height: 50px; color:#ffffff; border-bottom: 1px solid #a74188; text-shadow: 1px 1px #a54489;}
    .header .loginholder .login .loginside a:hover{background:#a74188}
    .header .loginholder .login .loginside a.dropdown{display:none;}
    .header .logo{margin-left: 10px;}
    .header .loginholder .login .loginside{ width: auto;  width: 100%; margin-top: 0px;}
    .header .loginholder {display:none; position: absolute; background: #c15ea1; width: 100%; top: 60px; z-index: 9999; height: auto;}
    .wrapper{width:auto;}
    .main{background:transparent; width:auto; padding:0px; margin: 0px;}
    .mobilehead{position: absolute; right:0px;display:block; top: 10px;}
    .mobilehead a{display: block;  float:right; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin-right: 4px; height: 40px !important; width: 40px !important; line-height: 40px; background: #c15ea1 !important; color:#ffffff;  text-align:center; font-size: 25px;}
    .mobilehead .mobilemenu:before{content: "\f0c9"; font-family:'FontAwesome'; display:block;}
    .mobilehead .mobilesearch:before{content: "\f002"; font-family:'FontAwesome'; display:block;}
    .mobilehead .mobileuser:before{content: "\f007"; font-family:'FontAwesome'; display:block;}
    .content .content-item{padding-bottom: 0px;}
    .content-item .content-title{width:auto; margin:0px !important; padding-right: 10px; padding-top: 10px; padding-left: 10px; ;text-align:center; background:#ffffff; border-top: 1px solid #d06eb3;}
    .content-item .content-title .more{display:none;}
    .content-item .content-title .fl{float:none;}
    .content-item .content-title .fr{display:none;}
    .content-item .content-title h2{font-size: 16px; font-weight: bold; display:block; text-align:center;}
    .content .article-main, .article-rollup-half .article-rollup-item, .content .article-rollup-half .article-rollup-item.lastitem{background:transparent !important}
    /*articles*/



    .halfcol1 .content-item .content-title{width: auto; margin-bottom: 10px; text-align: center;}
    .halfcol1 .content-item .content-title .fl{float:none; width: auto;}
    .halfcol1 .content-item .content-title h2{width: auto; display:block; text-align: center; float:none;}
    .halfcol1 .content-item .item-content{background:none;}
    .article-half{border:none; margin-bottom:0px;}

    .article-rollup-half{margin: 0px 1% 0px 1%}

    .content-item.crop {width: auto;}




    /*slider*/
    div.ctaswitcher {position:absolute; bottom:0px; float:none; width: 100%; display:table; right:0px; border-spacing:1px; height: 32px;}
    div.ctaswitcher a{display:table-cell; float:none;}
    div.cms_banner-container{padding-bottom: 20px; border:0px;}
    .cms_banner-item h4{ line-height: 1.1; width: 80%; margin:0px; margin-top: 1%; padding: 1% 0px 1% 0px; margin-left: 10px; }
    .cms_banner-item h3{margin-left: 10px; width: 60%; line-height:1.1;}
    .cms_banner-item h5 {display:none;}
    .cms_banner-item .text{margin:6% 10% 3px 10px; line-height: 1.1; width: 60%; height: auto !important}
    .cms_banner-item .text span{line-height: 1.5;}
    .cms_banner-item div.price{height: auto !important; color: #808080 !important; left: 10px !important; text-shadow: 0px 0px 0px;width: 40%; margin-top: 1%}

    /* psychics boxes */


    /*hardcode kiszedni */
    .freeprediciton.ft.valentine {display:none !important}

    /*footer */
    .footer{padding:2%; background: none; border-top: 3px solid #c15ea1}
    .footer .col{width: auto; float:none; margin:0px; padding:0%; margin-top: 8px;}
    .footer .col ul{padding:2%; display:none;}
    .footer .vertfooter .wpZone.wpZoneVrt{float: none;}
    .footer h5 {font-size: 12px; padding: 5px; background:#ffffff url('../images/dropdown-down.gif') no-repeat right;; border:1px solid #e5e0ed; cursor:pointer;}


    /*bread*/
    .breadcrumb {margin: 0% 0% 1% 0%}
    .content-item .item-content .tools{display:none;}
    .pagerholder a{display:none}
    .pagerholder a.page{display:block}
    .pagerholder{padding-bottom: 10px;}
    .pagerholder table a.page{ width: 30px; height: 30px; line-height: 30px; color:#323232;border: 1px solid #d7d7d7; background:#fff;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#fff 0,#ebebeb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#ebebeb));background:-webkit-linear-gradient(top,#fff 0,#ebebeb 100%);background:-o-linear-gradient(top,#fff 0,#ebebeb 100%);background:-ms-linear-gradient(top,#fff 0,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0,#ebebeb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);}
    .pagerholder table a.page.active, .pagerholder table a.page:hover{background:#c15ea1; color:#ffffff;}

    h1.maintitle{width: auto;padding-right: 10px;padding-top: 10px; margin-bottom: 10px; font-size: 16px; font-weight: bold; padding-left: 10px;text-align: center;background: #ffffff;border-top: 1px solid #d06eb3; border-bottom: 1px solid #d06eb3;}


    /*profile*/

    div.emailadvices{padding-left: 8px; width: auto;}
    .article-view{padding-top: 10px; padding-right: 10px;}
    .article-view .article-col2{display:none;}

    .content-item .item-content .form .row .inputholder{float:none; width: auto;}
    .content-item .item-content .form .row .label{float:none; width: auto;}
    .content-item .item-content .form .row {height: auto; padding-top:0px;}

    div.formcol1, body#emailreviewpage div.formcol1{width: 30%}
    div.formcol2, body#emailreviewpage div.formcol2{width: 60%}
    /* fizetÃ©si oldal*/


    /*horoscope */

    .adminbar{display:none;}
    .sidebar .article-rollup-half .article-rollup-item .text{height: auto;}

    .article-view .article-col1{padding-right: 0px;}
    h1{font-size: 22px;}
    .article-view .item-content .content-text h3{font-size: 18px; padding-top: 8px;}
    .choosepackageboxes.pb10 img{width: 100%}
    div.mailfolders a{margin-left: 6px; padding-left: 6px;}
    .switchtodesktop{display:block; margin: 2%; padding: 4px; background:#c15ea1 url(../images/desktop.png) 10px 5px no-repeat;; color:#ffffff; padding-left: 35px;}
    .sidebar .filters .filter-item .filter label{display:block; border-bottom: 1px solid #ebebeb; padding-bottom: 8px; margin-bottom: 4px;}
    .sidebar .psychic-rollup-item{margin:1%}
    .mppCMSCMScontentPage .content p{padding-bottom: 15px}
    
    .form.testimonial .content-title{ padding-bottom: 15px; border-bottom:1px solid #d06eb3; margin-bottom: 20px; display:block; border-bottom: 1px solid #d06eb3; }
    .content-item .item-content .form.testimonial {padding-left:0px;}
    .cc_header_title1{padding:20px; }
    .footersiteselector{text-align:center; margin-bottom: 10px}   
    div.cms_banner-container img{width: 100% !important;}  
    .content-item .item-content .form .row.col4{width: 100%; margin-bottom: 10px; padding-right: 0px;}   
    .content-item .item-content .form .row.gap{padding-right: 0px;} 

    .main{ width: 100%;}
    .content{ display:table-cell; float:none;vertical-align: top; padding-left: 5px; padding-right: 8px; border-right:0px;}
    .sidebar{display:table-cell; float:none; vertical-align: top; width: 300px; margin-right: 10px;vertical-align: top; padding-right: 5px;}
        .testimonials.rows .testimonial{width:100%}
    .testimonials.cols.four-col .testimonial{width: 100% !important; float:none}
    .cit-rightbox-content img{width: 100% !important; height: auto !important;}
    .footer{background:#f6f2fe}
    
    .mppFtFtProfile .profile-col1{float:none; display:table-cell; vertical-align: top; width: 40% !important; padding-right: 0px;}
    .mppFtFtProfile .profile-col1 img{width: 100% !important; height: auto; margin: 0px !important}
    .mppFtFtProfile .profile-col2{float:none; display:table-cell; vertical-align: top;}
    .article-pager .article-main .text{width: 45%;}
    .psychic-container .row-callme a{width:auto; margin: 0px 10px 0px 10px}
    .psychic-container .row-callme .row4{right: 10px;}
    a.switcher-btn{background:rgba(0,0,0,0.1)}
    .sidebar .psychic-rollup-item.small{width: 300px !important; margin-bottom: 10px; margin-left:0px !important; clear:both}
    .w600{width:90%;}
    .sidebar{padding-bottom: 15px}
    .sidebar:after{content:''; display:block; clear:both;}   
    
    .article-rollup-half .article-rollup-item{width: 48.4%; } 
    .article-rollup-half .article-rollup-item:nth-child(even){margin-right: 0px !important; } 
    .lpheader{height:auto;}   
    .landingpage .inside{background-size: auto 100%; padding: 30px !important; box-sizing: border-box;} 
    
    .landingpage .psychic-rollup-item-v2{width:48.1%!important; float:left; margin: 5px !important}
    .lpheader .textarea{height: auto !important;  }
    .lpheader{height: auto !important;}
    .phoneContent{padding-top: 50px !important; padding-bottom: 0px !important;}
    .header .infoline{display:none !important}
    .psychic-rollup{margin-right:0px; padding: 10px !important}
    .psychic-container .psychic-picture{float:left; display:block;}
    .psychic-container .psychic-details{padding: 0px !important; padding-top: 10px !important; display:block; float:left;}
    .psychic-container .psychic-details .row3{max-height: none !important; margin-top: 0px !important}
    .sidebar .sidebar-item.blue .item-content{padding:10px;}
    .sidebar .article-rollup-half .article-rollup-item{width: 44%;}
   
}

@media (min-width:00px) and (max-width:990px){
   .psychic-rollup-item-v2{width:auto !important; margin: 0px; margin-bottom: 10px; float:none;}     
   .halfcol1, .halfcol2{width: 100%;float: none; margin: 0px; margin-bottom: 10px;}
   .article-half .text{margin:0px; padding: 15px;}
   .article-half .article-main .text{width: auto;}      
   
   .psychic-container .psychic-details{width: 56%;}
   .article-rollup-half-wide .article-rollup-item .text{width: 54%;}
   
   ul.playlist{width: 95%;}

   
}
@media (min-width:780px) and (max-width:990px){
.sidebar .psychic-rollup-item-v2{width: 298px !important;} 
}



@media (min-width:0px) and (max-width:610px){
   .content{ display:block; width:auto; float:none; padding-left: 5px; padding-right: 8px; border-right:0px;}
   .sidebar{display:block; float:none; vertical-align: top;  padding-right: 5px; width: auto; float:none; margin: 5px;}
    .psychic-rollup-item-v2{width:auto !important; margin: 0px; margin-bottom: 10px; float:none;}
    .halfcol1, .halfcol2{width: 100%;float: none; margin: 0px; margin-bottom: 10px;}
   .article-half .text{margin:0px; padding: 15px;}
   .article-half .article-main .text{width: auto;}
   
    .profile-col1{float:none; width: auto; text-align:center;}
    .profile-col1 div{width: 50%;  margin: auto; height: auto; padding:0px; background:#df8fc5; padding-top: 8px;}
    .profile-col1 div img{padding:0px; margin: 0px; width: 100% !important; height: auto !important}
    .mppFtFtProfile .profile-col1 img{margin-left:0px;}
    .mppFtFtProfile .profile-col2{width:auto; margin:0px; padding: 15px;}
    .mppFtFtProfile .profile-col2 h1{font-size: 36px;} 
    .sidebar .psychic-rollup-item.small{width: 100% !important; margin-bottom: 10px; margin-left:0px !important; clear:both}  
    .sidebar .psychic-rollup-item.small .psychic-inside .psychic-col2{width: 76%; height: auto;}      
    .sidebar .psychic-rollup-item.small .psychic-inside .psychic-col2 .row6{display:none;}  
    
    .lpheader .textarea{width: auto !important;}
    .lpheader .text{width: auto !important;}
    .lpheader{height: auto !important;}
    .lpheader .textarea{height: auto !important;}

    


   
}
@media (min-width:480px) and (max-width:990px){
    .header-info .fee{width:auto; float:none; clear:both; max-width:none !important; padding-top:8px;}       
      
}

@media (min-width:0px) and (max-width:480px){
    .header-info .phoneholder{width: 96%; } 
    .header-info .phoneholder:nth-child(1){margin-bottom:10px;} 
    .header-info .phoneholder .fee{max-width: none; padding-top: 4px; padding-bottom: 5px;}
    .mobilehead a{width:40px !important; background-position: center !important;}
    .content-item .content-title h2{font-size: 14px; font-weight: bold; display:block; text-align:center;}  
    .mppFtFtProfile .profile-col2{width:auto !important; display:block; float:none;margin:0px; }
    .mppFtFtProfile .profile-col1{width:auto !important; display:block; float:none;}      
    .article-main .picture{width: 100%; float:none;}
    .article-pager .article-main .text{width:auto; margin: 0px; padding:10px; float:none;} 
    .article-main .text{width:auto; margin: 0px; padding:10px; float:none;} 
    .content .article-rollup-half .article-rollup-item{width: 48.4%; }
    .content .article-rollup-half .article-rollup-item:nth-child(even){margin-right: 0px !important; }
    .psychic-container .psychic-details .row3{font-size: 13px; line-height: 16px;}
    
    .article-rollup-half .article-rollup-item{width: 100%; } 
    .article-rollup-half .article-rollup-item:nth-child(even){margin-right: 0px !important; } 
     .psychic-container .psychic-details .row3{padding-bottom: 10px !important}
      .sidebar .psychic-rollup-item-v2{width: auto !important;} 
    

}
@media (min-width:610px) and (max-width:690px){
    .article-main .picture{width: 100%; float:none;}
    .article-pager .article-main .text{width:auto; margin: 0px; padding:10px; float:none;} 
    .article-main .text{width:auto; margin: 0px; padding:10px; float:none;} 
    .content .article-rollup-half .article-rollup-item{width: 48.4%; }
    .content .article-rollup-half .article-rollup-item:nth-child(even){margin-right: 0px !important; }        

}

@media (min-width:0px) and (max-width:650px){
    .landingpage .psychic-rollup-item-v2{width:97.5%!important; float:left; margin: 5px !important}
}

@media (max-width: 990px) and (min-width: 480px){
.sidebar .horoscopeholder {float:none; width: 100%}
.sidebar .sidebar-item .item-content .signup{width: 100%;}
}


