@charset "utf-8";

/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1601px) and (max-width: 2100px) {
    .hero_img {
        width: 52%;
        height: 100%;
        top: 14%;
        right: -50px;
    }

    .hero_img .homeSlider {
        border-radius: 20px 250px 250px 20px;
    }

    .hero_img .homeSlider .owl-carousel .owl-item img {
        display: block;
        width: 100%;
    }

}


/* #Additional - Large Screens beyond 1600px

================================================== */

@media only screen and (min-width: 1367px) and (max-width: 1600px) {
    .container {
        width: 1250px;
    }

    #header {
        padding: 70px 70px 0;
    }

    #header .email-socials {
        left: 70px;
    }

    .main_section .title1 {
        margin: 20% 0 0 0;
    }

    #header .contact-btn {
        right: 20px;
    }

    .headline_section .headline {
        padding-top: 267px;
    }

    .headline_section h1 {
        font-size: 160px;
        line-height: 120px;
    }

    section.panel {
        padding: 150px 0 200px;
    }

    p {
        margin: 0 0 15px 0;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 32px;
    }

    .service_section .services {
        padding-top: 80px;
    }

    .service_section .services .item h2 {
        margin: 0 0 15px 0;
    }

    #work {
        height: 444px !important;
    }

    .testimonials_section .slider {
        padding-top: 60px;
    }

    #testimonials {
        height: 285px !important
    }

    #testimonials li h2 {
        margin: 0 0 60px 0;
        line-height: 42px;
    }

    .contact_section h1 {
        margin: 0 0 60px 0;
    }

    .contact_section h2 {
        margin: 0 0 40px 0;
    }

    /* 04-08-22 */
    .hero_img {
        margin-top: 100px;
        margin-right: -40px;
    }

    .hero_img .circleFull {
        width: 500px;
        height: 500px;
    }

    .hero_img .homeSlider {
        width: 710px;
        height: 370px;
        border-radius: 15px 250px 250px 15px;
        top: 38%;
        right: 10%;
    }

    .work-slider .left_cnt .slider_number {
        margin-bottom: 30px;
        font-size: 130px;
    }

    .work-slider .left_cnt p {
        margin: 0 0 40px 0;
    }
}



/* #Additional - Large Screens beyond 1366px

================================================== */

@media only screen and (min-width: 1180px) and (max-width: 1366px) {
    .container {
        width: 980px;
    }

    #header {
        padding: 40px 40px 0;
    }

    #header .email-socials {
        left: 40px;
    }

    #header .contact-btn {
        right: 40px;
    }

    #header .quote_text {
        right: 47px;
    }

    .headline_section .headline {
        padding-top: 193px;
    }

    .headline_section h1 {
        font-size: 120px;
        line-height: 94px;
    }

    section.panel {
        padding: 40px 0;
    }

    p {
        margin: 0 0 15px 0;
    }

    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 30px;
    }

    .service_section .services {
        padding-top: 60px;
    }

    .service_section .services .item h2 {
        margin: 0 0 15px 0;
    }

    .testimonials_section .slider {
        padding-top: 40px;
    }

    #testimonials {
        height: 260px !important;
    }

    #testimonials li h2 {
        margin: 0 0 40px 0;
        line-height: 40px;
    }

    .contact_section h1 {
        margin: 0 0 50px 0;
    }

    .contact_section h2 {
        margin: 0 0 30px 0;
    }

    .seo-words ul li {
        font-size: 55px;
    }

    /*-------- 14-10-2020 --------*/
    .main_section {
        background-position: 200px 330px;
        padding: 40px 0 100px !important;
    }

    .main_section .bannerScrollBox {
        bottom: 30px;
    }

    .main_section .d-svg {
        width: 300px;
        height: 380px;
    }

    .main_section .title1 {
        font-size: 35px;
    }

    .main_section .title2 {
        font-size: 35px;
    }

    .app_section .content h3 {
        font-size: 45px;
    }

    .app_section .content h1 {
        font-size: 70px;
    }

    .app_section .content .right_clm {
        margin-top: -60px;
    }

    .work-slider .work_pic {
        width: 530px;
        min-height: 550px;
    }

    .work-slider .left_cnt .slider_number {
        font-size: 120px;
    }

    .owl-theme .owl-dots {
        display: none;
    }

    .work-slider .left_cnt p {
        margin: 0 0 30px 0;
        font-size: 20px;
        line-height: 30px;
    }

    .work-slider .left_cnt h2 {
        margin: 0 0 30px 0;
        font-size: 45px;
        line-height: 55px;
    }

    .work-slider .left_cnt .visit_link {
        font-size: 20px;
        line-height: 30px;
    }

    .owl-theme .owl-nav button.owl-next {
        left: 60px;
    }

    .slider_sec .left_content {
        padding: 0px 30px 0px 0px;
    }

    .slider_sec .left_content h1 {
        font-size: 30px;
    }

    .slider_sec .mobile_screen {
        width: 50%;
        min-height: 600px;
        margin-top: 0px;
        margin-bottom: 50px;
        padding: 100px 15px;
        background-size: 100%;
    }

    .mobile-apps .owl-theme .owl-nav button.owl-next {
        left: 480px;
    }


    /* 04-08-22 */
    .hero_img {
        height: 400px;
    }

    .hero_img .circleFull {
        width: 400px;
        height: 400px;
    }

    .hero_img .homeSlider {
        width: 520px;
        height: 295px;
        border-radius: 15px 250px 250px 15px;
        top: 49%;
        right: 7%;
    }

    .heroLeft {
        margin: 10% 0;
    }

    section.panel.contact_page {
        padding-top: 150px;
    }

}







