@charset "utf-8";
@media only screen and (max-width: 767px) {
    .fancybox-inner {
        overflow: scroll!important
    }
    .select_arrow {
        position: absolute;
        top: 40px;
        right: -25px;
    }
    .right_select {
        position: relative;
    }
    .tooltipster-base {
        width: 90% !important;
        float: left !important;
        margin: 0px 0 0 -5% !important;
    }
    #cssmenu > ul > li > a > span {
        padding: 15px 40px 15px 20px !important;
    }
    #form_col:last-child {
        margin-left: 0
    }
    .input-section {
        width: 100%!important
    }
    #map_image {
        margin-top: -8px!important
    }
    .footprint_img {
        width: 100%;
        float: left;
        position: relative
    }
    .download-btn {
        position: absolute;
        bottom: 0
    }
    #second-banner {
        background: none;
        height: 100%
    }
    .s-banner {
        width: 100%;
        float: left;
        position: absolute;
        display: block
    }
    .s-banner img {
        max-width: 100%!important
    }
    #banner-box {
        height: 100%;
        position: relative;
        margin: 0;
        width: 100%
    }
    #banner-box span {
        text-align: center;
        font-size: 180%;
        line-height: 30px;
        margin-top: 20px
    }
    #banner-box a {
        width: 295px;
        font-size: 13px;
        margin: 0 auto;
        float: none;
        height: auto;
        line-height: 20px;
        padding: 20px
    }
    .banner-txt div.b-txt {
        font-size: 90%;
        line-height: 110%
    }
    .banner-txt1 {
        font-size: 32px;
        line-height: 35px;
        height: 380px
    }
    .bg-transparent {
        width: 100%;
        float: left;
        margin-top: 15%;
        display: block
    }
    .bg-transparent img {
        width: 100%
    }
    .container {
        float: left;
        overflow: hidden;
        padding: 0 4%;
        width: 92%
    }
    #header {
        width: 100%;
        height: auto;
        margin-bottom: 25px
    }
    .language {
        display: none
    }
    .top-left {
        margin-top: 10px;
        width: 40%
    }
    .top-right {
        width: 45%;
        float: right
    }
    .login {
        margin-right: 0
    }
    #top-strip {
        margin-top: 20px
    }
    .line-row {
        margin-top: 20px
    }
    .bx-wrapper .bx-viewport {
        left: 0!important
    }
    .nav-collapse {
        margin: 10px 0 0
    }
    .nav-collapse li {
        float: none!important
    }
    .top-left a {
        font-size: 14px;
        color: #FFF;
        text-decoration: none
    }
    .banner-txt {
        line-height: 40px
    }
    .b-txt {
        width: 100%
    }
    #try-row a {
        width: 270px;
        height: 60px;
        line-height: 60px;
        font-size: 18px
    }
    h1 {
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 20px
    }
    .container h2 {
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 20px
    }
    .intro-txt {
        font-size: 16px
    }
    #process-row {
        margin-top: 70px;
        width: 270px
    }
    #process-row ul li {
        width: 270px!important;
        margin: 0 auto
    }
    .bx-pager {
        display: block
    }
    .process-box {
        margin: 0 auto;
        float: none
    }
    .process-box img {
        width: 245px
    }
    #process-row .bx-viewport {
        height: 490px!important
    }
    .process-box .process-txt p {
        height: 450px
    }
    #free-trial {
        margin-bottom: 60px
    }
    #free-trial a {
        width: 240px;
        height: 60px;
        line-height: 60px;
        font-size: 16px
    }
    #testi-txt p {
        font-size: 16px;
        text-align: center
    }
    #testi-row li p {
        background-size: contain;
        width: 100%;
        height: auto;
        font-size: 18px
    }
    #testi-row li p span {
        padding: 16px;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 15px
    }
    .process-col {
        width: 100%;
        float: left;
        height: auto;
        margin-top: 40px
    }
    #process-row {
        width: 280px;
        margin: 0 auto;
        float: none
    }
    .testimonial-row {
        width: 100%;
        float: left;
        height: 340px
    }
    #testi-row {
        width: 280px;
        margin: 0px auto;
        float: none
    }
    #testi-row .bx-pager {
        position: absolute;
        bottom: -60px
    }
    .client-txt {
        width: 150px
    }
    #testi-row li p {
        min-height: 150px
    }
    #footer {
        margin-top: 0
    }
    .footer-top {
        display: none
    }
    #footer-left {
        width: 100%
    }
    .f-logo {
        width: 100%;
        text-align: center;
        float: none
    }
    #footer-right {
        width: 100%;
        margin-top: -140px
    }
    #social-col {
        margin: 0 auto;
        float: none
    }
    .copywrite_cls p {
        text-align: center;
    }
    #footer-left font {
        display: none
    }
    #footer-left p span {
        width: 100%;
        text-align: center;
        float: left
    }
    .inner-logo {
        display: none
    }
    .active-btn {
        width: 100%;
        text-align: center;
        float: left;
        display: block
    }
    .active-btn img {
        width: 60px
    }
    #header-inner {
        width: 100%;
        float: left;
        background-size: 150% 100%!important;
        height: auto
    }
    #nav-strip {
        background: none;
        height: auto!important
    }
    .nav-section {
        display: none
    }
    .main-inner .container h3 {
        font-size: 28px
    }
    .sub-txt-col {
        width: 100%
    }
    #content-col {
        width: 92%;
        margin: 0 4%
    }
    #form-inner {
        width: 80%;
        float: left;
        padding: 0 10%
    }
    h4 {
        width: auto;
        display: block;
        text-align: left;
        font-size: 16px;
        padding-bottom: 20px;
        float: none;
        margin: 0 auto;
        background-position: 0 4px;
        text-indent: 0;
        padding-left: 20px
    }
    .input-box {
        text-indent: 10px
    }
    .select-col {
        background: url(../images/select-arrow.png) no-repeat scroll 95% center, url(../images/select-bg.jpg) repeat-x scroll 0 0!important;
        width: 100%!important
    }
    .select-col2 {
        background: url(../images/select-arrow.png) no-repeat scroll 95% center, url(../images/select-bg.jpg) repeat-x scroll 0 0!important;
        width: 100%!important
    }
    #form-inner-box {
        margin: 35px 0
    }
    #form-inner-box .up-btn {
        position: relative;
        margin: 0 auto;
        float: none!important;
        clear: both
    }
    .apart-l {
        margin-left: 0
    }
    .apart-section {
        width: 100%
    }
    .button-inner {
        width: 100%;
        float: left;
    }
    .check-box1 {
        width: 100%!important
    }
    .preview-btn {
        margin: 0 auto;
        float: none;
        width: 230px
    }
    .right_container {
        margin: 20px auto;
        float: none;
        width: 290px
    }
    #right-section {
        margin: 0px auto;
        float: none;
        width: 290px
    }
    .back-btn {
        width: 195px!important;
        margin: 30px auto 0!important;
        display: block!important
    }
    .back-btn1 {
        top: -15px!important
    }
    .save-btn {
        margin: 0 auto;
        width: 292px;
        padding: 0 0px 0 0px !important;
        background-position: 90% 48%!important;
    }
    .right-btn {
        float: none;
        clear: left
    }
    .right-btn1 {
        margin-top: 0px!important;
        margin-bottom: 0px!important
    }
    #embed-map-canvas {
        width: 100%;
    }
    #content-box {
        margin-bottom: 50px
    }
    .tooltipster-shadow {
        margin: 0 5%;
        width: 90%
    }
    .layout-box {
        margin: 0 0 20px
    }
    #up-img-row {
        margin-top: 40px
    }
    #social-col p {
        display: none
    }
    #icons-col {
        float: none;
        margin: 0 auto
    }
    #testi-row .bx-viewport {
        height: 260px!important
    }
    .testi-col {
        height: 380px!important;
        float: left!important
    }
    .client-box .img {
        margin-left: 5px
    }
    .flexslider .slides > li {
        width: 280px!important
    }
    #register_form .inner-row {
        width: 100%
    }
    #register_form label {
        width: 100%
    }
    #register_form .input-width,
    #register_form .select-width {
        width: 100%!important
    }
    #register_form .select-width select {
        width: 100%!important
    }
    #register_form .label-spec {
        display: none
    }
    .rgst_txt {
        float: left;
        width: 100%;
    }
    .container {
        overflow: hidden!important
    }
    .addr-col {
        width: 100%;
        float: left
    }
    .product-row {
        text-align: center
    }
    .products-txt {
        width: 100%
    }
    .product-row img {
        float: none;
        margin-bottom: 10px
    }
    .products-txt strong {
        float: none;
        text-align: center
    }
    .products-txt p {
        float: none;
        text-align: center
    }
    .product-row {
        width: 100%;
        margin: 0 0 40px;
        float: left;
        text-align: center
    }
    .product-area img {
        max-width: 100%;
        margin-bottom: 10px;
        float: none
    }
    .products-txt {
        width: 100%
    }
    .products-txt strong {
        float: none;
        text-align: center
    }
    .products-txt p {
        text-align: center
    }
    .press-row ul li {
        width: 100%;
        margin-bottom: 30px
    }
    #location-row .check-box {
        width: 100%
    }
    .back-btn1 {
        top: -25px!important
    }
    .nav-section-res ul li a {
        color: #CCC;
        text-decoration: none
    }
    .slider {
        margin-bottom: 50px
    }
    .spec {
        margin-top: 0!important;
        height: 20px
    }
    .check-box label {
        margin-right: 0!important
    }
    .location_error {
        margin-left: 25px
    }
    .location_list {
        margin-left: 25px
    }
    .photos_fr {
        float: right!important;
        margin-right: 0;
        width: 100%!important;
        margin-top: 10px!important
    }
    .upload_photo {
        margin-left: 0;
        width: 100%;
        float: left
    }
    .apart-section {
        float: left;
        width: 100%
    }
    .location_apart {
        min-height: 465px
    }
    .ajax-file-upload-container {
        width: 100%!important;
        float: left!important
    }
    .nav-section-res ul li.active {
        background: #015d9b;
        border: 3px solid #0578a7
    }
    .nav-section-res ul li.completed {
        background: #198957;
        border: 3px solid #2da368
    }
    .nav-section-res ul li.pending {
        background: #a7344a;
        border: 3px solid #c2344e
    }
    .nav-section-res ul li.incompleted {
        background: #be5323;
        border: 3px solid #ec662a
    }
    #last_stage {
        width: auto;
        float: none
    }
    #last_stage .preview-btn {
        float: none
    }
    #last_stage .back-btn1 {
        float: none
    }
    .pointer_location {
        width: 270px!important;
        margin: 0 auto!important;
        text-align: center;
        float: none;
        display: table;
        padding-bottom: 30px
    }
    .point_of_interest {
        clear: both;
        width: 195px;
        margin: 3px 21px
    }
    #map_image {
        width: 100%
    }
    #map_image img {
        width: 100%!important
    }
    #map_close_image {
        width: 100%
    }
    #map_close_image img {
        width: 100%!important
    }
    .inner_container {
        float: none;
        margin: 0 auto
    }
    .apart-section1 {
        width: 50%;
        float: left;
        margin-bottom: 5px
    }
    .apart-section2 {
        width: 100%;
        float: left;
        margin-bottom: 30px
    }
    .result_container p {
        width: 100%
    }
    .result_container p:last-child {
        width: 100%
    }
    #fields-row .button input {
        margin-bottom: 20px;
        float: left
    }
    .template-img {
        height: 300px;
        margin: 5px 15px!important
    }
    /*#register_form .ml-auto{margin-left:0px;}*/
    .g-recaptcha{margin-left: 0px;}
    .g-recaptcha iframe{width: 100% !important;}
    #register_form #Users_reCaptcha_em_{margin-left: 0px;}

    .custom_redio_btn_ro h2{margin-bottom: 30px;}
}
@media only screen and (max-width: 468px) {
    .location_apart {
        min-height: 560px
    }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .apart-section1 .input-box {
        height: 37px !important;
    }
    .inner-txt {
        margin: 50px 5% !important;
        width: 90% !important;
    }
    .right_container {
        margin: 0px auto;
        width: 290px;
    }
    #location-row .check-box {
        margin: 5px -1px!important
    }
    #location-row .check-box label {
        width: 185px!important
    }
    .photos_fr {
        float: left;
        margin-right: 0;
        width: 320px
    }
    .upload_photo {
        width: 225px;
        float: left
    }
    .apart-section {
        float: left;
        width: 100%
    }
    #map_image {
        margin-top: 45px!important
    }
    .last_renovation {
        width: 100%
    }
    .container {
        width: 96%;
        padding: 0 2%;
        margin: 0;
        float: left
    }
    #header {
        width: 100%;
        height: auto;
        margin-bottom: 25px
    }
    .top-left {
        margin-top: -10px
    }
    .inner-logo {
        margin-bottom: 20px;
        margin-right: 0
    }
    .nav_row {
        width: 728px;
        margin: 0 auto
    }
    .nav-section-res {
        width: 100%;
        float: left;
        background: #293941;
        height: 100px;
        display: block
    }
    .nav-section-res span {
        width: 725px;
        height: 5px;
        margin-top: 45px;
        float: left;
        background: #38596b
    }
    .nav-section-res ul {
        margin: -20px 0 0;
        padding: 0;
        list-style: none;
        float: left
    }
    .nav-section-res ul li {
        float: left;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #293941;
        text-align: center;
        margin-right: 79px;
        border: #38596b 3px solid;
        line-height: 30px;
        color: #CCC
    }
    .nav-section-res ul li a {
        color: #CCC;
        text-decoration: none
    }
    .nav-section-res ul li:last-child {
        float: right;
        margin-right: 0
    }
    .nav-section-res ul li.active {
        background: #015d9b;
        border: 3px solid #0578a7
    }
    .nav-section-res ul li.completed {
        background: #198957;
        border: 3px solid #2da368
    }
    .nav-section-res ul li.pending {
        background: #a7344a;
        border: 3px solid #c2344e
    }
    .nav-section-res ul li.incompleted {
        background: #be5323;
        border: 3px solid #ec662a
    }
    #location-row .check-box {
        width: 48%;
        margin-right: 1%;
        height: 90px
    }
    #top-strip {
        margin-top: 20px
    }
    .line-row {
        margin-top: 20px
    }
    .bx-wrapper .bx-viewport {
        left: 0!important
    }
    .language {
        display: block;
        margin-top: 0
    }
    .flexslider .slides > li {
        width: 280px!important
    }
    /*.right-btn1{margin-top:-100px!important;margin-bottom:80px!important}*/
    
    #photos_and_environment_form .ajax-file-upload-container {
        width: auto
    }
    .banner-txt1 {
        font-size: 32px;
        line-height: 35px;
        margin-bottom: 160px
    }
    .nav-collapse {
        margin: 10px 0 0
    }
    .nav-collapse li {
        float: none!important;
        width: auto
    }
    .top-left a {
        font-size: 14px;
        float: left
    }
    .banner-txt {
        line-height: 40px
    }
    .b-txt {
        width: 100%
    }
    #try-row a {
        width: 290px;
        height: 60px;
        line-height: 60px;
        font-size: 18px
    }
    #try-row {
        margin-top: 30px;
        margin-bottom: 120px
    }
    #how-row {
        margin-bottom: 25px
    }
    h1 {
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 20px
    }
    .intro-txt {
        font-size: 16px
    }
    #process-row {
        margin-top: 70px
    }
    .bx-pager {
        display: block
    }
    .process-box {
        margin: 0 auto;
        float: none
    }
    .process-box img {
        width: 245px
    }
    #process-row .bx-viewport {
        height: 490px!important
    }
    .process-box .process-txt p {
        height: 450px
    }
    #free-trial {
        margin-bottom: 60px
    }
    #free-trial a {
        width: 240px;
        height: 60px;
        line-height: 60px;
        font-size: 16px
    }
    #testi-txt p {
        font-size: 16px
    }
    #testi-row li p {
        background-size: contain;
        width: 100%;
        height: auto;
        font-size: 18px
    }
    #testi-row li p span {
        padding: 16px;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 20px
    }
    .process-col {
        width: 100%;
        float: left;
        height: auto;
        margin-top: 40px
    }
    #process-row {
        width: 280px;
        margin: 0 auto;
        float: none
    }
    .testimonial-row {
        width: 100%;
        float: left;
        height: 340px
    }
    #testi-row {
        width: 280px;
        margin: 30px auto;
        float: none
    }
    #testi-row .bx-pager {
        position: absolute;
        bottom: -60px
    }
    .client-txt {
        width: 150px
    }
    #testi-row li p {
        min-height: 150px
    }
    #second-banner {
        width: 100%;
        float: left;
        background-size: contain;
        height: 380px;
        border-top: #b9e0f2 8px solid;
        margin-bottom: 0
    }
    #banner-box {
        width: 330px;
        float: left;
        margin-top: 35px
    }
    #banner-box span {
        font-size: 20px;
        line-height: 51px;
        width: 100%;
        float: left;
        color: #FFF;
        font-weight: 400
    }
    #banner-box p {
        width: 330px;
        float: left;
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        color: #FFF;
        margin-top: 20px;
        margin-bottom: 25px
    }
    .download-btn {
        width: 100%;
        float: left
    }
    #banner-box a {
        width: auto;
        height: auto;
        font-size: 13px;
        line-height: 20px;
        padding: 20px
    }
    .product-row {
        text-align: center
    }
    .products-txt {
        width: 100%
    }
    .product-row img {
        float: none;
        margin-bottom: 10px
    }
    .products-txt strong {
        float: none;
        text-align: center
    }
    .products-txt p {
        float: none;
        text-align: center
    }
    .press-row ul li {
        margin: 20px 0
    }
    .press-row ul li a {
        font-size: 13px
    }
    #footer {
        padding-bottom: 10px;
        margin-top: 0
    }
    #footer-left {
        width: 67%!important;
        float: left!important
    }
    .f-logo {
        float: left!important;
        text-align: left
    }
    .f-logo img {
        width: 170px
    }
    #footer-right {
        width: 33%!important;
        float: left!important;
        margin: 40px 0 0
    }
    #social-col {
        margin: 0;
        float: right
    }
    #footer-left p {
        text-align: left;
        width: 100%!important;
        float: left!important;
        margin-top: 23px
    }
    #footer-left font {
        display: inline-block
    }
    #footer-left p span {
        width: auto!important;
        float: none!important;
        text-align: left!important
    }
    .footer-top {
        display: block;
        margin-top: 0;
        margin-bottom: 20px
    }
    #footer-right {
        margin-top: 20px
    }
    #f-nav {
        display: none
    }
    .f-login {
        margin-right: 0;
        line-height: 44px;
        height: 44px
    }
    .dashboard_container {
        margin-bottom: 60px !important;
        margin-top: 30px !important;
    }
    #footer-right .language {
        margin-top: 0;
        margin-left: 20px
    }
    .top-left {
        width: 313px
    }
    .nav-collapse {
        width: 100%
    }
    .top-right {
        width: 300px;
        float: right
    }
    .inner-logo {
        margin-right: 0
    }
    .top-right span {
        width: auto;
        float: right;
        line-height: 68px;
        margin-left: 20px
    }
    .nav-collapse {
        margin-top: 20px
    }
    .login {
        margin-top: 0
    }
    .active-btn {
        width: 100%;
        text-align: center;
        float: left;
        display: block
    }
    .active-btn img {
        width: 60px
    }
    #header-inner {
        height: auto
    }
    #nav-strip {
        background: none;
        height: auto!important
    }
    .nav-section {
        display: none
    }
    .sub-txt-col {
        width: 100%
    }
    #content-col {
        width: 92%;
        margin: 0 4%
    }
    #form-inner {
        width: 90%;
        float: left;
        padding: 0 5%
    }
    h4 {
        width: auto;
        display: block;
        text-align: left;
        font-size: 16px;
        padding-bottom: 20px;
        float: none;
        margin: 0 auto;
        background-position: 0 4px
    }
    .input-width {
        width: 100%!important
    }
    .check-box {
        width: 50%
    }
    .input-box {
        width: 100%;
        margin-bottom: 0;
        text-indent: 10px
    }
    .select-col {
        background: url(../images/select-arrow.png) no-repeat scroll 95% center, url(../images/select-bg.jpg) repeat-x scroll 0 0!important;
        width: 100%!important
    }
    #form-inner-box {
        margin: 35px 0
    }
    #form-inner-box .up-btn {
        float: none;
        width: 200px
    }
    #form-inner-box #fields-row {
        margin-bottom: 30px
    }
    .layout-box {
        width: 50%!important
    }
    .apart-l {
        margin-left: 0
    }
    .apart-section {
        width: 100%
    }
    .button-inner {
        width: 100%
    }
    .check-box1 {
        width: 100%
    }
    .preview-btn {
        margin: 0 auto;
        float: none;
        width: 230px
    }
    #right-section {
        margin: 20px auto;
        float: none;
        width: 290px
    }
    .back-btn {
        width: 195px!important;
        margin: 0px auto 0!important;
        display: block!important
    }
    .back-btn1 {
        top: -15px!important
    }
    .save-btn {
        margin: 0 auto;
        width: 292px;
        padding: 0 40px 0 10px !important;
        background-position: 90% 48%!important;
    }
    .right-btn {
        float: left;
        clear: left
    }
    /*.right-btn1{margin-top:-111px!important;margin-bottom:87px!important}*/
    
    #content-box {
        margin-bottom: 40px
    }
    .tooltipster-shadow {
        margin: 0 5%;
        width: 90%
    }
    .layout-box {
        margin: 0 40px!important;
        width: 50%
    }
    #up-img-row {
        margin-top: 40px
    }
    .main-inner .container h3 {
        margin-top: 30px
    }
    .client-box .img {
        margin-left: 5px
    }
    .box-body {
        margin-top: 20px;
        float: left
    }
    #register_form label {
        width: 180px;
        line-height: 40px;
        float: left
    }
    #register_form .input-width {
        width: 287px!important;
        margin: 0
    }
    #register_form label.input-width {
        width: 300px!important;
        margin: 0
    }
    #register_form .select-width {
        width: 288px!important;
        margin: 0
    }
    #register_form .select-col {
        width: 300px!important;
        margin: 0
    }
    #register_form .select-col select {
        width: 125%
    }
    .testi-col {
        height: auto
    }
    .flex-control-nav {
        position: relative;
        margin-top: 30px
    }
    .apart-l {
        margin-left: 0
    }
    #last_stage {
        width: auto;
        float: none
    }
    #last_stage .preview-btn {
        float: none
    }
    #last_stage .back-btn1 {
        float: none
    }
    #photos_and_environment_form .photos_fr {
        width: 100%
    }
    .pointer_location {
        width: 100%;
        margin: 0 auto;
        float: left
    }
    #fields-row h5 {
        margin-top: 10px
    }
    .point_of_interest {
        padding: 0 15px
    }
    .apart-section1 {
        float: left;
        margin-bottom: 5px
    }
    .apart-section2 {
        width: 74%;
        float: right;
        margin-bottom: 30px
    }
    .banner-txt1 {
        margin-bottom: 160px
    }
    .template-img {
        width: 25%;
        height: 320px
    }
}
@media only screen and (min-width: 980px) and (max-width: 1023px) {
    .photos_fr {
        float: left;
        margin-right: 0;
        width: 320px
    }
    .upload_photo {
        width: 225px;
        float: left
    }
    .apart-section {
        float: left;
        width: 100%
    }
    #location-row .check-box {
        margin: 5px -1px!important
    }
    #location-row .check-box label {
        width: 217px!important
    }
    #photos_and_environment_form .ajax-file-upload-container {
        width: auto
    }
    .container {
        width: 980px;
        margin: 0 auto
    }
    .process-box {
        width: 280px!important;
        margin: 0 30px!important
    }
    #location-row .check-box {
        margin-left: 0;
        width: 49%
    }
    #second-banner {
        width: 100%;
        float: left;
        background-size: contain;
        height: 400px!important;
        border-top: #b9e0f2 8px solid;
        margin-bottom: 20px
    }
    #banner-box {
        width: 360px;
        float: left;
        margin-top: 50px;
        margin-left: 90px
    }
    #banner-box span {
        font-size: 22px;
        line-height: 51px;
        width: 100%;
        float: left;
        color: #FFF;
        font-weight: 400
    }
    #banner-box p {
        width: 100%;
        float: left;
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        color: #FFF;
        margin-top: 20px;
        margin-bottom: 55px
    }
    .download-btn {
        width: 100%;
        float: left
    }
    #banner-box a {
        width: 300px;
        height: 60px;
        font-size: 16px;
        line-height: 60px
    }
    .banner-txt div.b-txt {
        font-size: 42px;
        line-height: 110%
    }
    .banner-txt1 {
        font-size: 36px;
        line-height: 45px
    }
    #process-row {
        width: 100%;
        float: left;
        margin-top: 50px
    }
    .process-box {
        width: 290px!important;
        float: left;
        text-align: center;
        margin: 0 20px!important
    }
    .process-box:last-child {
        margin-right: 0
    }
    .process-box span {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 47px;
        font-weight: 700;
        color: #d0e7f8;
        line-height: 90px
    }
    .process-box h3 {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 21px;
        color: #4b5c6e;
        font-weight: 700;
        margin: 0 0 10px;
        background: url(../images/ttl2-line.jpg) bottom center no-repeat;
        padding-bottom: 25px
    }
    .process-box .process-txt {
        width: 100%;
        float: left;
        font-size: 16px;
        line-height: 26px;
        color: #58595b;
        font-weight: 400;
        text-align: center
    }
    .bx-pager {
        display: none
    }
    #free-trial {
        margin-top: 80px
    }
    #testi-txt {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 30px
    }
    #testi-row {
        width: 100%;
        float: left;
        margin-top: 45px;
        margin-bottom: 50px
    }
    .client-box .img {
        margin: 0 0 0 10px
    }
    .client-txt {
        width: 185px
    }
    #testi-row li p {
        width: 290px;
        min-height: 155px;
        float: left;
        background: url(../images/testi-bg.png) top center no-repeat;
        background-size: contain;
        font-size: 16px;
        font-weight: 300;
        color: #364b57;
        line-height: 28px;
        font-style: italic
    }
    #testi-row li p span {
        padding: 20px;
        display: block
    }
    #footer {
        padding-bottom: 10px;
        margin-top: 0
    }
    #footer-left {
        width: 60%!important;
        float: left!important
    }
    .f-logo {
        float: left!important;
        text-align: left
    }
    #footer-right {
        width: 40%!important;
        float: left!important;
        margin: 40px 0 0
    }
    #social-col {
        margin: 20px 0 0;
        float: right
    }
    #footer-right .language {
        margin-top: 0;
        margin-left: 20px
    }
    #footer-left p {
        text-align: left;
        width: 100%!important;
        float: left!important;
        margin-top: 25px
    }
    #footer-left font {
        display: block
    }
    #footer-left p span {
        width: auto!important;
        float: none!important;
        text-align: left!important
    }
    .footer-top {
        display: block
    }
    .top-left {
        width: 70%
    }
    .top-right {
        width: 30%
    }
    .nav-collapse {
        margin-top: 20px
    }
    #register_form .input-width {
        width: 290px
    }
    .active-btn {
        width: 100%;
        text-align: center;
        float: left;
        display: block
    }
    .active-btn img {
        width: 60px
    }
    #header-inner {
        height: auto
    }
    #nav-strip {
        background: none;
        height: auto!important;
        margin-bottom: 30px
    }
    .nav-section {
        display: block
    }
    .sub-txt-col {
        width: 100%
    }
    #content-col {
        width: 92%;
        margin: 0 4%
    }
    #form-inner {
        width: 80%;
        float: left;
        padding: 0 10%
    }
    h4 {
        width: auto;
        display: block;
        text-align: left;
        font-size: 16px;
        padding-bottom: 20px;
        float: none;
        margin: 0 auto;
        background-position: 0 4px
    }
    .b-txt {
        margin-bottom: 50px
    }
    .input-width {
        width: 200px
    }
    .apart-section {
        width: 366px
    }
    .layout-box {
        margin-right: 45px;
        width: 150px
    }
    .button-inner {
        width: 92%;
        margin: 0 auto
    }
    #footer {
        padding-bottom: 20px;
        margin-top: 0
    }
    #footer-left font {
        display: inline-block
    }
    .footer-top {
        display: block;
        margin-top: 25px;
        margin-bottom: 20px
    }
    #footer-left {
        width: 45%!important
    }
    #footer-right {
        width: 55%!important;
        margin-top: 0
    }
    .apart-l {
        margin-left: 20px
    }
    .f-login {
        height: 37px;
        line-height: 37px;
        width: 108px;
        margin-right: 20px
    }
    #f-nav {
        margin-top: 10px;
        display: block
    }
    #footer {
        padding-bottom: 0;
        margin-top: 0
    }
    #register_form label {
        width: 180px;
        line-height: 40px;
        float: left
    }
    #register_form .input-width {
        width: 287px!important;
        margin: 0
    }
    #register_form .select-width {
        width: 300px!important;
        margin: 0
    }
    #register_form .select-col {
        width: 287px!important;
        margin: 0
    }
    #register_form .select-col select {
        width: 125%
    }
    .apart-section {
        width: 48%!important
    }
    .apart-l {
        margin-left: 5px
    }
    #photos_and_environment_form .ajax-file-upload-container {
        width: auto
    }
    .button {
        float: left;
        width: 100%
    }
    .preview-btn {
        margin: 0 auto;
        float: none;
        width: 230px
    }
    #right-section {
        margin: 20px auto;
        float: left;
        width: 100%
    }
    .back-btn {
        width: 195px!important;
        margin: 30px auto 0!important;
        display: block!important
    }
    .back-btn1 {
        top: -15px!important
    }
    .save-btn {
        margin: 0 auto;
        width: 292px;
        padding: 0 40px 0 10px !important;
        background-position: 90% 48%!important;
    }
    .right-btn {
        float: none;
        position: relative;
        top: 95px;
        clear: left
    }
    /*.right-btn1{margin-top:-111px!important;margin-bottom:87px!important}*/
    
    #content-box {
        margin-bottom: 50px
    }
    .tooltipster-shadow {
        margin: 0 5%;
        width: 90%
    }
    .template-img {
        width: 25%;
        height: 320px
    }
}
@media only screen and (min-width: 980px) and (max-width: 999px) {
    .container {
        width: 96%;
        padding: 0 2%;
        float: left
    }
    #header {
        width: 100%;
        height: auto;
        margin-bottom: 25px
    }
    #top-strip {
        margin-top: 20px
    }
    .line-row {
        margin-top: 20px
    }
    .bx-wrapper .bx-viewport {
        left: 0!important
    }
    .language {
        display: block;
        margin-top: 10px
    }
    .nav_row {
        width: 728px;
        margin: 0 auto
    }
    .nav-section-res {
        width: 100%;
        float: left;
        background: #293941;
        height: 100px;
        display: block
    }
    .nav-section-res span {
        width: 725px;
        height: 5px;
        margin-top: 45px;
        float: left;
        background: #38596b
    }
    .nav-section-res ul {
        margin: -20px 0 0;
        padding: 0;
        list-style: none;
        float: left
    }
    .nav-section-res ul li {
        float: left;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #293941;
        text-align: center;
        margin-right: 79px;
        border: #38596b 3px solid;
        line-height: 30px;
        color: #CCC
    }
    .nav-section-res ul li a {
        color: #CCC;
        text-decoration: none
    }
    .nav-section-res ul li:last-child {
        float: right;
        margin-right: 0
    }
    .nav-section-res ul li.active {
        background: #015d9b;
        border: 3px solid #0578a7
    }
    .nav-section-res ul li.completed {
        background: #198957;
        border: 3px solid #2da368
    }
    .nav-section-res ul li.pending {
        background: #a7344a;
        border: 3px solid #c2344e
    }
    .nav-section-res ul li.incompleted {
        background: #be5323;
        border: 3px solid #ec662a
    }
    /*.right-btn1{margin-top:-100px!important;margin-bottom:80px!important}*/
    
    .nav-collapse {
        margin: 10px 0 0
    }
    .nav-collapse li {
        float: none!important;
        width: auto
    }
    .top-left a {
        font-size: 14px;
        float: left
    }
    .banner-txt {
        line-height: 40px
    }
    .b-txt {
        width: 100%
    }
    #try-row a {
        width: 290px;
        height: 60px;
        line-height: 60px;
        font-size: 18px
    }
    #try-row {
        margin-top: 30px;
        margin-bottom: 120px
    }
    #how-row {
        margin-bottom: 25px
    }
    h1 {
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 20px
    }
    .intro-txt {
        font-size: 16px
    }
    #process-row {
        margin-top: 70px
    }
    .bx-pager {
        display: block
    }
    .process-box {
        margin: 0 auto;
        float: none
    }
    .process-box img {
        width: 245px
    }
    .layout-box {
        width: 565px
    }
    #location-row .check-box {
        margin-left: 30px;
        width: 49%
    }
    #process-row .bx-viewport {
        height: 490px!important
    }
    .process-box .process-txt p {
        height: 450px
    }
    #free-trial {
        margin-bottom: 60px
    }
    #free-trial a {
        width: 240px;
        height: 60px;
        line-height: 60px;
        font-size: 16px
    }
    #testi-txt p {
        font-size: 16px
    }
    #testi-row li p {
        background-size: contain;
        width: 100%;
        height: auto;
        font-size: 18px
    }
    #testi-row li p span {
        padding: 16px;
        font-size: 16px;
        line-height: 28px
    }
    .process-col {
        width: 100%;
        float: left;
        height: auto;
        margin-top: 40px
    }
    #process-row {
        width: 280px;
        margin: 0 auto;
        float: none
    }
    .testimonial-row {
        width: 100%;
        float: left;
        height: 340px
    }
    #testi-row {
        width: 280px;
        margin: 0 auto;
        float: none
    }
    #testi-row .bx-pager {
        position: absolute;
        bottom: -60px
    }
    .client-txt {
        width: 150px
    }
    #testi-row li p {
        min-height: 150px
    }
    #second-banner {
        width: 100%;
        float: left;
        background-size: contain;
        height: 400px;
        border-top: #b9e0f2 8px solid;
        margin-bottom: 0
    }
    #banner-box {
        width: 330px;
        float: left;
        margin-top: 35px;
        margin-left: 80px
    }
    #banner-box span {
        font-size: 20px;
        line-height: 51px;
        width: 100%;
        float: left;
        color: #FFF;
        font-weight: 400
    }
    #banner-box p {
        width: 330px;
        float: left;
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        color: #FFF;
        margin-top: 20px;
        margin-bottom: 25px
    }
    .download-btn {
        width: 100%;
        float: left
    }
    #banner-box a {
        width: 300px;
        height: auto;
        font-size: 14px;
        line-height: 45px;
        padding: 5px
    }
    #testi-row {
        width: 365px
    }
    .testi-col {
        height: 381px
    }
    #testi-row li p {
        min-height: 200px
    }
    #footer {
        padding-bottom: 10px;
        margin-top: 0
    }
    #footer-left {
        width: 60%!important;
        float: left!important
    }
    .f-logo {
        float: left!important;
        text-align: left
    }
    .f-logo img {
        width: 170px
    }
    #footer-right {
        width: 40%!important;
        float: left!important;
        margin: 40px 0 0
    }
    #social-col {
        margin: 0;
        float: right
    }
    #footer-left p {
        text-align: left;
        width: 100%!important;
        float: left!important;
        margin-top: 30px
    }
    #footer-left font {
        display: inline-block
    }
    #footer-left p span {
        width: auto!important;
        float: none!important;
        text-align: left!important
    }
    .footer-top {
        display: block;
        margin-top: 0;
        margin-bottom: 20px
    }
    #footer-right {
        margin-top: 20px
    }
    #f-nav {
        display: none
    }
    .f-login {
        margin-right: 0;
        line-height: 40px;
        height: 40px
    }
    #footer-right .language {
        margin-top: 0;
        margin-left: 20px
    }
    .top-left {
        width: 70%
    }
    .top-right {
        width: 30%
    }
    .nav-collapse {
        margin-top: 20px
    }
    .login {
        margin-top: 10px
    }
    .active-btn {
        width: 100%;
        text-align: center;
        float: left;
        display: block
    }
    .active-btn img {
        width: 60px
    }
    #header-inner {
        height: auto
    }
    #nav-strip {
        background: none;
        height: auto!important;
        margin-bottom: 0
    }
    .nav-section {
        display: none
    }
    .sub-txt-col {
        width: 100%
    }
    #content-col {
        width: 92%;
        margin: 0 4%
    }
    #form-inner {
        width: 80%;
        float: left;
        padding: 0 10%
    }
    h4 {
        width: auto;
        display: block;
        text-align: left;
        font-size: 16px;
        padding-bottom: 20px;
        float: none;
        margin: 0 auto;
        background-position: 0 4px
    }
    .input-width {
        width: 98%!important
    }
    .check-box {
        width: 50%
    }
    .input-box {
        width: 100%;
        margin-top: 0;
        text-indent: 10px
    }
    .select-col {
        background: url(../images/select-arrow.png) no-repeat scroll 95% center, url(../images/select-bg.jpg) repeat-x scroll 0 0!important;
        width: 100%!important
    }
    .layout-box {
        width: 50%!important
    }
    .apart-l {
        margin-left: 0
    }
    .button-inner {
        width: 100%
    }
    .check-box1 {
        width: 100%
    }
    .back-btn {
        width: 195px;
        margin: 30px auto 0;
    }
    .back-btn1 {
        top: -15px!important
    }
    .preview-btn {
        margin: 0 auto;
        float: none;
        width: 230px
    }
    #right-section {
        margin: 30px auto 0;
        float: none;
        width: 100%
    }
    .save-btn {
        margin: 0 auto;
        width: 292px;
        padding: 0 40px 0 10px !important;
        background-position: 90% 48%!important;
    }
    .right-btn {
        float: none
    }
    #bot-btn-row {
        margin-bottom: 50px;
        margin-top: 0
    }
    .layout-box {
        margin: 0 40px!important;
        width: 50%
    }
    #up-img-row {
        margin-top: 40px
    }
    .main-inner .container h3 {
        margin-top: 30px
    }
    .products-txt {
        width: 545px
    }
    .apart-section {
        width: 48.8%!important
    }
    .apart-l {
        margin-left: 15px
    }
    .last_renovation {
        width: 100%;
        margin-left: 20px
    }
    .apart-section {
        margin-left: 0!important
    }
    .template-img {
        width: 25%;
        height: 320px
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1023px) {
    .layout-box {
        margin-right: 42px
    }
    #try-row {
        margin-top: 10px
    }
    #how-row {
        margin-top: 75px
    }
    .last_renovation {
        width: 100%
    }
    .template-img {
        width: 25%;
        height: 320px
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1139px) {
    .apart-section1 .input-box {
        height: 37px !important;
    }
    .apart-section2 {
        width: 75% !important;
    }
    .dashboard_container {
        margin-bottom: 60px !important;
        margin-top: 30px !important;
    }
    #register_form label.input-width {
        width: 315px!important;
        margin: 0
    }
    #register_form .select-col {
        width: 315px !important;
    }
    .photos_fr {
        float: left;
        margin-right: 0;
        width: 320px
    }
    .upload_photo {
        width: 225px;
        float: left
    }
    .apart-section {
        float: left;
        width: 100%!important
    }
    #map_image {
        margin-top: 32px;
        width: 100%
    }
    .last_renovation {
        width: 100%
    }
    #location-row .check-box {
        margin: 5px -1px!important
    }
    #location-row .check-box label {
        width: 217px!important
    }
    #photos_and_environment_form .ajax-file-upload-container {
        width: 500px
    }
    .button {
        float: left;
        margin-top: 0;
        width: 200px
    }
    .template-img {
        width: 21%;
        height: 320px
    }

     /*New Add 16/10/2019*/
    .subscription-box{margin-right: 14px;}
    .subscription-box-top-text h2{font-size: 34px;}
    .subscription-box-top-text h5{font-size: 15px;}
    .subscription-box-des li img {width: 13px;}
    .subscription-box-des li{padding: 10px 0px;font-size: 12px;}
    .subscription-box-des li span{top: 2px;margin-right: 1px;}
}
@media only screen and (min-width: 1140px) and (max-width: 1180px) {
 

     /*New Add 16/10/2019*/
    .subscription-box{margin-right: 14px;}
    .subscription-box-top-text h2{font-size: 34px;}
    .subscription-box-top-text h5{font-size: 15px;}
    .subscription-box-des li img {width: 13px;}
    .subscription-box-des li{padding: 10px 0px;font-size: 12px;}
    .subscription-box-des li span{top: 2px;margin-right: 1px;}
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
    #location-row .check-box {
        margin: 5px -1px!important
    }
    #location-row .check-box label {
        width: 217px!important
    }
    #banner-box a {
        width: 300px;
        height: auto;
        font-size: 13px;
        line-height: 20px;
        padding: 20px
    }
    .container {
        width: 980px;
        margin: 0 auto
    }
    .process-box {
        width: 280px!important;
        margin: 0 30px!important
    }
    .check-box {
        margin: 5px -2px!important
    }
    #location-row .check-box {
        margin-left: 30px;
        width: 50%
    }
    .banner-txt1 {
        font-size: 40px;
        line-height: 45px
    }
    .products-txt {
        width: 590px
    }
    #second-banner {
        width: 100%;
        float: left;
        background-size: contain;
        height: 500px;
        border-top: #b9e0f2 8px solid;
        margin-bottom: 20px
    }
    #banner-box {
        width: 360px;
        float: left;
        margin-top: 50px;
        margin-left: 90px
    }
    #banner-box span {
        font-size: 22px;
        line-height: 51px;
        width: 100%;
        float: left;
        color: #FFF;
        font-weight: 400
    }
    #banner-box p {
        width: 100%;
        float: left;
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        color: #FFF;
        margin-top: 20px;
        margin-bottom: 55px
    }
    .download-btn {
        width: 100%;
        float: left
    }
    #process-row {
        width: 100%;
        float: left;
        margin-top: 50px
    }
    .process-box {
        width: 290px!important;
        float: left;
        text-align: center;
        margin: 0 20px!important
    }
    .process-box:last-child {
        margin-right: 0
    }
    .process-box span {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 47px;
        font-weight: 700;
        color: #d0e7f8;
        line-height: 90px
    }
    .process-box h3 {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 21px;
        color: #4b5c6e;
        font-weight: 700;
        margin: 0 0 10px;
        background: url(../images/ttl2-line.jpg) bottom center no-repeat;
        padding-bottom: 25px
    }
    .process-box .process-txt {
        width: 100%;
        float: left;
        font-size: 16px;
        line-height: 26px;
        color: #58595b;
        font-weight: 400;
        text-align: center
    }
    .bx-pager {
        display: none
    }
    #free-trial {
        margin-top: 30px
    }
    .testi-col {
        height: 340px
    }
    #testi-txt {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 30px
    }
    #testi-row {
        width: 980px;
        float: none;
        margin: 45px auto
    }
    #testi-row li {
        width: 290px!important;
        float: left;
        margin: 0 20px!important
    }
    #testi-row .flex-control-paging li {
        width: auto!important;
        float: none!important;
        margin: 0 5px!important
    }
    .client-box .img {
        margin: 0 0 0 10px
    }
    .client-txt {
        width: 185px
    }
    #testi-row li p {
        width: 290px;
        min-height: 155px;
        float: left;
        font-size: 16px;
        font-weight: 300;
        color: #364b57;
        line-height: 28px;
        font-style: italic
    }
    #testi-row li p span {
        padding: 20px;
        display: block;
        margin-bottom: 20px;
        height: 155px;
        line-height: 22px
    }
    #how-row {
        margin-top: 75px
    }
    #footer {
        padding-bottom: 10px;
        margin-top: 0
    }
    #footer-left {
        width: 60%!important;
        float: left!important
    }
    .f-logo {
        float: left!important;
        text-align: left
    }
    #footer-right {
        width: 40%!important;
        float: left!important;
        margin: 40px 0 0
    }
    #social-col {
        margin: 20px 0 0;
        float: right
    }
    #footer-left p {
        text-align: left;
        width: 100%!important;
        float: left!important;
        margin-top: 25px
    }
    #footer-left font {
        display: block
    }
    #footer-left p span {
        width: auto!important;
        float: none!important;
        text-align: left!important
    }
    .footer-top {
        display: block
    }
    .top-left {
        width: 540px
    }
    .top-right {
        width: 400px;
        float: right;
        margin-top: 6px
    }
    .nav-collapse {
        margin-top: 20px
    }
    .active-btn {
        width: 100%;
        text-align: center;
        float: left;
        display: block
    }
    .active-btn img {
        width: 60px
    }
    #header-inner {
        height: auto
    }
    #nav-strip {
        background: #293941;
        height: auto!important;
        margin-bottom: 30px
    }
    .nav-section {
        display: block;
        width: 1000px
    }
    .nav-section-res {
        display: none
    }
    .tab-box {
        width: 100px
    }
    .tab-box1 {
        width: 150px
    }
    .tab-box2 {
        width: 150px
    }
    .tab-box strong {
        font-size: 12px
    }
    .tab-box1 strong {
        font-size: 12px
    }
    .tab-box2 strong {
        font-size: 12px
    }
    .sub-txt-col {
        width: 100%
    }
    #content-col {
        width: 92%;
        margin: 0 4%
    }
    #form-inner {
        width: 80%;
        float: left;
        padding: 0 10%
    }
    h4 {
        width: auto;
        display: block;
        text-align: left;
        font-size: 16px;
        padding-bottom: 20px;
        float: none;
        margin: 0 auto;
        background-position: 0 4px
    }
    .input-width {
        width: 200px
    }
    .apart-section {
        width: 48.8%;
        margin-right: 9px
    }
    .apart-l {
        margin-left: 0!important
    }
    .layout-box {
        margin-right: 45px;
        width: 150px
    }
    .button-inner {
        width: 92%;
        margin: 0 auto
    }
    #register_form .select-width {
        width: 292px
    }
    #footer {
        padding-bottom: 20px;
        margin-top: 0
    }
    #footer-left font {
        display: inline-block
    }
    .footer-top {
        display: block;
        margin-top: 25px;
        margin-bottom: 20px
    }
    #footer-left {
        width: 50%!important
    }
    #footer-right {
        width: 50%!important;
        margin-top: 0
    }
    .apart-l {
        margin-left: 20px
    }
    .f-login {
        height: 37px;
        line-height: 37px;
        width: 108px;
        margin-right: 20px
    }
    #f-nav {
        margin-top: 10px;
        display: block
    }
    #footer {
        padding-bottom: 0
    }
    .apart-section {
        margin-right: 3px
    }
    .template-img {
        width: 21%;
        height: 320px
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
    .container {
        width: 1150px;
        margin: 0 auto
    }
    .process-box {
        width: 280px!important;
        margin: 0 30px!important
    }
    #second-banner {
        width: 100%;
        float: left;
        background-size: contain;
        height: 440px;
        border-top: #b9e0f2 8px solid;
        margin-bottom: 60px
    }
    #banner-box {
        width: 440px;
        float: left;
        margin-top: 90px;
        margin-left: 90px
    }
    #banner-box span {
        font-size: 28px;
        line-height: 30px;
        width: 100%;
        float: left;
        color: #FFF;
        font-weight: 400
    }
    #banner-box p {
        width: 100%;
        float: left;
        font-size: 18px;
        line-height: 22px;
        font-weight: 300;
        color: #FFF;
        margin-top: 20px;
        margin-bottom: 55px
    }
    .download-btn {
        width: 100%;
        float: left
    }
    #banner-box a {
        width: 370px;
        height: auto;
        font-size: 16px;
        line-height: 20px;
        padding: 20px
    }
    #process-row {
        width: 100%;
        float: left;
        margin-top: 90px
    }
    .process-box {
        width: 310px!important;
        float: left;
        text-align: center;
        margin: 0 46px!important
    }
    .process-box:last-child {
        margin-right: 0
    }
    .process-box span {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 47px;
        font-weight: 700;
        color: #d0e7f8;
        line-height: 90px
    }
    .process-box h3 {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 21px;
        color: #4b5c6e;
        font-weight: 700;
        margin: 0 0 10px;
        background: url(../images/ttl2-line.jpg) bottom center no-repeat;
        padding-bottom: 25px
    }
    .process-box .process-txt {
        width: 100%;
        float: left;
        font-size: 18px;
        line-height: 30px;
        color: #58595b;
        font-weight: 400;
        text-align: center
    }
    .bx-pager {
        display: none
    }
    #testi-row {
        width: 1130px;
        float: none;
        margin: 45px auto
    }
    #testi-row li {
        width: 340px!important;
        margin: 0 18px!important
    }
    #testi-row li p {
        background-size: contain;
        width: 100%;
        font-size: 17px;
        min-height: 190px
    }
    #testi-row li p span {
        padding: 35px
    }
    #testi-row .flex-control-paging li {
        float: none!important;
        margin: 0 5px!important;
        width: auto!important
    }
    #social-col {
        margin-top: 35px
    }
    .products-txt {
        width: 770px
    }
    #nav-strip {
        background: #293941;
        height: auto!important;
        margin-bottom: 30px
    }
    .nav-section {
        display: block;
        width: 1180px
    }
    .nav-section-res {
        display: none
    }
    .tab-box {
        width: 100px
    }
    .tab-box1 {
        width: 185px
    }
    .tab-box2 {
        width: 150px
    }
    .tab-box strong {
        font-size: 13px
    }
    .tab-box1 strong {
        font-size: 13px
    }
    .tab-box2 strong {
        font-size: 13px
    }
}
@media only screen and (min-width: 1281px) and (max-width: 1380px) {
    .container {
        width: 1240px;
        margin: 0 auto
    }
    .process-box {
        width: 280px!important;
        margin: 0 30px!important
    }
    #second-banner {
        width: 100%;
        float: left;
        background-size: contain;
        height: 450px;
        border-top: #b9e0f2 8px solid;
        margin-bottom: 60px
    }
    #banner-box {
        width: 480px;
        float: left;
        margin-top: 90px;
        margin-left: 90px
    }
    #banner-box span {
        font-size: 35px;
        line-height: 40px;
        width: 100%;
        float: left;
        color: #FFF;
        font-weight: 400
    }
    #banner-box p {
        width: 100%;
        float: left;
        font-size: 18px;
        line-height: 22px;
        font-weight: 300;
        color: #FFF;
        margin-top: 20px;
        margin-bottom: 55px
    }
    .download-btn {
        width: 100%;
        float: left
    }
    #process-row {
        width: 100%;
        float: left;
        margin-top: 90px
    }
    .process-box {
        width: 320px!important;
        float: left;
        text-align: center;
        margin: 0 50px!important
    }
    .process-box:last-child {
        margin-right: 0
    }
    .process-box span {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 47px;
        font-weight: 700;
        color: #d0e7f8;
        line-height: 90px
    }
    .process-box h3 {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 19px;
        color: #4b5c6e;
        font-weight: 700;
        margin: 0 0 10px;
        background: url(../images/ttl2-line.jpg) bottom center no-repeat;
        padding-bottom: 25px
    }
    .process-box .process-txt {
        width: 100%;
        float: left;
        font-size: 18px;
        line-height: 30px;
        color: #58595b;
        font-weight: 400;
        text-align: center
    }
    .bx-pager {
        display: none !important;
    }

    #second-banner .bx-pager {
        display: block !important;
    }
    #testi-row ul li {
        width: 380px!important;
        margin: 0 18px!important
    }
    #testi-row ul li p {
        background-size: contain;
        width: 100%;
        font-size: 16px;
        min-height: 200px
    }
    #testi-row ul li p span {
        padding: 10px 20px
    }
    #social-col {
        margin-top: 35px
    }
    .tab-box strong {
        font-size: 13px
    }
    .tab-box1 strong {
        font-size: 13px
    }
    .tab-box2 strong {
        font-size: 13px
    }
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
    #testi-row li p span {
        padding: 16px;
        font-size: 16px;
        line-height: 28px
    }
    .client-txt {
        width: 160px
    }
    .layout-box {
        width: 100%!important
    }
    .check-box1 {
        width: 50%
    }
    .layout-img {
        width: 100%
    }
    .logo {
        margin-top: 30px
    }
    #try-row {
        margin-top: 40px
    }
    .top-right span {
        font-size: 13px;
        margin-right: 0
    }
    .banner-txt div.b-txt {
        font-size: 75%
    }
    .banner-txt {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 20px
    }
    #header-inner {
        background-size: 100% 100%
    }
    .banner-txt {
        height: auto
    }
    #banner-box a {
        width: 0 auto;
        font-size: 13px;
        margin: 0 auto;
        float: none;
        height: auto;
        line-height: 12px;
        padding: 20px
    }
    #banner-box span {
        margin-top: 40px
    }
    #banner-box p {
        font-size: 100%;
        margin-top: 20px;
        line-height: 20px;
        text-align: center
    }
    .banner-txt {
        font-size: 28px
    }
    .top-right span {
        width: auto;
        float: right;
        margin-right: 10px
    }
    #bot-btn-row {
        margin: 0
    }

    .custom_redio_btn_ro {float: none; }
    .custom_redio_btn_ro h2{margin-bottom: 30px;}
