/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 19, 2017, 12:12:56 PM
    Author     : Magnet Brains
*/


@media only screen and (max-width:434px){
    .ads_btn_1{
        margin-right: 0;
    }
}
@media only screen and (min-width:767px){


    .my_menu {
        padding: 29px 0;
    }
    .fixed .my_menu {
        padding: 19px 0;
    }
    .my_menu ul li a {
        color: white;
        font-size: 16px;
        text-decoration: none;
        text-transform: uppercase;
    }
    .my_menu ul ul li a{
        text-transform: capitalize;
        color: #000;
    }
    .head_content{
        margin: 0 -75px;
    }
    .nav_menu ul > li:last-child{
        margin-right: 0;
    }
    .fixed .menu li:last-child a {
        color:white !important;
    }
    .fixed .menu li a {
        color: black !important;
    }
    .main-navigation ul li {
        display: inline-block;
    }
    .fixed .yes_child_black ul.sub-menu li:last-child a{
        color:black !important; 
    }
    ul.sub-menu li:last-child {
        padding: 10px !important;
        background-color: transparent !important;
    }
    /*ul#primary-menu li.yes_child ul.sub-menu li:last-child > a {
        color: #000 !important;
        margin-left: 0;
    }*/

    /*ul#primary-menu li:last-child > a {
        color: #fff !important;
    }
    */
    ul#primary-menu li:last-child {
        font-size: 15px;
        margin-top: -8px;
        padding: 6px 20px;
        background-color: rgb(55, 179, 93);
        border-color: rgb(27, 151, 65);
        border-radius: 5px;
    }

    ul#primary-menu li ul.children li:last-child {
        font-size: 15px;
        margin-top: -8px;
        margin-right: 1.5em;
        margin-bottom: 15px;
        padding: 6px 13px;
        background-color: rgb(55, 179, 93);
        border-color: rgb(27, 151, 65);
        border-radius: 5px;
    }

    ul#primary-menu li ul.children li:last-child a{
        color:#fff;
    }


    ul#primary-menu {
        float: right;
    }
    .nav_menu ul li {
        display: inline-block;
    }

    .nav-menu_con{
        position:relative;
    }
    ul.sub-menu li a{
        color:#000 !important;
        text-decoration: none;
    }
    ul.sub-menu {
        padding:1px;
    }
    .sub-menu li{
        display: block !important;
    }

    .sub-menu {
        position:absolute;
        display:none;
    }
    .nav-menu_con ul li:hover > ul.sub-menu{
        display:block !important;
    }
    .nav-menu ul ,.menu ul{
/*        margin-left: -60px !important;*/
        margin-top: 10px !important;
        z-index: 99;
        background-color: white;
        border-radius: 5px;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    }
    .nav-menu ul.sub-menu li::after, .menu ul.sub-menu li::after{
        content:'' !important;         
    }
    .nav-menu ul.sub-menu ul::before ,.menu ul.sub-menu ul::before{
        position: fixed;     
    }
    .nav-menu ul.sub-menu ul ,.menu ul.sub-menu ul{
        z-index: 99;
        margin-top: 0%;
        background-color: white;
        border-radius: 5px;
        margin-top: 0px !important;
        margin-left: 0 !important;
        transition-duration: 0s !important;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    }
    .fixed .nav-menu li a {
        color: black;
    }
    .fixed .nav-menu li:last-child a {
        color: white;
    }
    .yes_child:after{
        content: "\f107";
        font-family: FontAwesome;
        color:white;
        position: absolute;
        top: -1px;
        right: -15px;
        font-size: medium;
    }
    li.yes_child {
        margin-right: 16px;
        
    }
    .yes_child_black:after{
        color:black;
    }    
    header.fixed .yes_child:after {
        color: #000;
    }
    ul.sub-menu:before {
        content: '';
        position: absolute;
        width: 14px;
        height: 0;
        border: 7px solid transparent;
        border-bottom: 7px solid #fff;
        top: -14px;
        left: 45%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    header nav ul li a{
        text-decoration: none;
    }
    header nav ul li {
        display: inline;
        margin-left: 1.5em;
        padding-bottom: 20px;
    }
    ul.sub-menu li:hover,
    ul.sub-menu li:hover + ul.sub-menu:before,
    ul.sub-menu li:last-child:hover{
        background-color: #f1f1f1 !important;
    }
    ul.sub-menu li {
        padding: 10px;
        transition-duration: 0.3s;
        margin: 0 !important;
    }
    .main-navigation ul ul {
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
        float: left;
        position: absolute;
        top: 22px !important;
        left: -999em;
        z-index: 99999;
    }




}
@media only screen and (max-width:767px){
    .head_content {
        text-align: -webkit-center;
    }
    .nav_menu ul {
        /*float: none;*/
    }
    .my_menu {
        display: none!important;
    }
    .menu li:last-child {
        padding: 0;
        background-color: transparent;
    }
    .pages_header .nav_menu {
        padding: 0;
    }
    .my_hr,.head_content-1{
        display: none !important;
    }
    .fixed{
        margin-top: -30px !important;
    }
    .page_logo{
        margin-top: 0 !important;
    }
    .head_logo img {
        margin-bottom: 0;
        margin-top: 25px;
    }
    header nav {
        text-align: center;
    }
    header nav ul {
        margin: 0;
        padding: 1em;
        list-style-type: none;
    }

    header nav ul li {
        display: inline;
        margin-left: 1em;
        padding-bottom: 15px;
    }
    header nav ul li:first-child {
        margin-left: 0;
    }
    
    ul#primary-menu li ul.children li:last-child {
        font-size: 15px;
        margin-top: -8px;
        margin-right: 1.5em;
        margin-bottom: 15px;
        padding: 6px 13px;
        background-color: rgb(55, 179, 93);
        border-color: rgb(27, 151, 65);
        border-radius: 5px;
    }

    ul#primary-menu li ul.children li:last-child a{
        color:#fff;
    }

    header nav ul li ul {
        display: none;
    }
    .my_menu{
        padding: 0;
    }

    /*   payment section */

    .p_sub_first_con,.p_sub_second_con{
        padding: 0;
    }
    .hide_xs_p,.hide_xs_o,.compair_notice a{
        display: inline-block;
        font-size: 2.15rem !important;
    }
    .compair_notice .notice_left,.compair_notice .notice_right{
        border:none;
        float:none;
        text-align:center;
    }

    /*mobiemenu*/

    select.mobieMenu {
        width: 60%;
        padding: 10px;
        border-radius: 3px;
        font-size: 18px !important;
        margin-bottom: 25px;
    }
    select.mobieMenu:focus {
        outline: none !important;
    }

}
@media only screen and (max-width:991px){
    .pchat_features {
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
    }
    .flex-direction-nav {
        display: none;
    }

    /*   payment section */

    .logo_con{
        text-align:center;
    }
    .compair_features {
        display: inline-block;
    }
    .compair_sec_con ul{
        padding:0;
    }
    h3.compair_pabbly_head{
        padding-bottom:0.65em;
    }
    .others_data_con {
        clear: both;
        display: flex;
        flex-wrap: wrap;
    }
    .compair_sec_others:before{
        top:-80px;
        left:46%;
    }
    .compair_sec_pabbly {
        margin-bottom: 100px;
    }
    .compair_logo {
        margin-left: 0;
        margin-bottom: 25px;
    }
    .compair_sec_others .logo_con {
        text-align: left;
        margin-left: -25px;
    }
    .compair_sec_pabbly {
        border-right: none;
    }
    h4.compair_others_head {
        text-align: center; 
        padding-left: 0; 
        margin-bottom: 20px;
    }

}
@media only screen and (max-width:869px){
    .flex-direction-nav .flex-prev ,.flex-direction-nav .flex-next{
        display: none;
    }
}
@media only screen and (max-width:537px){
    .pages_page_head .head_input{
        margin:10px 20px;
    }
    .pabbly_feature_con {
        padding-bottom: 30px;
    }
}
@media only screen and (max-width:500px){
    .page_heading_con{
        margin:30px 0;
    }
    .pabbly_feature_con .feature_head {
        margin: 30px 0 0px 0;
    }
    .pabbly_features .feat{
        margin: 30px 5px 0 5px;
    }
    .support_head {
        margin: 30px 0 60px 0;
    }
    .pabbly_support_section {
        padding-bottom: 0px;
    }
    .pabbly_support_section .flexslider{
        margin-bottom:10px;
    }
    .hp_blg_slider .sli{
        margin-right:0px;
    }
}
@media only screen and (max-width:475px){
    .features .feat{
        margin: 10px 5px 15px 5px;
    }
    .feature_con{
        padding: 25px 0 30px 0;
    }
    .home_blog {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .flex-control-nav {
        bottom: 30px !important;
        z-index:999;
    }
    .hp_blg_slider {
        margin-top: 0px;
    }
    .hp_blg_slider .flexslider {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width:375px) and (max-width:390px){
    .hp_blg_slider img{
        /*top: -355px;*/
    }
}
@media only screen and (min-width:300px) and (max-width:374px){
    .hp_blg_slider img{
        /*top: -380px !important;*/
    }
}
@media only screen and (max-width:340px){
    .hp_blg_slider img {
        /*top: -420px !important;*/
    }
}
@media only screen and (min-width:870px) and (max-width:991px){
    .flexslider:hover .flex-direction-nav .flex-prev {
        left: -45px;
    }
    .flexslider:hover .flex-direction-nav .flex-next {
        right: -20px;
    }
}
@media only screen and (min-width:992px) and (max-width:1280px){
    .flex-direction-nav .flex-next {
        right: -5px;

    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .hp_blg_slider img {
        /*top: -360px !important;*/
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .hp_blg_slider {
        margin-top: 220px;
    }
}
@media only screen and (max-width:1340px){
    .head_content ,.footer_con,.p_pages_head_content_1, .pages_header .head_content{
        margin:0;
    }
}