/* #iPad Pro - Large Screens beyond 1024px

================================================== */

@media only screen and (min-width: 959px) and (max-width: 1180px) {
    .container {
        width: 800px;
    }

    #header {
        padding: 20px 20px 0;
    }

    #header .email-socials {
        left: 20px;
    }

    .headline_section .headline {
        padding-top: 187px;
    }

    .headline_section h1 {
        font-size: 80px;
        line-height: 66px;
    }

    p {
        margin: 0 0 15px 0;
        font-size: 20px;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 25px;
    }

    section.panel.work_section {
        padding: 70px 0;
    }

    section.panel.main_section {
        padding: 70px 0;
    }

    section.panel.service_section {
        padding: 70px 0;
    }

    section.panel.app_section {
        padding: 70px 0;
    }

    .app_section .content {
        padding: 20px 0;
    }

    section.panel.testimonials_section {
        padding: 70px 0;
    }

    .service_section .services {
        padding-top: 50px;
    }

    .service_section .services .item {
        padding-right: 25px;
    }

    .service_section .services .item+.item {
        padding-left: 25px;
    }

    .service_section .services .item h2 {
        margin: 0 0 15px 0;
    }

    .work_section .slider {
        border: 0px solid #1c1c1c;
    }

    #work {
        height: 286px !important;
    }

    .testimonials_section .slider {
        padding-top: 40px;
    }

    #testimonials {
        height: 240px !important;
    }

    #testimonials li h2 {
        margin: 0 0 40px 0;
        line-height: 35px;
    }

    .contact_section h1 {
        margin: 0 0 50px 0;
    }

    .contact_section h2 {
        margin: 0 0 30px 0;
    }

    .inner_section .work-list {
        width: 100%;
    }

    .inner_section .service-list {
        padding-top: 50px;
    }

    /*-------- 14-10-2020 --------*/
    .main_section {
        background-position: 115px 405px;
        background-size: 100%;
    }

    .main_section .d-svg {
        width: 350px;
        height: 440px;
        top: 25%;
    }

    .main_section .title1 {
        margin: 15% 0 0 0;
        font-size: 30px;
    }

    .main_section .title2 {
        margin-left: 0;
        font-size: 30px;
    }

    .app_section .content h1 {
        font-size: 60px;
        line-height: 70px;
    }

    .app_section .content h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .app_section .content h2 {
        font-size: 70px;
    }

    .app_section .content .left_clm h4 {
        font-size: 25px;
    }

    .app_section .content .right_clm {
        margin-top: 0px;
    }

    .work-slider .work_pic {
        width: 440px;
        min-height: 450px;
    }

    .work-slider .left_cnt .slider_number {
        font-size: 90px;
        line-height: 110px;
        margin-bottom: 10px;
    }

    .work-slider .left_cnt p {
        margin: 0 0 20px 0;
        font-size: 20px;
        line-height: 30px;
    }

    .work-slider .left_cnt p br {
        display: none;
    }

    .work-slider .left_cnt h2 {
        font-size: 45px;
        line-height: 55px;
        margin: 0 0 40px 0;
    }

    .work-slider .left_cnt .visit_link {
        font-size: 20px;
        line-height: 30px;
    }

    .owl-theme .owl-nav button.owl-next {
        left: 60px;
    }

    .owl-theme .owl-dots {
        display: none;
    }

    .seo-words ul li {
        font-size: 30px;
    }

    .slider_sec .mobile_screen {
        width: 50%;
        min-height: 660px;
        margin-top: 0px;
        margin-bottom: 50px;
        padding: 100px 15px;
        background-size: 100%;
    }

    .mobile-apps .owl-theme .owl-nav {
        top: 120%;
        left: 0px;
    }

    /* 04-08-22 */
    .hero_img {
        width: 480px;
        height: 362px;
    }

    .hero_img .circleFull {
        width: 60%;
        height: 80%;
        right: 55px;
        top: 10px;
    }

    .main_section .bannerScrollBox {
        bottom: 30px;
    }

    .main_section .bannerMouse span img {
        width: 25px;
    }

    .hero_img .homeSlider {
        width: 70%;
        height: 60%;
        right: 20%;
        top: 44%;
    }

    .hero_img .homeSlider .owl-carousel .owl-item img {
        display: block;
        width: 100%;
    }

    .main_menu li {
        margin: 0 35px 0 0;
        font-size: 18px;
    }

    .heroLeft {
        margin: 15% 0 15% 0;
        width: 58%;
        padding: 0 30px 0 0;
    }

    section.panel.contact_page {
        padding-top: 120px;
    }
}