@media only screen and (min-width: 1px) and (max-width: 360px) {
    .logo img {
        width: 200px
    }
    #top-strip .login {
        margin-top: 0
    }
    .top-right span {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
    .logo {
        margin-top: 30px
    }
    #try-row {
        margin-top: 30px
    }
    .top-right span {
        font-size: 13px;
        margin-right: 0
    }
    #how-row {
        margin-top: 75px
    }
    .banner-txt {
        font-size: 24px;
        margin-top: 10px
    }
    #header-inner {
        background-size: 100% 100%
    }
    .banner-txt {
        height: auto
    }
    #banner-box span {
        font-size: 150%
    }
    #banner-box p {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        margin-top: 10px
    }
    .top-right span {
        margin-top: 0
    }
    .banner-txt div.b-txt1 {
        font-size: 100%;
        margin-top: 0
    }
    .top-right span {
        float: right;
        width: 78%!important
    }
    .result_container p, .result_container p.price_total {
        width: 100%;
        font-size: 12px
    }
    .result_container p:last-child {
        width: 100%;
        font-size: 12px
    }
}
.active-btn {
    margin-top: -20px
}
.active-btn img {
    width: 50px
}
.img-box {
    width: 110px
}
.img-box img {
    width: 100px
}
.img-box {
    margin: 0 3px
}
.check-box1 {
    width: 100%
}
.email-txt {
    margin-bottom: 50px;
}
}
@media only screen and (min-width: 360px) and (max-width: 374px) {
    .logo img {
        width: 200px
    }
    .check-box1,
    .layout-img {
        width: 100%
    }
    .active-btn {
        margin-top: -5px
    }
    #banner-box span {
        font-size: 150%
    }
    #banner-box p {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        margin-top: 10px
    }
    .top-right span {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
    #location-row .ff_preview_link {
        float: right;
        width: 0
    }
    .download-btn {
        bottom: 20px
    }
    .inner_container {
        float: none;
        margin: 0 auto
    }
}
@media only screen and (min-width: 321px) and (max-width: 359px) {
    .logo img {
        width: 200px
    }
    .check-box1,
    .layout-img {
        width: 100%
    }
    .active-btn {
        margin-top: -5px
    }
    .top-right span {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
}
@media only screen and (min-width: 375px) and (max-width: 420px) {
    .img-box {
        width: 50%;
        margin: 0;
        text-align: center
    }
    .img-box > span {
        text-indent: 16px
    }
    .top-right span {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
    #header-inner {
        background-size: 100% 100%
    }
}
@media only screen and (min-width: 421px) and (max-width: 567px) {
    .banner-txt {
        font-size: 35px
    }
    .img-box {
        width: 50%;
        margin: 0;
        text-align: center
    }
    .img-box > span {
        text-indent: 16px
    }
    .layout-box {
        width: 240px!important
    }
    #header-inner {
        background-size: 100% 100%
    }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .banner-txt {
        font-size: 52px;
        margin-top: 40px
    }
    #header-inner {
        background-size: 100% 90%
    }
    .download-btn {
        bottom: 90px!important
    }
    .img-box {
        width: 50%;
        margin: 0;
        text-align: center
    }
    .img-box > span {
        text-indent: 16px
    }
}
@media only screen and (min-width: 568px) and (max-width: 768px) {
    .check-box.terms_and_condition {
        width: 95%;
        padding-left: 30px !important;
    }
    /*#main-inner{padding-bottom:0px !important;}*/
    
    .layout-box {
        width: 290px!important
    }
    #header-inner {
        background-size: 100% 100%
    }
}
@media only screen and (min-width: 568px) and (max-width: 639px) {
    .layout-box {
        width: 290px!important
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    #try-row {
        margin-top: 60px
    }
    #how-row {
        margin-top: 95px
    }
}
@media only screen and (min-width: 1px) and (max-width: 320px) {
    .bg-transparent {
        margin-top: 16%
    }
    #banner-box span {
        margin-top: 20px
    }
    #banner-box p {
        font-size: 80%;
        margin-top: 10px;
        line-height: 20px;
        text-align: center
    }
    #login-form .errorMessage,
    #forgot-password-form .errorMessage {
        padding-left: 0
    }
    .buttons input {
        padding: 0 15px
    }
    .top-right span {
        margin-left: 0;
        margin-right: 0
    }
    .cbp-bislideshow li img {
        height: 100%
    }
    .button01 {
        margin-right: 10px
    }
    .nav_row {
        width: 295px;
        margin: 0 auto
    }
    .nav-section-res {
        width: 100%;
        float: left;
        background: #293941;
        height: 100px;
        display: block
    }
    .nav-section-res span {
        width: 100%;
        height: 5px;
        margin-top: 45px;
        float: left;
        background: #38596b
    }
    .nav-section-res ul {
        margin: -20px 0 0;
        padding: 0;
        list-style: none;
        float: left
    }
    .nav-section-res ul li {
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        background: #293941;
        text-align: center;
        margin-right: 13px;
        border: #38596b 3px solid;
        line-height: 27px;
        font-size: 13px;
        color: #CCC
    }
    .nav-section-res ul li:last-child {
        float: right;
        margin-right: 0
    }
    .input-box {
        width: 99%
    }
    #location-row .check-box {
        margin: 5px -1px!important
    }
    #location-row .check-box label {
        width: 180px!important
    }
    .check-box {
        width: 100%
    }
    /*.right-btn1{margin-top:-134px!important;margin-bottom:70px!important}*/
    
    .select-col {
        width: 98%!important
    }
    #bot-btn-row {
        margin: 15px 0
    }
    #notification .alert {
        font-size: 11px!important;
        float: none!important
    }
    .fancybox-inner {
        overflow: scroll!important
    }
    .product {
        bottom: 11%;
        right: 9%
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    #form-inner-box .up-btn {
        clear: both
    }
    .pointer_location {
        width: 267px!important;
        margin: 0 auto!important;
        text-align: center;
        float: none
    }
    .point_of_interest {
        clear: both;
        width: 195px;
        margin: 3px 7px
    }
    #form_col:last-child {
        margin-left: 0
    }
    .select-box {
        font-size: 11px
    }
    #banner-box a {
        width: 259px;
        font-size: 12px;
        margin: 0 auto;
        float: none;
        height: auto;
        line-height: 12px;
        padding: 20px
    }
    .inner_container {
        float: none;
        margin: 0 auto
    }
    .dashboard_buttons {
        margin: 5px
    }

    /*New Add 16/10/2019*/
    .subscription-box {float: left;width: 100%;margin-right: 0;margin-bottom: 20px;}
    .template_div{text-align: center; width: 100%;margin: 20px 0 10px 0;}
    .download_template_button{width: 100%; text-align: center;}
    .download_template_button a{margin: 0 auto}
    .layout-img > img{width: auto !important;max-width: 100%;}
    .template_div  input[type="radio"]:not(old) + label {width: auto;margin: 0 40px 0;margin-left: auto;float: none;background-position: 7px;}
     .template_div input[type="radio"]:not(old):checked + label{background-position: 7px 4px;}
     .layout-img{margin-top: 10px;}
}
@media only screen and (min-width: 321px) and (max-width: 359px) {
    .bg-transparent {
        margin-top: 15%
    }
    #banner-box span {
        margin-top: 20px
    }
    #banner-box p {
        font-size: 80%;
        margin-top: 10px;
        line-height: 20px;
        text-align: center
    }
    .nav_row {
        width: 295px;
        margin: 0 auto
    }
    .nav-section-res {
        width: 100%;
        float: left;
        background: #293941;
        height: 100px;
        display: block
    }
    .nav-section-res span {
        width: 100%;
        height: 5px;
        margin-top: 45px;
        float: left;
        background: #38596b
    }
    .nav-section-res ul {
        margin: -20px 0 0;
        padding: 0;
        list-style: none;
        float: left
    }
    .nav-section-res ul li {
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        background: #293941;
        text-align: center;
        margin-right: 13px;
        border: #38596b 3px solid;
        line-height: 27px;
        font-size: 13px;
        color: #CCC
    }
    .nav-section-res ul li:last-child {
        float: right;
        margin-right: 0
    }
    .ajax-file-upload-statusbar {
        width: 100px!important
    }
    .fancybox-inner {
        overflow: scroll!important
    }
    .input-box {
        width: 99%
    }
    .check-box {
        width: 100%
    }
    #location-row .check-box {
        margin: 5px -1px!important
    }
    #location-row .check-box label {
        width: 175px!important
    }
    .product {
        bottom: 10.5%;
        right: 9%
    }
}
@media only screen and (min-width: 360px) and (max-width: 399px) {
    .bg-transparent {
        margin-top: 15%
    }
    #banner-box span {
        margin-top: 40px
    }
    #banner-box p {
        font-size: 100%;
        margin-top: 20px;
        line-height: 20px;
        text-align: center
    }
    .nav_row {
        width: 295px;
        margin: 0 auto
    }
    .nav-section-res {
        width: 100%;
        float: left;
        background: #293941;
        height: 100px;
        display: block
    }
    .nav-section-res span {
        width: 100%;
        height: 5px;
        margin-top: 45px;
        float: left;
        background: #38596b
    }
    .nav-section-res ul {
        margin: -20px 0 0;
        padding: 0;
        list-style: none;
        float: left
    }
    .nav-section-res ul li {
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        background: #293941;
        text-align: center;
        margin-right: 13px;
        border: #38596b 3px solid;
        line-height: 27px;
        font-size: 13px;
        color: #CCC
    }
    .nav-section-res ul li:last-child {
        float: right;
        margin-right: 0
    }
    #notification .alert {
        font-size: 13px!important;
        float: none!important
    }
    .check-box {
        width: 100%
    }
    #location-row .check-box {
        margin: 5px -1px!important
    }
    #location-row .check-box label {
        width: 217px!important
    }
    .fancybox-inner {
        overflow: scroll!important
    }
    .pointer_location {
        width: 267px!important;
        margin: 0 auto!important;
        text-align: center;
        float: none
    }
    .point_of_interest {
        clear: both;
        width: 195px;
        margin: 3px 21px
    }
    .result_container p, .result_container p.price_total {
        font-size: 12px;
        width: 100%
    }
    .result_container p:last-child {
        font-size: 12px;
        width: 100%
    }
    .product {
        bottom: 10.3%;
        right: 9%
    }
}
@media only screen and (min-width: 400px) and (max-width: 479px) {
    .bg-transparent {
        margin-top: 25%
    }
    #banner-box span {
        margin-top: 40px
    }
    #banner-box p {
        font-size: 100%;
        margin-top: 20px;
        line-height: 20px;
        text-align: center
    }
    .nav_row {
        width: 373px;
        margin: 0 auto
    }
    .nav-section-res {
        width: 100%;
        float: left;
        background: #293941;
        height: 100px;
        display: block
    }
    .nav-section-res span {
        width: 100%;
        height: 5px;
        margin-top: 45px;
        float: left;
        background: #38596b
    }
    .nav-section-res ul {
        margin: -20px 0 0;
        padding: 0;
        list-style: none;
        float: left
    }
    .nav-section-res ul li {
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        background: #293941;
        text-align: center;
        margin-right: 26px;
        border: #38596b 3px solid;
        line-height: 27px;
        font-size: 13px;
        color: #CCC
    }
    .nav-section-res ul li:last-child {
        float: right;
        margin-right: 0
    }
    .check-box {
        width: 100%
    }
    #location-row .check-box {
        margin: 5px -1px!important
    }
    #location-row .check-box label {
        width: 217px!important
    }
    .fancybox-inner {
        overflow: scroll!important
    }
    .result_container p, .result_container p.price_total {
        font-size: 12px;
        width: 100%
    }
    .result_container p:last-child {
        font-size: 12px;
        width: 100%
    }
    .product {
        bottom: 10.8%;
        right: 9%
    }
}
@media only screen and (min-width: 480px) and (max-width: 499px) {
    .bg-transparent {
        margin-top: 20%
    }
    #banner-box span {
        margin-top: 40px;
        font-size: 35px;
        line-height: 50px
    }
    #banner-box p {
        font-size: 100%;
        margin-top: 20px;
        line-height: 20px;
        text-align: center
    }
    .nav_row {
        width: 445px;
        margin: 0 auto
    }
    .nav-section-res {
        width: 100%;
        float: left;
        background: #293941;
        height: 100px;
        display: block
    }
    .nav-section-res span {
        width: 100%;
        height: 5px;
        margin-top: 45px;
        float: left;
        background: #38596b
    }
    .nav-section-res ul {
        margin: -20px 0 0;
        padding: 0;
        list-style: none;
        float: left
    }
    .nav-section-res ul li {
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        background: #293941;
        text-align: center;
        margin-right: 38px;
        border: #38596b 3px solid;
        line-height: 27px;
        font-size: 13px;
        color: #CCC
    }
    .nav-section-res ul li:last-child {
        float: right;
        margin-right: 0
    }
    .input-box {
        width: 99%
    }
    .check-box {
        width: 100%
    }
    #location-row .check-box {
        margin: 5px -1px!important
    }
    #location-row .check-box label {
        width: 217px!important
    }
    .pointer_location {
        width: 267px!important;
        margin: 0 auto!important;
        text-align: center;
        float: none
    }
    .point_of_interest {
        clear: both;
        width: 195px;
        margin: 3px 21px
    }
    .inner_container {
        float: none;
        margin: 0 auto
    }
    .result_container p, .result_container p.price_total {
        font-size: 12px;
        width: 100%
    }
    .result_container p:last-child {
        font-size: 12px;
        width: 100%
    }
    .product {
        bottom: 11.5%;
        right: 9%
    }
    .dashboard_buttons {
        margin: 10px
    }

    /*New Add 16/10/2019*/
    .subscription-box {float: left;width: 100%;margin-right: 0;margin-bottom: 20px;text-align: center;}
    .subscription-box-radio {width: 250px;margin: 0 auto;float: none;display: inline-block;}
    .template_div{text-align: center; width: 50%;margin: 20px 0 10px 0;min-height: 250px;}
    .download_template_button{width: 100%; text-align: center;}
    .download_template_button a{margin: 0 auto}
    .layout-img > img{width: auto !important;max-width: 100%;}
    .template_div  input[type="radio"]:not(old) + label {width: auto;margin: 0 40px 0;margin-left: auto;float: none;background-position: 7px;}
     .template_div input[type="radio"]:not(old):checked + label{background-position: 7px 4px;}
     .layout-img{margin-top: 10px;}
     .template_div input[type="checkbox"]:not(old), .template_div input[type="radio"]:not(old){display: none;}
}
@media only screen and (min-width: 500px) and (max-width: 567px) {
    .bg-transparent {
        margin-top: 30%
    }
    #banner-box span {
        margin-top: 40px;
        font-size: 35px;
        line-height: 50px
    }
    #banner-box p {
        font-size: 100%;
        margin-top: 20px;
        line-height: 20px;
        text-align: center
    }
    .nav_row {
        width: 469px;
        margin: 0 auto
    }
    .nav-section-res {
        width: 100%;
        float: left;
        background: #293941;
        height: 100px;
        display: block
    }
    .nav-section-res span {
        width: 100%;
        height: 5px;
        margin-top: 45px;
        float: left;
        background: #38596b
    }
    .nav-section-res ul {
        margin: -20px 0 0;
        padding: 0;
        list-style: none;
        float: left
    }
    .nav-section-res ul li {
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        background: #293941;
        text-align: center;
        margin-right: 42px;
        border: #38596b 3px solid;
        line-height: 27px;
        font-size: 13px;
        color: #CCC
    }
    .nav-section-res ul li:last-child {
        float: right;
        margin-right: 0
    }
    .input-box {
        width: 100%
    }
    .check-box {
        width: 100%
    }
    #location-row .check-box {
        margin: 5px -1px!important
    }
    #location-row .check-box label {
        width: 280px!important
    }
    .inner_container {
        float: none;
        margin: 0 auto
    }
    .result_container p, .result_container p.price_total {
        font-size: 12px;
        width: 100%
    }
    .result_container p:last-child {
        font-size: 12px;
        width: 100%
    }
    .product {
        bottom: 13%;
        right: 9%
    }
    .dashboard_buttons {
        margin: 10px
    }

    /*New Add 16/10/2019*/
    .subscription-box {float: left;width: 100%;margin-right: 0;margin-bottom: 20px;text-align: center;}
    .subscription-box-radio {width: 250px;margin: 0 auto;float: none;display: inline-block;}
    .template_div{text-align: center; width: 50%;margin: 20px 0 10px 0;min-height: 250px;}
    .download_template_button{width: 100%; text-align: center;}
    .download_template_button a{margin: 0 auto}
    .layout-img > img{width: auto !important;max-width: 100%;}
    .template_div  input[type="radio"]:not(old) + label {width: auto;margin: 0 40px 0;margin-left: auto;float: none;background-position: 7px;}
     .template_div input[type="radio"]:not(old):checked + label{background-position: 7px 4px;}
     .layout-img{margin-top: 10px;}
     .template_div input[type="checkbox"]:not(old), .template_div input[type="radio"]:not(old){display: none;}
}

