/*
Theme Name: Payloan
Theme URI: 
Author: 
Author URI: 
Description: Payloan - Banking & Business Loan HTML5 Responsive Template
Version: 1.0
License:
License URI:
*/

/*=======================================================================
 [Table of contents]
=========================================================================
1. Mobile Responsive
2. Small Device
3. Responsive For Small Device
4. Responsive For large Device
5. Responsive For Extra large Device

*/
/*------------------------------------------------------------------------------------
/ 1. Mobile Responsive. Responsive For Extra Small Device like: Mobile, Iphone etc
--------------------------------------------------------------------------------------*/
body.bg_right {
    background-size: 70%;
}
.hidden-xs{
    display: none;
}
.mobilemenu {
    display: block;
    color: #fff;
    line-height: .8;
    font-size: 25px;
    margin: 0 0 0;
    position: absolute;
    width: 25px;
    height: 17px;
    top: -60px;
    right: 50px;
    cursor: pointer;
}
.mobilemenu span{
    width: 100%;
    height: 2px;
    background: #222;
    display: block;
    margin-bottom: 5px;
    transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
}
.mobilemenu.active span,
.mobilemenu:hover span{
    background: #8180e0;
}
li.menu-item-has-children span.submenu_toggler {
    position: absolute;
    right: 8px;
    width: 35px;
    height: 35px;
    background: #222;
    top: 2.5px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: .8;
    padding: 11px 0;
    cursor: pointer;
    transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
}
li.menu-item-has-children span.submenu_toggler.active-span {
    color: #fff;
    background: #8180e0;
}
.mainmenu{
    margin: 0 -15px;
    padding: 0;
    text-align: left;
}
.mainmenu > ul {
    text-align: left;
    display: none;
    position: absolute;
    z-index: 10;
    background: #fff;
    left: 0;
    top: 0;
    padding: 20px 0;
    height: 260px;
    width: 100%;
    overflow-y: scroll;
    border-top: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.mainmenu ul li.menu-item-has-children,
.mainmenu ul li{
    display: block;
    padding: 0 15px 15px;
}
.mainmenu ul li a{
    display: inline-block;
}
.mainmenu ul ul.sub-menu{
    position: relative;
    width: 100%;
    padding: 0;
    visibility: visible;
    opacity: 1;
    left: 0;
    margin: 0;
    right: auto;
    top: 10px;
    transition: none;
    transform: none;
    display: none;
    text-align: left;
    box-shadow: none;
}
.fixedHeader .mainmenu ul ul.sub-menu ul.sub-menu,
.mainmenu ul ul.sub-menu ul.sub-menu{
    visibility: visible;
    position: relative;
    width: 100%;
    opacity: 1;
    left: 0;
    right: auto;
    transform: none;
    top: 10px;
    box-shadow: none;
}
.fixedHeader .mainmenu ul ul.sub-menu li:hover ul.sub-menu,
.mainmenu ul ul.sub-menu li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 10px;
}
.fixedHeader .mainmenu ul li:hover ul.sub-menu,
.mainmenu ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 10px;
} 
.mainmenu ul ul.sub-menu li{
    padding-bottom: 10px;
}
.mainmenu ul ul.sub-menu li.menu-item-has-children {
    margin-right: -15px;
}
.menu_white .mobilemenu.active span, 
.menu_white .mobilemenu:hover span{
    background: #8180e0;
}
.menu_white .mainmenu ul ul.sub-menu,
.menu_white .mainmenu > ul{
    background: #222;
}
.fixedHeader.menu_white .mainmenu ul li a,
.menu_white .mainmenu ul ul.sub-menu li a{
    color: #fff;
}
.menu_white li.menu-item-has-children span.submenu_toggler{
    background: #fff;
    color: #222;
}
.mainmenu ul ul.sub-menu li.menu-item-has-children a{
    display: inline-block;
}
.mainmenu ul ul.sub-menu > li.menu-item-has-children > a:after{
    display: none;
}
.menu_white li.menu-item-has-children span.submenu_toggler.active-span{
    color: #fff;
    background: #8180e0;
}
.header_img img{
    width: 100%;
    margin-top: 40px;
}
.mt176{
    margin-top: 0;
}
.serviceArea{
    padding-left: 0;
    padding-top: 100px;
}
.contactArea h3,
.serviceArea h3{
    line-height: 40px;
    font-size: 30px;
}
.contactArea{
    padding: 50px 0 0;
}
.sec_title{
    font-size: 30px;
    line-height: 40px;
}
.sec_title br,
.sec_desc br{
    display: none;
}
.mlr_40, .ml_40,
.mr_40{
    margin-right: 0;
    margin-left: 0;
}
.applicatioProces .sec_desc {
    margin-bottom: 100px;
}
.singleProcess_2 .back .bg_number, .singleProcess_2 .front .bg_number{
    left: 0;
}
.singleProcess_2 .front, .singleProcess_2 .back{
    padding-left: 25px;
    padding-right: 20px;
}
.applyamountFrom{
    padding: 47px 15px;
    border-radius: 15px;
}
.applyamountFrom input{
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
}
.applyamountFrom textarea{
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
}
.applyamountFrom button.common_btn{
    display: block;
    float: none;
}
.singleTeam{
    margin-bottom: 40px;
}
.customer_area{
    padding-left: 45px;
    padding-right: 15px;
}
.singleCustomer p{
    font-size: 20px;
    line-height: 32px;
}
.customer_area .owl-controls .owl-nav{
    margin-right: -10px;
}
.customer_area .owl-controls .owl-nav .owl-prev, .customer_area .owl-controls .owl-nav .owl-next{
    margin: 0;
}
.contactThumb{
    margin: 50px 0 0;
}
.customer_thumb{
    margin: 0;
}
.customer_thumb img,
.contactThumb img{
    width: 100%;
    height: auto;
}
.featureImg{
    margin: 30px 0 0;
}
.featureImg img{
    width: 100%;
    height: auto;
}
.footer.bg_2{
    background-position: center top;
}
.footer{
    padding-top: 120px;
    background-position: center top;
}
.footer .widget{
    margin-bottom: 40px;
}
.footer .subscribe_widgets h3{
    font-size: 30px;
    line-height: 40px;
}
.footer .singleLPost{
    margin: 0 0 30px;
}
#backTo{
    top: -30px;
}
.homeService_2{
    padding-top: 100px;
}
.callToAction .serviceArea{
    padding-left: 0;
    padding-top: 100px;
}
.singleService_4{
    width: 100%;
    margin-bottom: 30px;
    padding-left: 22px;
    padding-right: 15px;
}
.teamProcess .sec_title,
.homeService_2 .sec_title{
    font-size: 30px;
    line-height: 42px;
}
.singleProcess_3 .back{
    padding-left: 30px;
    padding-right: 15px;
}
.singleProcess_3{
    width: 100%;
}
.callToAction_2 .serviceArea{
    padding-right: 0;
    padding-top: 50px;
    padding-bottom: 50px;
}
.singleTM{
    padding: 0;
}
.teamDesc p br{
    display: none;
}
.slider-nav li img{
    width: 50px;
    height: 50px;
}
.slider-nav .slick-slide.slick-current.slick-center li img{
    width: 65px;
    height: 65px;
}
.slider-nav .slick-slide{
    padding: 0;
}
.slider-nav .slick-slide:nth-of-type(2),
.slider-nav .slick-slide:nth-of-type(4),
.slider-nav .slick-slide:last-child,
.slider-nav .slick-slide:first-child{
    padding-top: 0;
}
.slider-nav .slick-slide.slick-current.slick-center{
    top: -10px;
}
.slider-nav{
    height: 180px;
}
.team_slider .slick-prev{
    left: 0;
}
.team_slider .slick-next{
    right: 0;
}
.detail_TM h5{
    font-size: 18px;
}
.teamDesc p{
    font-size: 20px;
    line-height: 36px;
}
.detail_TM p{
    font-size: 16px;
    margin-bottom: 20px;
}
.team_slider .slick-next, .team_slider .slick-prev{
    width: 55px;
    height: 55px;
}
.team_slider .slick-prev:after, .team_slider .slick-next:after{
    line-height: 55px;
}
.mrRight_25,
.mrLeft_25{
    margin-left: 0;
    margin-right: 0;
}
.latestPost_2{
    margin-bottom: 40px;
}
.callToAction_3{
    background-size: cover;
}
.latestPostSec .sec_title,
.callToAction_3 .sec_title{
    font-size: 30px;
    line-height: 40px;
}
.callToAction_3 a.common_btn{
    float: left;
}
.latestPost_2 h3{
    font-size: 20px;
    line-height: 32px;
}
.footer_2 .links{
    padding-left: 0;
}
.bannerTitle h2{
    font-size: 32px;
    line-height: 40px;
}
.bannerTitle p br{
    display: none;
}
.servicePage:after{
    display: none;
}
.singleService.three_column,
.singleService{
    padding-left: 20px;
    padding-right: 15px;
}
.singleService h1{
    font-size: 50px;
}
.singleService_3 .serDetail{
    padding-left: 15px;
    padding-right: 15px;
}
.singleService_3 .serDetail h2{
    font-size: 24px;
}
.serDetailThumb{
    padding-top: 50px;
}
.serDetailContent{
    margin-left: 0;
    margin-top: 50px;
}
.serDetailContent h3{
    font-size: 30px;
    line-height: 40px;
}
.mt_63{
    margin-top: 0;
}
.serviceRelated{
    margin-bottom: 30px;
}
.singleABThumb{
    left: 0;
}
.singleABThumb_2 img,
.singleABThumb img{
    width: 100%;
    height: auto;
}
.singleAB h2{
    font-size: 30px;
    line-height: 40px;
}
.singleABThumb_2{
    padding-top: 30px;
}
.singleHistory .front, .singleHistory .back{
    padding-left: 20px;
    padding-right: 15px;
}
.content_404{
    padding: 0;
}
.content_404 h1{
    font-size: 120px;
}
.faqPdRight{
    padding-right: 15px;
}
.faqPdLeft{
    padding-left: 15px;
}
.portfolioPage .sec_title,
.faqPage .sec_title{
    font-size: 30px;
    line-height: 40px;
}
.singleFaq p{
    font-size: 19px;
    line-height: 26px;
}
.foilo_overlay p{
    font-size: 17px;
    margin-bottom: 15px;
}
.foilo_overlay h4{
    margin-bottom: 11px;
}
.helpingPost{
    padding-left: 15px;
    padding-right: 15px;
}
.helpingPost h3{
    margin-left: 0;
    margin-right: 0;
    font-size: 30px;
    line-height: 44px;
}
.helpingPost .loanDesc p{
    padding-left: 5px;
}
.helpingPost .loanDesc h5,
.helpingPost .loanDesc{
    font-size: 16px;
}
.helpingPost .loanDesc h5{
    min-width: 103px;
}
.folioPostContent h2{
    font-size: 30px;
    line-height: 40px;
}
.singleTestimoinal{
    padding-left: 20px;
    padding-right: 15px;
}
.singleTestimoinal p{
    font-size: 22px;
}
.pdLeft,
.pdRight{
    padding-right: 0;
    padding-left: 0;
}
.singleTestimoinal_2 p{
    font-size: 20px;
    line-height: 36px;
}
.singleTestimoinal_2 .testiDetail {
    position: relative;
    padding: 0 0 0 105px;
}
.pdLeftRight{
    padding: 0;
}
.formArea.appareaBG{
    padding-left: 15px;
    padding-right: 15px;
}
.calculationThumb{
    padding-bottom: 30px;
}
.calculationThumb img{
    width: 100%;
    height: auto;
}
.loanCaclculat,
.caclculationFrom{
    padding-left: 15px;
    padding-right: 15px;
}
.totalAmout{
    text-align: center;
}
.instalAmout{
    padding: 50px 0 50px;
}
.totalAmout:after{
    width: 100%;
    height: 5px;
    bottom: 0;
    top: auto;
}
.singleAmount{
    float: none;
    text-align: center;
    padding-right: 0;
    display: block;
}
.singleBlog{
    margin-right: 0;
}
.blogDetail h3{
    font-size: 30px;
    line-height: 40px;
}
.blogDetail a.view_detail{
    display: block;
    float: left;
    padding-top: 15px;
}
.sidebar{
    padding-left: 15px;
    padding-top: 80px;
}
.singleBlogDetails{
    margin-right: 0;
}
.commentFrom h3,
.blogDetail h3{
    font-size: 30px;
    line-height: 40px;
}
.singleBlogDetails .blogDetail ul{
    margin-left: 20px;
}
.SRPost h4{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
}
.SRPost p{
    padding-left: 15px;
    padding-right: 15px;
}
.formArea{
    padding-left: 15px;
}
.contactFrom{
    margin-right: 0; 
}
.folioML_20, .folioMLR_10, .folioMR_20{
    margin-left: 0;
    margin-right: 0;
}
.rev_slider_1 .tp-caption img{
    width: 100% !important;
    height: auto;
}