/* #Tablet (Portrait)

================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 80%;
    }

    #header .logo a span {
        font-size: 30px;
    }

    .slide__image {
        background-size: contain;
    }

    .main_menu {
        display: none !important;
    }

    .toggle_menu {
        display: inline !important;
    }

    .contact_section h1 {
        margin: 0 0 30px 0;
        font-size: 30px;
    }

    .contact_section h2 {
        margin: 0 0 30px 0;
        font-size: 30px;
    }

    /*------------- inner pages -------------*/
    .inner_section .work-list {
        width: 100%;
    }

    .inner_section h1 {
        font-size: 35px;
    }

    .about .col-3 h2 {
        min-height: auto;
        margin-bottom: 20px;
        font-size: 26px;
        font-weight: 400;
    }

    .inner_section p {
        font-size: 20px;
        line-height: 30px;
    }

    .seo-words ul li {
        font-size: 40px;
    }

    .inner_section .work-list {
        width: 100%;
        padding-top: 30px;
    }

    .inner_section .service-list {
        padding-top: 30px;
    }

    .inner_section .service-list .item h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .contact_section .col-6 {
        padding-top: 70px;
    }

    .contact_section.contact_page .contactBtn {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 15px;
    }

    .inner_section .service-list {
        padding-top: 50px;
    }

    .seo-words ul li {
        font-size: 30px;
    }

    /*-------- 14-10-2020 --------*/
    #header {
        padding: 30px 20px 15px 20px;
        background-color: #fff;
    }

    #header .email-socials {
        left: 20px;
    }

    #header .contact-btn {
        right: 20px;
    }

    #header .quote_text {
        right: 30px;
    }

    .toggle_menu nav .nav-content {
        padding: 0 0px;
    }

    .toggle_menu nav .nav-text {
        font-size: 22px;
    }

    .main_section {
        background-position: 30px 360px;
        background-size: 100%;
    }

    .main_section .title1 {
        margin: 10% 0 0 0;
        font-size: 30px;
    }

    .main_section .title2 {
        margin-left: 0;
        margin-top: 0px;
        font-size: 30px;
    }

    .main_section .d-svg {
        width: 290px;
        height: 365px;
        top: 20%;
    }

    .service_section h1 {
        font-size: 35px;
    }

    .app_section .content {
        padding: 0;
    }

    section.panel.testimonials_section {
        padding: 50px 0;
    }

    .testimonials_section h2 br {
        display: none;
    }

    .app_section .content h3 {
        font-size: 35px;
    }

    .app_section .content h2 {
        font-size: 50px;
    }

    .testimonials_section .slider {
        padding-top: 50px;
    }

    #testimonials {
        height: auto !important;
    }

    section.panel.app_section {
        padding: 50px 0;
    }

    section.panel.main_section {
        padding: 100px 0 50px;
    }

    section.panel.service_section {
        padding: 50px 0;
    }

    section.panel.work_section {
        padding: 50px 0 100px;
    }

    #testimonials li h2 {
        font-size: 25px;
        margin: 0 0 40px 0;
    }

    .app_section .content .left_clm {
        width: 45%;
        padding-top: 10px;
    }

    .app_section .content h1 {
        font-size: 50px;
    }

    .app_section .content .right_clm {
        margin-top: -80px;
    }

    .work-slider .left_cnt .slider_number {
        margin-bottom: 0px;
        font-size: 90px;
    }

    .work-slider .left_cnt p {
        margin: 0 0 10px 0;
        font-size: 20px;
        line-height: 30px;
    }

    .work-slider .left_cnt p br {
        display: none;
    }

    .work-slider .left_cnt h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .work-slider .work_pic {
        width: 330px;
        min-height: 360px;
        padding: 30px;
    }

    .owl-theme .owl-nav {
        top: 100%;
    }

    .owl-theme .owl-nav button.owl-next {
        left: 60px;
    }

    .owl-theme .owl-dots {
        display: none;
    }

    .testimonials_section h1 {
        font-size: 40px;
    }

    .slider_sec .left_content {
        width: 100%;
        padding: 50px 0px 30px 0px;
    }

    .slider_sec .left_content h1 {
        font-size: 35px;
    }

    .slider_sec .mobile_screen {
        width: 100%;
        min-height: 660px;
        margin-top: 0px;
        margin-bottom: 50px;
        padding: 100px 15px;
        background-size: 100%;
    }

    .mobile-apps .owl-theme .owl-nav {
        top: 120%;
        left: 0px;
    }

    /* 04-08-22 */
    section.panel {
        overflow: hidden;
    }

    .service_section .services .item {
        padding-right: 20px;
    }

    .service_section .services .item+.item {
        padding-left: 20px;
    }

    .service_section .services .item h2 {
        font-size: 25px;
    }

    .service_section .services {
        padding-top: 50px;
    }

    .heroLeft {
        width: 100%;
    }

    .main_section .bannerScrollBox {
        display: none;
    }

    .hero_img {
        float: right;
        position: inherit;
        width: 100%;
        height: 500px;
        margin-top: 50px;
        top: 0;
    }

    .hero_img .circleFull {
        width: 500px;
        height: 500px
    }

    .hero_img .homeSlider {
        position: inherit;
        width: 580px;
        height: 355px;
        right: 70px;
        top: 249px;
        float: right;
    }

    .hero_img .homeSlider .owl-carousel .owl-item img {
        display: block;
        width: 100%;
    }

    .mobileScreen {
        width: 100%;
    }

    section.panel.contact_page {
        padding-top: 80px;
    }

}