@media only screen and (min-width: 300px) and (max-width: 400px) {
    .flex-control-paging li a {
        height: 22px!important;
        width: 21px!important
    }
    .flex-control-paging li a:hover,
    .flex-control-paging li a.flex-active {
        height: 22px!important;
        width: 21px!important
    }
    .remember-label {
        width: 219px!important
    }
}
@media only screen and (min-width: 568px) and (max-width: 599px) {
    .bg-transparent {
        margin-top: 25%
    }
    #banner-box span {
        margin-top: 90px;
        font-size: 40px;
        line-height: 50px
    }
    #banner-box p {
        font-size: 100%;
        margin-top: 20px;
        line-height: 20px;
        text-align: center
    }
    .nav_row {
        width: 517px;
        margin: 0 auto
    }
    .nav-section-res {
        width: 100%;
        float: left;
        background: #293941;
        height: 100px;
        display: block
    }
    .nav-section-res span {
        width: 100%;
        height: 5px;
        margin-top: 45px;
        float: left;
        background: #38596b
    }
    .nav-section-res ul {
        margin: -20px 0 0;
        padding: 0;
        list-style: none;
        float: left
    }
    .nav-section-res ul li {
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        background: #293941;
        text-align: center;
        margin-right: 50px;
        border: #38596b 3px solid;
        line-height: 27px;
        font-size: 13px;
        color: #CCC
    }
    .nav-section-res ul li:last-child {
        float: right;
        margin-right: 0
    }
    .input-box {
        width: 99%
    }
    .check-box {
        width: 100%
    }
    .inner_container {
        float: none;
        margin: 0 auto
    }
    .product {
        bottom: 13.5%;
        right: 9%
    }

    /*New Add 16/10/2019*/
    .subscription-box {float: left;width: 100%;margin-right: 0;margin-bottom: 20px;text-align: center;}
    .subscription-box-radio {width: 250px;margin: 0 auto;float: none;display: inline-block;}
    .template_div{text-align: center; width: 50%;margin: 20px 0 10px 0;min-height: 250px;}
    .download_template_button{width: 100%; text-align: center;}
    .download_template_button a{margin: 0 auto}
    .layout-img > img{width: auto !important;max-width: 100%;}
    .template_div  input[type="radio"]:not(old) + label {width: auto;margin: 0 40px 0;margin-left: auto;float: none;background-position: 7px;}
     .template_div input[type="radio"]:not(old):checked + label{background-position: 7px 4px;}
     .layout-img{margin-top: 10px;}
     .template_div input[type="checkbox"]:not(old), .template_div input[type="radio"]:not(old){display: none;}
}
@media only screen and (min-width: 600px) and (max-width: 639px) {
    .bg-transparent {
        margin-top: 40%
    }
    #banner-box span {
        margin-top: 90px;
        font-size: 40px;
        line-height: 50px
    }
    #banner-box p {
        font-size: 100%;
        margin-top: 20px;
        line-height: 20px;
        text-align: center
    }
    .nav_row {
        width: 541px;
        margin: 0 auto
    }
    .nav-section-res {
        width: 100%;
        float: left;
        background: #293941;
        height: 100px;
        display: block
    }
    .nav-section-res span {
        width: 100%;
        height: 5px;
        margin-top: 45px;
        float: left;
        background: #38596b
    }
    .nav-section-res ul {
        margin: -20px 0 0;
        padding: 0;
        list-style: none;
        float: left
    }
    .nav-section-res ul li {
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        background: #293941;
        text-align: center;
        margin-right: 54px;
        border: #38596b 3px solid;
        line-height: 27px;
        font-size: 13px;
        color: #CCC
    }
    .nav-section-res ul li:last-child {
        float: right;
        margin-right: 0
    }
    .input-box {
        width: 100%
    }
    .check-box {
        width: 50%
    }
    .inner_container {
        float: none;
        margin: 0 auto
    }
    .product {
        bottom: 14.5%;
        right: 9%
    }
    .dashboard_buttons {
        margin: 5px
    }

     /*New Add 16/10/2019*/
    .subscription-box {float: left;width: 45%;margin: 0 10px;margin-bottom: 20px;text-align: center;}
     .template_div{text-align: center; width: 50%;margin: 20px 0 10px 0;min-height: 250px;}
    .download_template_button{width: 100%; text-align: center;}
    .download_template_button a{margin: 0 auto}
    .layout-img > img{width: auto !important;max-width: 100%;}
    .template_div  input[type="radio"]:not(old) + label {width: auto;margin: 0 40px 0;margin-left: auto;float: none;background-position: 7px;}
     .template_div input[type="radio"]:not(old):checked + label{background-position: 7px 4px;}
     .layout-img{margin-top: 10px;}
     .template_div input[type="checkbox"]:not(old), .template_div input[type="radio"]:not(old){display: none;}
}
@media only screen and (min-width: 640px) and (max-width: 700px) {
    .bg-transparent {
        margin-top: 40%
    }
    #banner-box span {
        margin-top: 130px;
        font-size: 40px;
        line-height: 50px
    }
    #banner-box p {
        font-size: 100%;
        margin-top: 20px;
        line-height: 20px;
        text-align: center
    }
    .nav_row {
        width: 595px;
        margin: 0 auto
    }
    .nav-section-res {
        width: 100%;
        float: left;
        background: #293941;
        height: 100px;
        display: block
    }
    .nav-section-res span {
        width: 100%;
        height: 5px;
        margin-top: 45px;
        float: left;
        background: #38596b
    }
    .nav-section-res ul {
        margin: -20px 0 0;
        padding: 0;
        list-style: none;
        float: left
    }
    .nav-section-res ul li {
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        background: #293941;
        text-align: center;
        margin-right: 63px;
        border: #38596b 3px solid;
        line-height: 27px;
        font-size: 13px;
        color: #CCC
    }
    .nav-section-res ul li:last-child {
        float: right;
        margin-right: 0
    }
    .input-box {
        width: 100%
    }
    .check-box {
        width: 50%
    }
    .pointer_location {
        width: 267px!important;
        margin: 0 auto!important;
        text-align: center;
        float: none
    }
    .point_of_interest {
        clear: both;
        width: 195px;
        margin: 3px 21px
    }
    #form_col:last-child {
        margin-left: 0
    }
    .inner_container {
        float: none;
        margin: 0 auto
    }
    .product {
        bottom: 14.5%;
        right: 9%
    }
    .dashboard_buttons {
        margin: 5px
    }

     /*New Add 16/10/2019*/
    .subscription-box {float: left;width: 45%;margin: 0 10px;margin-bottom: 20px;text-align: center;}
     .template_div{text-align: center; width: 50%;margin: 20px 0 10px 0;min-height: 250px;}
    .download_template_button{width: 100%; text-align: center;}
    .download_template_button a{margin: 0 auto}
    .layout-img > img{width: auto !important;max-width: 100%;}
    .template_div  input[type="radio"]:not(old) + label {width: auto;margin: 0 40px 0;margin-left: auto;float: none;background-position: 7px;}
     .template_div input[type="radio"]:not(old):checked + label{background-position: 7px 4px;}
     .layout-img{margin-top: 10px;}
     .template_div input[type="checkbox"]:not(old), .template_div input[type="radio"]:not(old){display: none;}
}
@media only screen and (min-width: 701px) and (max-width: 767px) {
    .bg-transparent {
        margin-top: 50%
    }
    #banner-box span {
        margin-top: 90px;
        font-size: 40px;
        line-height: 50px
    }
    #banner-box p {
        font-size: 100%;
        margin-top: 20px;
        line-height: 30px;
        font-size: 22px;
        text-align: center
    }
    .nav_row {
        width: 660px;
        margin: 0 auto
    }
    .nav-section-res {
        width: 100%;
        float: left;
        background: #293941;
        height: 100px;
        display: block
    }
    .nav-section-res span {
        width: 100%;
        height: 5px;
        margin-top: 45px;
        float: left;
        background: #38596b
    }
    .nav-section-res ul {
        margin: -20px 0 0;
        padding: 0;
        list-style: none;
        float: left
    }
    .nav-section-res ul li {
        float: left;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #293941;
        text-align: center;
        margin-right: 68px;
        border: #38596b 3px solid;
        line-height: 30px;
        font-size: 13px;
        color: #CCC
    }
    .nav-section-res ul li:last-child {
        float: right;
        margin-right: 0
    }
    .check-box {
        width: 50%
    }
    .product {
        bottom: 14.5%;
        right: 9%
    }
    .dashboard_buttons {
        margin: 5px
    }


     /*New Add 16/10/2019*/
    .subscription-box {float: left;width: 45%;margin: 0 10px;margin-bottom: 20px;text-align: center;}
     .template_div{text-align: center; width: 50%;margin: 20px 0 10px 0;min-height: 250px;}
    .download_template_button{width: 100%; text-align: center;}
    .download_template_button a{margin: 0 auto}
    .layout-img > img{width: auto !important;max-width: 100%;}
    .template_div  input[type="radio"]:not(old) + label {width: auto;margin: 0 40px 0;margin-left: auto;float: none;background-position: 7px;}
     .template_div input[type="radio"]:not(old):checked + label{background-position: 7px 4px;}
     .layout-img{margin-top: 10px;}
     .template_div input[type="checkbox"]:not(old), .template_div input[type="radio"]:not(old){display: none;}
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
    #second-banner {
        height: 310px
    }
    #banner-box {
        float: left;
        margin-top: 25px;
        width: 330px
    }
    #banner-box span {
        color: #fff;
        float: left;
        font-size: 20px;
        font-weight: 400;
        line-height: 51px;
        width: 100%
    }
    #banner-box p {
        color: #fff;
        float: left;
        font-size: 16px;
        font-weight: 300;
        line-height: 22px;
        margin-bottom: 15px;
        margin-top: 10px;
        width: 330px
    }
    .bg-transparent {
        margin-top: 40%
    }
    .top-left a {
        margin-right: 22px
    }
    nav {
        width: 142px
    }
    .product {
        bottom: 14.5%;
        right: 40%
    }

     /*New Add 16/10/2019*/
    .subscription-box {float: left;width: 45%;margin: 0 10px;margin-bottom: 20px;text-align: center;}
    .template_div{text-align: center; width: 50%;margin: 20px 0 10px 0;min-height: 250px;}
    .download_template_button{width: 100%; text-align: center;}
    .download_template_button a{margin: 0 auto}
    .layout-img > img{width: auto !important;max-width: 100%;}
    .template_div  input[type="radio"]:not(old) + label {width: auto;margin: 0 40px 0;margin-left: auto;float: none;background-position: 7px;}
    .template_div input[type="radio"]:not(old):checked + label{background-position: 7px 4px;}
    .layout-img{margin-top: 10px;}
    .template_div input[type="checkbox"]:not(old), .template_div input[type="radio"]:not(old){display: none;}


}
@media only screen and (min-width: 801px) and (max-width: 999px) {
    .product {
        bottom: 14.5%;
        right: 40%
    }
     /*New Add 16/10/2019*/
    .subscription-box {float: left;width: 45%;margin: 0 10px;margin-bottom: 20px;text-align: center;}
     .template_div{text-align: center; width: 50%;margin: 20px 0 10px 0;min-height: 250px;}
    .download_template_button{width: 100%; text-align: center;}
    .download_template_button a{margin: 0 auto}
    .layout-img > img{width: auto !important;max-width: 100%;}
    .template_div  input[type="radio"]:not(old) + label {width: auto;margin: 0 40px 0;margin-left: auto;float: none;background-position: 7px;}
     .template_div input[type="radio"]:not(old):checked + label{background-position: 7px 4px;}
     .layout-img{margin-top: 10px;}
     .template_div input[type="checkbox"]:not(old), .template_div input[type="radio"]:not(old){display: none;}

}
@media only screen and (min-width: 1000px) and (max-width: 1024px) {
    .product {
        bottom: 7.8%;
        right: 40%
    }
     /*New Add 16/10/2019*/
    .subscription-box{margin-right: 14px;}
    .subscription-box-top-text h2{font-size: 34px;}
    .subscription-box-top-text h5{font-size: 15px;}
    .subscription-box-des li img {width: 13px;}
    .subscription-box-des li{padding: 10px 0px;font-size: 12px;}
    .subscription-box-des li span{top: 2px;margin-right: 1px;}
    }
