/*responsive css*/

@media only screen and (max-width:567px) {
    .PoerwAds01 img {width: 100%;}

    .carousel-indicators { display: none;}
    .img-wrapper { display: none;}

    .destop{display: none;}

    .mobile_banner {
        background: #f2f7fb;
        padding: 60px 0;
        text-align: center;
        display: inherit !important;
        margin: 20px 0;
    }
    .mobile_banner h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .mobile_banner p {
        font-size: 15px;
        line-height: 21px;
    }


}

@media only screen and (min-width:568px) and (max-width:736px) and (orientation:landscape) {
    .PoerwAds01 img {width: 100%;}
    .fix_width {width: 50%;float: left;}

    .destop{display: none;}

    .mobile_banner {
        background: #f2f7fb;
        padding: 60px 0;
        text-align: center;
        display: inherit !important;
        margin: 20px 0;
    }
    .mobile_banner h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .mobile_banner p {
        font-size: 15px;
        line-height: 21px;
    }
    .mobile_landscape {
        width: 50%;
    }
    .home_tags p {
        font-size: 10px;
    }
    .intro {font-size: 10px;line-height: 15px;}
    .mid_btn01 a {max-width: 100% !important;}
    #home_section .Path-home .content h3 a { color: #333; font-size: 12px;}
    .icon img {width: 20px;}


    #home_section .Path-home .content h3 { font-size: 12px !important; margin-bottom: 5px!important;}
    .brand {font-size: 12px !important; color: #727070 !important; line-height: 16px !important}
    .intro { margin-bottom: 10px; font-size: 12px;line-height: 19px; margin-top: 10px;}
    .home_content {font-size: 14px !important;}
    #home_section .Path-home .content { height: 230px !important;}
    .home_content h3 {font-size: 16px !important;}
    .home_content h4 {font-size: 16px !important;}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .PoerwAds01 img {width: 100%;}
    .destop{display: none;}

    .mobile_banner {
        background: #f2f7fb;
        padding: 60px 0;
        text-align: center;
        display: inherit !important;
        margin: 20px 0;
    }
    .mobile_banner h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .mobile_banner p {
        font-size: 15px;
        line-height: 21px;
    }
    
}


@media only screen and (min-width:1112px) and (max-width:1112px) and (orientation:landscape) {
    .googleAd {display: none;}
    .headerNav {display: inline-block !important;}
}

@media (max-width:812px) {
    .navbar-header {float: inherit;}
}

@media only screen and (max-width:1024px) {
    
    .googleAd {display: none !important;}
    .homeMainWrapper .superHeader .navbar-header .headerNav {padding: 13px 0;}
    .superHeader .navbar-header {float: inherit!important;}
    .headerWelcomeMssg {display: none!important;}    
    .bar1,
    .bar2,
    .bar3 {width: 100%;height: 4px; float: left; background-color: #fff; margin: 2px 0; transition: .4s;}
    .close .bar1,
    .close .bar2,
    .close .bar3 {background-color: #fff!important;}
    .close .bar1 {-webkit-transform: rotate(-45deg) translate(-5px, 5px); transform: rotate(-45deg) translate(-5px, 5px);}
    .close .bar2 {opacity: 0;}
    .close .bar3 {-webkit-transform: rotate(45deg) translate(-7px, -7px);transform: rotate(45deg) translate(-7px, -7px);}
    .mobileNav {display: block; position: fixed;left: 10px;top: 12px; z-index: 9999;}
    .mobileNav .menuBtn {display: block; width: 30px;}
    .mobileNav .menuBtn:after {content: ''; height: 0; display: block; clear: both;}
    .fadedTransition {background: rgba(0, 0, 0, .6); display: block; position: fixed; left: 0; top: 0; right: 0; bottom: 0;width: 100%;
        height: 100%; z-index: 9998; display: none;}
    .deviceNav {display: block; background: #fff; margin: 0; position: fixed; left: 0; z-index: 9999; height: 100%; overflow: auto;
        padding-bottom: 50px;}
    .deviceNav ul {list-style: none; margin: 0; padding: 0;}
    .deviceNav ul li {float: inherit!important; border-top: 1px solid #f8f8f8;}
    .deviceNav ul li:first-child {border-top: none;}
    .deviceNav ul li a {display: block; padding: 10px 20px; color: #625e5e; text-decoration: none;}
    .deviceNav ul li a:focus,.deviceNav ul li a:hover {background: #a40211;color: #fff;}
    .deviceNav .joinNow { float: left; width: 100%;}
    .deviceNav .joinNow a {border-left: none;border: 1px solid #a40211;color: #a40211;padding: 7px 15px;margin: 0;text-decoration: none;}
    .deviceNav .joinNow a:focus,.deviceNav .joinNow a:hover {background: #a40211;color: #fff;}
    .deviceNav:after { content: ''; height: 0; display: block; clear: both;}
}

@media (min-width:1025px) {
    
    .imgFullWidth img {width: auto!important; max-width: 100%;}
    .mobileNav {display: none;}
    .superHeader .navbar-header .navbar-brand {width: auto!important;}
    .superHeader .navbar-header .navbar-brand .cd-logo {width: 90px; height: 100px; padding: 20px 10px;}
    .superHeader .navbar-header .headerNav {width: auto;}
    .superHeader .navbar-header .headerNav ul {list-style: none; margin: 0; padding: 0;}
    .superHeader .navbar-header .headerNav ul li {float: left; border-left: 1px solid #e3e0df;}
    .superHeader .navbar-header .headerNav ul li:first-child {border-left: none;}
    .superHeader .navbar-header .headerNav ul li a {padding: 10px 12px; color: #625e5e; text-decoration: none;}
    .superHeader .navbar-header .headerNav ul li a:focus,
    .superHeader .navbar-header .headerNav ul li a:hover {color: #a40211;}
    .superHeader .navbar-header .headerNav ul .joinNow {float: right;}
    .superHeader .navbar-header .headerNav ul .joinNow a {border-left: none; border: 1px solid #a40211; color: #a40211;
        padding: 7px 15px; margin: -10px 0 0 10px; text-decoration: none;}
    .superHeader .navbar-header .headerNav ul .joinNow a:focus,
    .superHeader .navbar-header .headerNav ul .joinNow a:hover {background: #a40211; color: #fff;}
    .superHeader .socialNav {width: auto; float: right;}
    .superHeader .socialNav ul {display: block!important;}
    .superHeader .socialNav .followUs {display: none;}
    .scrolled-up-header {min-height: 50px!important;}
    .scrolled-up-header .navbar-brand .cd-logo {width: 74px!important; height: 84px!important;}
    
    .googleAd {position: absolute; width: 160px;}
    .googleAd .ad {margin-bottom: 10px;}
    .googleAd .adTopBuffer {margin-top: 268px;}
    .googleAdFixed { position: fixed;}
    .googleAdLeft {left: 0; top: 0;}
    .googleAdRight {right: 0; top: 0;}
    .googleAdFixed.googleAdLeft {left: 2%; top: 55px;}
    .googleAdFixed.googleAdRight {right: 2%; left: 86%; top: 55px;}
    
}


@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5) {
    .deviceNav {display: none;}
}

/*@media only screen and (min-device-width:1025px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.5) {
    .headerNav {display: block!important;}
}*/


@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .text_area { padding: 60px 0;}
    .banner_heading01 {font-size: 31px;}
    .googleAd {display: none;}
}

@media only screen and (min-width:1112px) and (max-width:1112px) and (orientation:landscape) {
    .text_area { padding: 60px 0;}
    .banner_heading01 {font-size: 31px;}
    .googleAd {display: none !important;}
}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) {
    .text_area { padding: 60px 0;}
    .banner_heading01 {font-size: 31px;}
    .googleAd {display: none !important;}
}

@media only screen and (min-device-width:800px) and (max-device-width:1280px) and (orientation:landscape) {
    .text_area { padding: 60px 0;}
    .banner_heading01 {font-size: 31px;}
    .googleAd {display: none !important;}
}

@media only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:portrait) {
    .googleAd {display: none !important;}
    
}

@media only screen and (min-width:1920px) and (max-width:2500px) {    
    .googleAdLeft { left: 220px !important;}
    .googleAdRight { right: 220px !important;}
    
}

@media only screen and (min-width:2501px) and (max-width:3000px) {    
    .googleAdLeft { left: 500px !important;}
    .googleAdRight { right: 500px !important;}
    
}



@media(max-width:567px) {
    
    .line_home { max-width: 20% !important;}
    .mid_btn01 a { max-width: 60% !important;}
    #home_section .Path-home .content h3 { font-size: 12px !important; margin-bottom: 5px!important;}
    .brand {font-size: 12px !important; color: #727070 !important; line-height: 16px !important}
    .intro { margin-bottom: 10px; font-size: 12px;line-height: 19px; margin-top: 10px;}
    .home_content {font-size: 14px !important;}
    #home_section .Path-home .content {height: 200px !important;}
    .home_content h3 {font-size: 16px !important;}
    .home_content h4 {font-size: 16px !important;}

}