/* -----------------------------------------------------
  Responsive Styles
----------------------------------------------------- */
@media screen and (max-width: 1499px) {

.build-future .content-block .content { padding:0 15px 0 130px; }
.high-tech .full-block .content { padding-left: 40px; }
.high-tech.in .full-block .content { padding-left: 40px; }


}

@media screen and (max-width: 1399px) {

header .navbar-nav li { margin:0 40px 0 0; }
  
}

@media screen and (max-width: 1299px) {

header .navbar-nav li { margin: 0 25px 0 0; }
.service { flex:0 0 31.7%; margin:0 0.8% 21px; }
.high-tech .full-block .content { padding:0 15px; }
.high-tech.in .full-block .content { padding:0 15px; }
.high-tech .full-block .img-block { flex:0 0 50%; }
.high-tech .full-block .content { flex:0 0 50%; }
.testimonials .item { padding:15px 10px; }

/* ===== IDX-MLS-INTEGRATION-PAGE ===== */
.idx-mls-integration-page .generating-tool .content-image-section .image-block figure { padding: 0 40px 0 15px; }
.idx-mls-integration-page .generating-tool .content-image-section .content-block .content { padding: 0 15px 0 50px; }
.idx-mls-integration-page .generating-tool .content-image-section:nth-child(2n+1) .content-block .content { padding: 0 50px 0 15px; }
.idx-mls-integration-page .generating-tool .content-image-section:nth-child(2n+1) .image-block figure { padding: 0 15px 0 40px; }

/* ===== BLOG-PAGE ===== */
.blogs-section { column-gap: 4%; }
.blogs-section .blog-post { flex: 0 0 30.3%; }


}

@media screen and (max-width: 1199px) {

h1 { font-size: 70px; }
h2 { font-size: 50px; }
header .logo { max-width: 180px; width: 100%; margin-top: 5px; }
header .navbar-nav li { margin: 0 14px 0 0; }
header .navbar-nav li a { font-size: 14px; }
.build-future .content-block .content { padding:0 15px 0 50px; }
.build-future { padding:120px 0; }
.services-section { padding:100px 0 90px; }
.it-solutions { padding:100px 0; }
/*.it-solutions .service p { padding:0; }*/
.it-solutions .services { grid-column-gap:50px; }
.it-solutions .service p { padding:0; }
.high-tech { padding:100px 0; }
.high-tech .full-block { display: block; }
.high-tech.in .full-block .content,
.high-tech .full-block .content { padding:0; }
.high-tech .full-block .img-block figure { max-width: 700px; width: 100%; float: none; margin:0 auto 20px; }
.integration { padding:100px 0 79px; }
.testimonials { padding:90px 0 110px; }
.latest-news { padding:100px 0 110px; }
.latest-news .news { flex:0 0 31.93%; margin:0 0.7% 20px; }
.faq { padding:110px 0; }
.free-consulataion { padding:90px 0; }
.free-consulataion .form { padding:35px 40px 46px; }
.free-consulataion .btn-block .btn:first-child { margin-right: 10px; }
.free-consulataion .btn-block .btn { padding:9px 10px; font-size: 16px; }
.case-study { padding:100px 0; }
footer .container-fluid p { margin: 20px 0 0; }

/* ===== IDX-MLS-INTEGRATION-PAGE ===== */
.inner-banner h1 { font-size: 50px; }

/* ===== BLOG-PAGE ===== */
.blogs-page { padding: 100px 0 128px; }



}

@media screen and ( min-width:992px ) { 

li.dropdown > ul.dropdown-menu {
    display: block;
    top: 90px;
    margin: 0 auto;
    opacity: 0;
    padding: 0;
    left: -100%;
    right: -100%;
    max-width: 210px;
    min-width: 0;
    background-color: #484644; 
    /*border: 1px solid #f8f8f8;*/
    text-align: left; 
    transform: scale(0.8);
    transition: all 0.4s ease 0s;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.176);
  }

li.dropdown:hover > ul.dropdown-menu, 
  li.dropdown.open > ul.dropdown-menu {
    display: block;
    opacity: 1;
    transform: scale(1);
    transition: all 0.4s ease 0s;
    visibility: visible;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; left: 0; padding: 10px 0 7px;
  }


}