@media only screen and (min-width: 310px) and (max-width: 670px) {
    .fancybox-type-iframe .fancybox-inner {
        width: 100%!important
    }
    
    .container {
        overflow: hidden
    }
}
.menu_home {
    display: none!important
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
    .menu_home {
        display: block!important
    }
}
@media only screen and (min-width: 700px) and (max-width: 979px) {
    .apart-section {
        width: 48%!important;
        margin-right: 3%!important
    }
    .apart-l,
    .fr {
        margin-right: 0!important
    }
    #pf-col{width: 100%;}
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
    .apart-section {
        width: 48%!important;
        margin-right: 2%!important
    }
    .apart-l,
    .fr {
        margin-right: 0!important
    }
}
@media only screen and (max-width: 767px) {
    td {
        border: none;
        position: relative;
    }
    td:before {
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        line-height: 26px
    }
    .fact_figure_table th {
        text-align: left;
        display: none
    }
    .fact_figure_table td {
        text-align: left;
        width: 100%
    }
    .action_button > label {
        margin: 5px 0!important
    }
    .fact_figure_table td:nth-of-type(1):before {
        content: "";
        color: #179AD6;
        font-weight: 700;
        font-size: 14px
    }
    .fact_figure_table td:nth-of-type(2):before {
        content: "PLZ";
        color: #179AD6;
        font-weight: 700;
        font-size: 14px
    }
    .fact_figure_table td:nth-of-type(3):before {
        content: "PLZ NAME";
        color: #179AD6;
        font-weight: 700;
        font-size: 14px
    }
    .fact_figure_table td:nth-of-type(4):before {
        content: "ORT NAME";
        color: #179AD6;
        font-weight: 700;
        font-size: 14px
    }
    .fact_figure_table td:nth-of-type(5):before {
        content: "COMMUNE NAME";
        color: #179AD6;
        font-weight: 700;
        font-size: 14px
    }
    .fact_figure_table td:nth-of-type(6):before {
        content: "CANTON NAME";
        color: #179AD6;
        font-weight: 700;
        font-size: 14px
    }

    #pf-col{width: 100%;}
    #pf-left{width: 100%;}
    #pf-right{width: 100%;}
    #pf-left .pro_img {
    float: left;
    width: 100%;
    text-align: center;
}
#pf-left .pro_content{width: 100%;text-align: center;}
#pf-right .pro_img {
    padding-left: 0;
    text-align: center;
}
#pf-right .pro_content {
    border-left: 0;
    padding-left: 0;
    text-align: center;
}
}

.mrgn_b60 {
    margin-bottom: 60px;
    min-height: 308px;
    
}