/*  #Mobile (Portrait)

================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 25px;
    }

    h2 {
        font-size: 22px;
    }

    p {
        font-size: 18px;
    }

    section {
        align-items: normal;
    }

    section.panel {
        padding: 70px 20px 70px 20px !important;
        display: block;
        overflow: hidden;
    }

    .container {
        width: auto;
        margin: 0 15px;
    }

    #header {
        padding: 15px;
        background-color: #fff;
    }

    #header .logo img {
        width: 50px;
        float: left;
    }

    #header .logo a span.hover {
        width: 180px;
    }

    #header .logo a span {
        padding-left: 10px;
        font-size: 22px;
        line-height: 42px;
    }

    .main_menu {
        display: none !important;
    }

    .toggle_menu {
        display: inline !important;
    }

    .toggle_menu nav {
        display: block;
    }

    .toggle_menu nav .nav-content {
        padding: 0px 20px;
        top: 100px;
        position: relative;
    }

    .toggle_menu nav .nav-title {
        margin: 0 0 10px 0;
    }

    .toggle_menu nav .nav-text {
        font-size: 16px;
        margin: 0 0 10px 0;
    }

    .toggle_menu nav .col-1 {
        width: 100%;
    }

    .toggle_menu nav .col-2 {
        width: 100%;
    }

    .toggle_menu nav li {
        font-size: 15px;
        width: auto;
        padding-right: 20px;
        line-height: 35px;
    }

    .toggle_menu nav .col-2 ul li {
        width: auto;
    }

    .headline_section {
        padding: 0px 0;
    }

    .headline_section .headline {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .headline_section h1 {
        font-size: 40px;
        color: #303030;
        line-height: 40px;
    }

    #header .contact-btn {
        width: 56px;
        height: 56px;
        font-size: 30px;
        right: 15px;
        bottom: 15px;
        line-height: 54px;
    }

    #header .quote_text {
        display: none;
    }

    #header .email-socials {
        display: none;
    }

    .service_section .services {
        padding-top: 15px;
    }

    .service_section .services .item {
        width: 100%;
        padding: 10px 0px 10px 0px;
    }

    .service_section .services .item+.item {
        padding-left: 0px;
    }

    .work_section .slider {
        padding-top: 20px;
    }

    .work_section .slide__title {
        font-size: 30px;
        left: 0px;
        bottom: 90px;
    }

    .slide__url {
        bottom: 50px;
        left: 0;
    }

    .work_section .slide {
        min-width: 90%;
    }

    .work_section .slide__image {
        height: 400px;
        background-size: cover;
    }

    .work_section nav {
        left: -2vw;
        bottom: 15px;
    }

    #testimonials li h2 {
        margin: 0 0 10px 0;
        font-size: 18px;
        line-height: 28px;
    }

    .contact_section .col-6 {
        width: 100%;
    }

    .contact_section h1 {
        margin: 0 0 20px 0;
    }

    .contact_section p {
        margin: 0 0 10px 0;
    }

    .contact_section.contact_page .contactBtn {
        font-size: 18px;
        line-height: 20px;
        padding: 10px 15px;
    }

    .contact_section h2 {
        margin: 0 0 20px 0;
    }

    .contact_section .social_footer {
        display: block;
    }

    .contact_section .col-3 {
        width: 100%;
        padding-top: 20px;
    }

    .contact_section .footer_menu ul li {
        font-size: 15px;
        width: auto;
        padding-right: 20px;
        line-height: 35px;
    }

    /*------------- inner pages -------------*/
    .alignleft,
    .alignnone,
    .alignright,
    .aligncenter {
        float: none;
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

    section.panel.inner_section {
        padding-top: 100px !important;
    }

    .seo-words ul li {
        font-size: 30px;
    }

    .inner_section p {
        line-height: 30px;
    }

    .about .col-3 {
        width: 100%;
        padding: 0px 0px 0px 15px;
    }

    .about .col-3 h2 {
        min-height: auto;
        margin-bottom: 10px;
        font-weight: 400;
    }

    .inner_section .work-list {
        padding-top: 30px;
        width: 100%;
    }

    .inner_section .work-list .col-4 {
        width: 100%;
        margin-right: 0px;
    }

    .inner_section .work-list .item {
        padding-top: 20px;
    }

    .inner_section .work-list .item:nth-child(even) {
        padding-top: 20px;
    }

    .inner_section .service-list {
        padding-top: 30px;
    }

    .inner_section .service-list .item {
        width: 100%;
        padding-right: 0px;
    }

    .inner_section .service-list .item:nth-child(even) {
        padding-left: 0px;
    }

    .inner_section .service-list .item h2 {
        min-height: auto;
    }

    section.contact_section {
        padding-top: 50px !important;
    }

    .contact_section .col-6 {
        padding-bottom: 30px;
    }

    section.panel.inner_section .service_inner .col-9 {
        width: 100%;
        float: left;
        padding-right: 0px;
    }

    section.panel.inner_section .service_inner .col-3 {
        width: 100%;
    }

    /*-------- 14-10-2020 --------*/
    .main_section {
        min-height: 521px;
    }

    .main_section .title1 {
        margin: 10% 0 0 0;
        font-size: 22px;
    }

    .main_section .title2 {
        margin-left: 0%;
        font-size: 22px;
    }

    .main_section .d-svg {
        width: 225px;
        height: 290px;
        top: 42%;
    }

    .app_section {
        min-height: 870px;
    }

    .app_section .content {
        padding: 10px 0px;
    }

    .app_section .content h3 {
        font-size: 30px;
    }

    .app_section .content h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .app_section .content h1 {
        font-size: 40px;
    }

    .app_section .content .left_clm {
        width: 100%;
        padding-top: 10px;
    }

    .app_section .content .left_clm h4 {
        font-size: 20px;
    }

    .app_section .content .right_clm {
        float: left;
        width: 100%;
        margin-top: 0px;
    }

    .work-slider .left_cnt {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .work-slider .left_cnt .slider_number {
        margin-bottom: 0px;
        font-size: 40px;
    }

    .work-slider .left_cnt p {
        margin: 0 0 10px 0;
        font-size: 16px;
        line-height: 26px;
    }

    .work-slider .left_cnt p br {
        display: none;
    }

    .work-slider .left_cnt h2 {
        margin: 0 0 30px 0;
        font-size: 35px;
        line-height: 45px;
    }

    .work-slider .left_cnt .visit_link {
        font-size: 16px;
        line-height: 26px;
    }

    .work-slider .work_pic {
        width: 100%;
        min-height: 100%;
        padding: 20px;
    }

    .owl-theme .owl-nav {
        top: 100%;
    }

    .owl-theme .owl-nav button.owl-next {
        left: 50px;
    }

    .owl-theme .owl-dots {
        display: none;
    }

    .testimonials_section .slider {
        padding-top: 30px;
    }

    .slider_sec .left_content {
        width: 100%;
        padding: 50px 0px 30px 0px;
    }

    .slider_sec .left_content h1 {
        font-size: 30px;
    }

    .slider_sec .left_content p {
        font-size: 18px;
        line-height: 30px;
    }

    .slider_sec .mobile_screen {
        width: 100%;
        min-height: 660px;
        margin-top: 0px;
        margin-bottom: 50px;
        padding: 90px 15px;
        background-size: 100%;
    }

    .mobile-apps .owl-theme .owl-nav {
        top: 120%;
        left: 0px;
    }

    /* 04-08-22 */
    .heroLeft {
        width: 100%;
    }

    .hero_img {
        position: inherit;
        float: right;
        width: 250px;
        height: 250px;
        margin-top: 30px;
        margin-bottom: 0;
        top: 0px;
    }

    .main_section .bannerScrollBox {
        display: none;
    }

    .hero_img .circleFull {
        width: 250px;
        height: 250px;
    }

    .hero_img .homeSlider {
        position: inherit;
        width: 290px;
        height: 195px;
        top: 30px;
        right: 70px;
        transform: translateY(0%);
    }

    .hero_img .homeSlider .owl-carousel .owl-item img {
        display: block;
        width: 100%;
    }

    #testimonials {
        height: 350px !important;
    }

    .mobileScreen {
        width: 100%;
    }

    .appBtn {
        margin-top: 12px;
        margin-bottom: 30px;
    }

    .quoteForm .form-group .checkbox,
    .quoteForm .form-group .radio {
        width: 100%;
    }


}

/* #Mobile (Landscape)

================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        /*width: 420px;*/
        width: auto;
        margin: 0 15px;
    }

    /* 04-08-22 */
    .heroLeft {
        width: 100%;
    }

    .hero_img {
        width: 100%;
        height: 300px;
        margin-top: 30px;
        margin-bottom: 30px;
        top: 0px;
    }

    .hero_img .circleFull {
        width: 300px;
        height: 300px;
    }

    .hero_img .homeSlider {
        width: 290px;
        height: 195px;
        right: 5%;
    }

    .hero_img .homeSlider .owl-carousel .owl-item img {
        display: block;
        width: 100%;
    }
}

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}