@media screen and (max-width: 991px) {

h1 { font-size: 60px; line-height: 70px; }
h2 { font-size: 43px; } 
header .btn { margin-right: 50px; }
header .navbar-nav { max-width: 350px; width: 100%; margin:100px auto 25px; }
header .navbar-nav li { float: none; text-align: left; border-bottom:1px solid #fff; padding:9px 15px; margin: 0; }
header .navbar-nav li a { font-size: 16px; }
header .btn { padding: 9px 16px; }
header .logo {  margin-top: 0; }
.banner .item { min-height: 830px; }
.banner p strong { display: inline; }
.build-future { display: block; }
.build-future .img-block figure { max-width: 600px; width: 100%; margin-bottom: 15px; padding-right: 15px; }
.build-future .content-block .content { padding:0 15px; max-width: 100%; }
.build-future { padding:90px 0; }
.service { flex:0 0 48%; margin:0 1% 21px; }
.services-section { padding:80px 0; }
.it-solutions .services { grid-column-gap:20px; grid-row-gap: 30px; }
.it-solutions .service { padding:43px 15px 49px; }
.it-solutions { padding:70px 0; }
.high-tech { padding:70px 0; }
.integration { padding:70px 0; }
.testimonials .testimonial { padding:54px 20px 26px; }
.testimonials { padding:70px 0 90px; }
.testimonials .bottom-block .left-block figure { width: 50px; height: 50px; flex:0 0 50px; margin:0 10px 0 0; }
.testimonials .item ul li { padding: 0 2px; font-size: 14px; }
.testimonials .item ul { flex:0 0 85px; }
.testimonials .bottom-block .left-block { flex:0 0 calc(100% - 85px); }
.latest-news { padding:80px 0 90px; }
.latest-news .news figure img { height: 270px; }
.latest-news .news { flex:0 0 47%; margin:0 1.5% 25px; }
.faq { padding:80px 0; }
.free-consulataion .form { margin-top: 30px; }
.case-study .item .bg-with-content { background-position:left center; }
.case-study .item h3 { font-size: 29px; }
.case-study .item .bg-with-content ul li strong { font-size: 29px; }
footer aside { margin-bottom:15px; }
footer .newsletter { max-width: 350px; width: 100%; margin-bottom: 20px; }
footer { background-position: center right; }

/* ===== IDX-MLS-INTEGRATION-PAGE ===== */
.inner-banner h1 { font-size: 40px; line-height:50px; }
.inner-banner figure { max-width: 450px; width: 100%; margin: 0 auto 20px; }

.idx-mls-integration-page .generating-tool { padding: 100px 0 0; }
.idx-mls-integration-page .generating-tool .content-image-section { display: block; margin-bottom: 40px; }
.idx-mls-integration-page .generating-tool .content-image-section:last-child { margin-bottom:0; }
.idx-mls-integration-page .generating-tool .content-image-section .content-block { display: block; }
.idx-mls-integration-page .generating-tool .content-image-section .image-block figure { float: none; padding: 0; margin: 0 auto 30px; max-width: 600px; }
.idx-mls-integration-page .generating-tool .content-image-section aside { padding: 0; }
.idx-mls-integration-page .generating-tool .content-image-section .content-block .content { padding: 40px 15px 30px !important; max-width: 100%; }
.idx-mls-integration-page .generating-tool .content-image-section h3 { font-size: 28px; }
.idx-mls-integration-page .generating-tool .content-image-section .image-block { display: block; }

/* ===== BLOG-PAGE ===== */
.blogs-section .blog-post { flex: 0 0 48%; }

}

@media screen and (max-width: 767px) {

h1, h2, h3, h4, h5, h6 { margin-bottom:15px; }
h1 { font-size: 50px; }
h2 { font-size: 35px; line-height: 42px; }
h4 { font-size: 20px; line-height: 25px; }
h5 { font-size: 18px; }
p { font-size: 16px; line-height: 24px; }
ul li { font-size: 16px; line-height: 20px; }
ul li::before { font-size: 16px; }
section { padding:40px 0; }
.btn { font-size: 16px; padding:9px 14px; }
.btn.btn-blue { font-size: 16px; padding: 9px 14px; }
.banner .item { min-height: 700px; }
.banner p { font-size: 16px; line-height: 25px; margin-bottom: 25px; }
header .btn { font-size: 14px; padding: 7px 10px; }
header { padding:15px 0; } 
header .mobile-toggle { top: 25px; }
header .logo { margin-top: 0; max-width: 135px; }
.banner { padding:0 0 40px; }
.build-future .content-block .content ul li { padding:0 0 13px 24px; }
.build-future { padding:50px 0; }
.services-section { padding:50px 0; }
.services-section h2 { margin:0 auto 20px; }
.service figure { margin-bottom: 10px; }
.service p { font-size: 14px; margin-bottom: 15px; }
.service .btn { padding:7px 15px; font-size: 14px; }
.service { padding:30px 15px; }
.service h4 { margin-bottom: 10px; }
.services .readmore { font-size: 16px; }
.services .readmore i { margin-left: 3px; }
.it-solutions { padding:50px 0; }
.it-solutions p { margin:0 auto 25px; }
.it-solutions .services { grid-template-columns: 1fr 1fr; }
.it-solutions .service { padding:25px 15px 30px; }
.high-tech { padding:50px 0; }
.integration { padding:50px 0; }
.integration p { margin:0 auto 25px; }
.testimonials .item p::before { font-size: 23px; top: -25px; left: -5px; }
.testimonials .item p::after { font-size: 23px; margin-top: 10px; }
.testimonials .testimonial { padding:40px 15px 20px; }
.testimonials .owl-dots .owl-dot { height: 7px; width: 20px; }
.testimonials .owl-dots .owl-dot.active { width: 40px; }
.testimonials .container p { margin:0 auto 15px; }
.testimonials { padding:50px 0; }
.testimonials .left-block h5 { font-size: 14px; line-height: 20px; }
.latest-news { padding:50px 0; }
.latest-news p { margin-bottom: 25px; }
.latest-news .news { flex:0 0 48%; margin:0 1% 20px; }
.latest-news .news .content { padding:20px 10px; }
.latest-news .news .btn { padding:5px 20px; font-size: 14px; }
.latest-news .news h5 { margin-bottom: 10px; }
.latest-news .news .readmore { font-size: 15px; line-height: 20px; }
.faq { padding:50px 0 80px; }
.faq .accordion .accordion-item { padding:12px 0 8px 0; margin-bottom: 10px; }
.faq .accordion .accordion-header button { font-size: 16px; line-height: 24px; }
.faq .accordion .accordion-item .accordion-body { padding:5px 10px 0 10px; }
.faq .accordion .accordion-header .accordion-button::after { font-size: 20px; right: 12px; }
.faq .accordion .accordion-header .accordion-button.collapsed::after { right: 9px; }
.faq .btn-block .btn { font-size: 14px; padding:8px 10px; }
.faq .btn-block { margin-top: 20px; }
.faq .accordion .accordion-item { padding:12px 0 8px 10px; }
.faq p { line-height: 22px; margin:0 auto 20px; }
.free-consulataion { padding:50px 0; }
.free-consulataion h2 { margin-bottom: 20px; }
.free-consulataion h3 { font-size: 25px; line-height: 30px; margin-bottom: 25px; }
.free-consulataion ul { margin-bottom: 25px; }
.free-consulataion h4 { font-size: 20px; line-height: 25px; margin-bottom: 20px; }
.free-consulataion ul li strong { font-size: 20px; flex:0 0 45px; height: 45px; }
.free-consulataion ul li { padding:0 0 35px 0; }
.case-study { padding:50px 0; }
.case-study .item .top-content figure img { max-width: 55px; }
.case-study .item .top-content figure { flex:0 0 70px; }
.case-study .item h3 { font-size: 24px; line-height: 31px; }
.case-study .item .bg-with-content ul li strong { font-size:24px; line-height:31px; margin-bottom: 5px; }
.case-study .item .bg-with-content h3 { margin-bottom: 10px; }
.case-study .item .bg-with-content .btn { padding:8px 20px; margin:20px 0 30px; }
.case-study .item .bg-with-content { padding:49px 25px 39px; }
.case-study .owl-dots .owl-dot.active { width: 40px; }
.case-study .owl-dots .owl-dot { width: 23px; }
.case-study .item .bg-with-content ul li { font-size: 16px; line-height: 24px; }
footer h4 { font-size: 18px; line-height: 24px; }
footer .get-in-touch li i { flex: 0 0 25px; }
footer .social-block li, 
footer .get-in-touch li { padding-bottom: 7px; }
footer ul li { float: none; width: 100%; font-size: 16px; line-height: 22px; }
footer .social-block li i { flex:0 0 25px; margin-top: 5px; }
footer ul li::before { font-size: 16px; top: -1px; }
footer .container-fluid p { font-size: 14px; line-height: 22px; margin: 0; padding:10px 0 13px; }
footer { padding:40px 0 0; }
footer .logo { margin-bottom: 20px; }
footer h4::after { bottom: -6px; width: 35px; }
.newsletter .form-control { height: 40px; }
.newsletter button { height: 40px; }

/* ===== IDX-MLS-INTEGRATION-PAGE ===== */
.inner-banner { min-height: 350px; height: 100%; padding: 40px 0; display: flex; align-items: center; }
.inner-banner .container-fluid { position: inherit; top: inherit; transform: inherit; }
.inner-banner .content { max-width: 100%; }
.inner-banner h1 { font-size: 35px; line-height: 45px; margin-bottom: 10px; }
.idx-mls-integration-page .generating-tool { padding: 50px 0 0; }
.idx-mls-integration-page .generating-tool .content-image-section .image-block figure { padding: 0 15px; }
.idx-mls-integration-page .generating-tool .tool-content h2 { line-height: 40px; }
.idx-mls-integration-page .generating-tool .tool-content h5 { margin-bottom: 30px; }
.idx-mls-integration-page .generating-tool .container { max-width:100%; }
.idx-mls-integration-page .generating-tool .content-image-section p { margin-bottom: 15px; }
.idx-mls-integration-page .generating-tool .content-image-section h3 { font-size: 23px; line-height: 30px; }

/* ===== BLOG-PAGE ===== */
.blogs-page { padding: 50px 0 60px; background-size: inherit; }
.blogs-page .nav-links { margin-top: 25px; }
.blogs-page .nav-links .page-numbers { font-size: 16px; line-height: 22px; margin: 0 10px; }
.blog-post figure { height: 220px; }
.blog-post .content { padding: 15px 10px 15px; }
.blog-post h5 { margin-bottom: 10px; }
.blog-post p { margin-bottom: 20px; }
.blog-post .readmore { font-size: 16px; line-height: 24px; }
.blog-post .readmore::after { font-size: 16px; }
.blogs-section { padding-top: 15px; row-gap: 30px; }


}

@media screen and (max-width: 599px) {

h1 { font-size: 40px; line-height: 50px; }
h2 { font-size: 33px; }
form { column-gap: 15px; row-gap: 20px; }
form .form-group .form-control { height: 42px; }
form .form-group textarea.form-control { height: 80px; }
.banner .item { min-height: 650px; }
.services { display:block; }
.service { max-width: 400px; width: 100%; margin:0 auto 15px; }
.it-solutions .services { display: block; }
.it-solutions .service { margin:0 auto 20px; }
.high-tech h2 { margin-bottom: 10px; }
.testimonials .item p::before { font-size: 20px; top: -15px; left: -3px; }
.testimonials .item p::after { font-size: 20px; margin-top: 8px; }
.testimonials .item p { font-size: 15px;line-height: 22px; }
.testimonials .bottom-block { padding-top: 0; }
.testimonials .owl-dots { padding-top: 10px; }
.latest-news .news figure img { height: 240px; }
.latest-news .news-block { display: block; }
.latest-news .news { margin:0 auto 20px; max-width: 350px; width: 100%; }
.faq .accordion .accordion-header button { font-size: 14px; line-height: 22px; padding:0 20px 0 0; }
.faq .accordion .accordion-item p { font-size: 14px; line-height: 22px; }
.faq .accordion .accordion-item .accordion-body { padding: 5px 0 0 0; }
.faq .accordion .accordion-header .accordion-button::after { font-size: 18px; right: 2px; top: 4px; }
.faq .accordion .accordion-header .accordion-button.collapsed::after { right: -2px; top: 1px; }
.faq .accordion .accordion-item { padding:10px 0 5px 5px; }
.free-consulataion .form { padding:25px 20px 35px; margin-top: 30px; }

footer .newsletter { max-width: 300px; }
footer .logo { max-width: 140px; width: 100%; }

/* ===== BLOG-PAGE ===== */
.blogs-section .blog-post { max-width: 400px; width: 100%; margin: 0 auto; flex:0 0 100%; }
.blogs-page .nav-links .page-numbers { margin: 0 7px; }


}

@media screen and (max-width: 575px) {

footer aside { max-width: 350px !important; width: 100% !important; margin:0 auto 15px; }
footer ul { margin:0; }
footer h4::after { bottom: -4px; width: 40px; }
footer .social-block li i { flex:0 0 25px; margin-top: 3px; }
footer .logo {  margin:0 auto 20px; display: block; }

}

@media screen and (max-width: 479px) {

h1 { font-size: 35px; }
h2 { font-size: 30px; line-height:37px; }
form { grid-template-columns: 1fr; column-gap: 0; }
form .form-group.full { grid-column:inherit; }
form .btn.btn-blue { font-size:14px; }
.banner .item { min-height: 590px; }
header .btn { display:none; }
header nav .btn { display: inline-block; margin:0; float: none; }
nav#nav { text-align: center; }
.latest-news .news-block { display:block; }
.latest-news .news { max-width: 360px; width: 100%; margin:0 auto 20px; }
.free-consulataion .btn-block .btn { font-size: 15px; margin: 0 8px 7px !important; }
.free-consulataion ul li { padding:0 0 30px 0; }
.free-consulataion ul li P { padding-left: 12px; line-height: 20px; font-size: 14px; }
.free-consulataion .form form { padding:0; }
.case-study .item h3 { font-size: 20px; line-height: 20px; }
.case-study .item .bg-with-content ul li strong { font-size: 20px; line-height: 23px; }
.case-study .item p { font-size:14px; line-height: 20px; }
.case-study .item .bg-with-content ul li { font-size: 14px; line-height: 20px; }
.case-study .item .bg-with-content { padding:39px 15px 30px; }
.case-study .item .top-content figure img { max-width: 40px; }
.case-study .item .top-content figure { flex:0 0 55px; }
.case-study .item .bg-with-content .btn { padding:8px 15px; margin:15px 0 20px; }
.case-study .item .bg-with-content ul { grid-column-gap:30px; }


}


@media screen and (max-width: 375px) {

header .navbar-nav li { padding:6px 15px; }
header .navbar-nav li a { font-size: 14px; }
.free-consulataion .form { padding: 20px 10px 25px; }


}



/* -----------------------------------------------------
    Navifgation Responsive Styles
----------------------------------------------------- */
@media screen and (max-width: 991px) {
     nav#nav.is-active {
        opacity: 1;
        visibility: visible; 
        overflow-y: scroll;
    }

     nav#nav {
        position: fixed;
        top:0;
        left:0;
        margin-top:0;
        z-index:990;
        opacity:0.0;
        visibility: hidden;
        height:100%;
        width:100%;
        background-color: rgba(0, 115, 230, 0.9);
        transition:all 0.35s ease-in-out;
        padding: 0;
    }
    
    .navbar-nav {
      padding: 75px 0 25px;
      text-align: center;
      width: 100%;
    }
    
    /* Cross icon */
    .mobile-toggle {
        position: absolute;
        top: 31px;
        right: 15px;
        z-index:999;
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.25s;
        transition-timing-function: linear;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
        padding: 0;
        width: 30px;
        height: 28px;
        float:right;
    }
    
    .mobile-toggle:hover {
        opacity: 0.7;
    }

    .mobile-toggle:focus {
        outline:0;
    }

    .mobile-toggle-box {
        width: 34px;
        height: 28px;
        display: inline-block;
        position: relative;
    }

    .mobile-toggle-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }
    
    .mobile-toggle-inner,
    .mobile-toggle-inner::before,
    .mobile-toggle-inner::after {
        width: 28px;
        height: 3px;
        background-color: #0063a3;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }
    
    .is-active .mobile-toggle-inner,
    .is-active .mobile-toggle-inner::before,
    .is-active .mobile-toggle-inner::after {
        background-color: #fff;
    }

    .mobile-toggle-inner::before,
    .mobile-toggle-inner::after {
        content: "";
        display: block;
    }
    
    .mobile-toggle-inner::before {
        top: -9px;
    }
    
    .mobile-toggle-inner::after {
        bottom: -9px;
    }

    .mobile-toggle--squeeze .mobile-toggle-inner {
        -webkit-transition-duration: 0.075s;
        -ms-transition-duration: 0.075s;
        transition-duration: 0.075s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -ms-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    
    .mobile-toggle--squeeze .mobile-toggle-inner::before {
        -webkit-transition: top 0.075s 0.12s ease,
        opacity 0.075s ease;
        -ms-transition: top 0.075s 0.12s ease,
        opacity 0.075s ease;
        transition: top 0.075s 0.12s ease,
        opacity 0.075s ease;
    }
    
    .mobile-toggle--squeeze .mobile-toggle-inner::after {
        -webkit-transition: bottom 0.075s 0.12s ease,
        transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -ms-transition: bottom 0.075s 0.12s ease,
        transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.075s 0.12s ease,
        transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .mobile-toggle--squeeze.is-active .mobile-toggle-inner {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0.12s;
      -ms-transition-delay: 0.12s;
      transition-delay: 0.12s;
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    }
    
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner::after {
        bottom: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: bottom 0.075s ease,
        transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: bottom 0.075s ease,
        transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.075s ease,
        transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

}