@resolveio/client-lib-core 0.0.1

package/src/assets/css/home-page-theme.css

@@ -0,0 +1,1157 @@
+@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,700,700i,800,900&display=swap');
+p:last-child {
+    margin-bottom: 0px;
+}
+.btn_1 {
+    display: inline-block;
+    vertical-align: middle;
+    outline: none;
+    border: none;
+    line-height: 1;
+    transition: all 500ms ease-in-out;
+    -webkit-transition: all 500ms ease-in-out;
+    -moz-transition: all 500ms ease-in-out;
+    outline: none;
+    font-size: 14px;
+    text-align: left;
+    padding: 14px 20px;
+    min-width: 132px;
+    font-weight: 400;
+    color: #fff;
+    -moz-border-radius: 20px;
+    -webkit-border-radius: 20px;
+    border-radius: 20px;
+    background-color: #0b4499;
+    text-align: center;
+    font-weight: 700;
+    text-transform: uppercase;
+}
+.btn_1 i.fa {
+    margin-left: 6px;
+    font-size: 12px;
+}
+.btn_1:hover {
+    background: #3764eb;
+    color: #fff;
+}
+.btn_2 {
+    display: inline-block;
+    vertical-align: middle;
+    color: #fff;
+    outline: none;
+    border: none;
+    line-height: 1;
+    transition: all 500ms ease-in-out;
+    -webkit-transition: all 500ms ease-in-out;
+    -moz-transition: all 500ms ease-in-out;
+    outline: none;
+    text-align: center;
+    padding: 13px 10px;
+    font-size: 15px;
+    font-weight: 400;
+    min-width: 130px;
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    border-radius: 6px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    background-color: #172230;
+}
+.btn_2:hover {
+    background-color: #324754;
+    color: #fff;
+}
+.link_read_more {
+    color: #222222;
+    font-size: 12px;
+    text-decoration: none;
+    display: inline-block;
+    padding-bottom: 15px;
+    position: relative;
+    text-transform: uppercase;
+}
+.link_read_more:after {
+    content: "";
+    background: url("/src/assets/images/arrow_btn.png") no-repeat;
+    width: 95px;
+    height: 12px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+}
+.link_read_more:hover {
+    color: #0b4499;
+}
+.link_read_more.white {
+    color: #fff;
+}
+.link_read_more.white:after {
+    background: url("/src/assets/images/white_arrow_btn.png") no-repeat;
+}
+.link_read_more.white:hover {
+    color: #fff;
+}
+#back-to-top {
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    z-index: 9999;
+    width: 43px;
+    height: 43px;
+    text-align: center;
+    line-height: 43px;
+    color: #fff;
+    cursor: pointer;
+    border: 0;
+    text-decoration: none;
+    transition: opacity 0.2s ease-out;
+    opacity: 0;
+    font-size: 24px;
+    background: #0b4499;
+}
+#back-to-top:hover {
+    background: #0b4499;
+    color: #fff;
+}
+#back-to-top.show {
+    opacity: 1;
+}
+.mobile_header {
+    display: none;
+}
+.mobile_header_main {
+    height: auto !important;
+}
+header.mobile_header {
+    background-color: #0b4499;
+    -webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,.36);
+    -moz-box-shadow: 0 0 7px 1px rgba(0,0,0,.36);
+    box-shadow: 0 0 7px 1px rgba(0,0,0,.36);
+    position: relative;
+    z-index: 950;
+    left: 0;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    height: 58px;
+}
+/* .header_1_main {
+} */
+header.header_1 {
+    z-index: 400;
+    position: relative;
+    width: 100%;
+    top: 0;
+    left: 0;
+    padding: 0px;
+    height: 82px;
+    position: absolute;
+    top: 36px;
+}
+header.header_1.without_banner {
+    position: relative;
+    background-color: #f0f4f8;
+    padding-bottom: 30px;
+}
+header.header_1 .row {
+    margin: 0px 0px;
+}
+header.header_1 .row [class*="col-"] {
+    padding: 0px 0px;
+}
+header.header_1 .inner {
+    position: relative;
+}
+header.header_1 .container {
+    clear: both;
+    position: relative;
+}
+header.header_1.sticky {
+    background-color: #0b4499;
+    -webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,.36);
+    -moz-box-shadow: 0 0 7px 1px rgba(0,0,0,.36);
+    box-shadow: 0 0 7px 1px rgba(0,0,0,.36);
+    padding-top: 0px;
+}
+header.header_1.sticky.without_banner {
+    padding-bottom: 0px;
+}
+header.header_1 .logo {
+    padding: 4px 0px;
+}
+.main_menu_wrap {
+    position: relative;
+    margin-top: 25px;
+}
+header.header_1.without_banner .main_menu_wrap {
+    background-color: #fff;
+}
+.sf-menu {
+    line-height: 1;
+    z-index: 200;
+    margin: 0;
+    list-style-type: none;
+    float: right;
+}
+.sf-menu > li {
+    padding: 0;
+    margin: 0;
+    float: left;
+    vertical-align: middle;
+}
+/* .sf-menu li {
+} */
+.sf-menu > li:last-child {
+    padding-right: 0;
+}
+.sf-menu > li:first-child {
+    background: none;
+}
+.sf-menu > li > a {
+    text-decoration: none;
+    font-weight: 600;
+    padding: 11px 10px;
+    font-size: 14px;
+    color: #fff;
+    margin-bottom: 0;
+    display: block;
+    margin-left: 10px;
+}
+.sf-menu > li.current_page_item > a, .sf-menu > li > a:hover, .sf-menu > li.sfHover > a, .sf-menu > li.active > a {
+    outline: 0;
+    text-decoration: none;
+    color: #a7c5f2;
+}
+.sf-menu > li:last-child > a {
+    border: none;
+    color: #fff;
+    cursor: pointer;
+    background: #46e870;
+    border-radius: 20px;
+    padding: 11px 25px;
+    text-transform: uppercase;
+}
+/* .sf-menu > li:last-child > a:hover {
+} */
+.sf-menu ul {
+    font-size: 13px;
+    list-style: none;
+    text-align: left;
+    margin: 0;
+    padding: 0px;
+    position: absolute;
+    left: 0;
+    top: 60px;
+    z-index: 9999;
+    display: none;
+    width: 100%;
+    background-color: #5bc86d;
+    padding: 14px 0px;
+    padding-left: 24px;
+}
+.sf-menu ul li {
+    background: none;
+}
+.sf-menu ul ul {
+    left: 200px;
+    top: 0px;
+}
+/* .sf-menu ul li {
+width: 195px;
+} */
+.sf-menu ul li:first-child {
+    border-top: 0 none;
+}
+.sf-menu ul li:last-child {
+    border-bottom: 0 none;
+    margin-bottom: 0;
+}
+.sf-menu ul a {
+    color: #ffffff;
+    display: block;
+    margin: 0;
+    padding: 10px 20px;
+    font-size: 12.5px;
+    text-transform: none;
+    text-decoration: none;
+    font-weight: 500;
+}
+.sf-menu ul li {
+    margin-bottom: 0;
+    float: left;
+}
+.sf-menu ul li a:hover, .sf-menu ul li.sfHover > a {
+    color: #f7d53f;
+    text-decoration: none;
+}
+img.alignleft {
+    float: left;
+    margin-right: 25px;
+    margin-bottom: 25px;
+}
+img.alignright {
+    float: right;
+    margin-left: 25px;
+    margin-bottom: 25px;
+}
+.sec {
+    padding: 70px 0px;
+    position: relative;
+}
+.sec.sec_bottom_space_none {
+    padding-bottom: 0px;
+}
+.sec_title {
+    margin-top: 50px;
+
+    margin-bottom: 50px;
+}
+.sec_title h1 {
+    line-height: 1;
+    position: relative;
+    color: #222222;
+    margin-bottom: 30px;
+    font-weight: 800;
+}
+.sec_title.text-center h1:after {
+    background: url('/src/assets/images/header_center_after.png') no-repeat;
+    width: 241px;
+    height: 19px;
+    top: 0;
+    right: 0;
+    margin: auto;
+    margin-bottom: 0px;
+}
+.sec_title p {
+    color: #7d899c;
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 24px;
+    max-width: 750px;
+    margin-left: auto;
+    margin-right: auto;
+}
+/* .sec1 {
+} */
+.banner {
+    position: relative;
+   background-color: #0b4499;
+}
+.banner ul li {
+    width: 100%;
+}
+.banner ul li img {
+    width: 100%;
+}
+.banner ul li .caption {
+    position: absolute;
+    top: 39%;
+    left: 0;
+    width: 100%;
+}
+.banner article {
+    margin: 0;
+    position: relative;
+    z-index: 350;
+}
+.banner article h1 {
+    font-size: 60px;
+    margin-bottom: 20px;
+    color: #fff;
+    font-weight: 900;
+    line-height: 1.2;
+}
+.banner article h1 span {
+    color: #fff;
+    font-weight: 300;
+}
+.banner article ul {
+    clear: both;
+    margin-bottom: 20px;
+}
+.banner article ul li {
+    color: #fefefe;
+    font-size: 15px;
+    padding: 0px 0px;
+    padding-left: 24px;
+    position: relative;
+    margin-bottom: 10px;
+}
+/* .banner article h1+ul {
+} */
+.banner article h1+ul li {
+    float: none;
+    width: auto;
+}
+.banner article ul li:after {
+    content: "";
+    background: url('/src/assets/images/banner_list_icon.png') no-repeat;
+    width: 13px;
+    height: 13px;
+    position: absolute;
+    top: 4px;
+    left: 0;
+}
+.footer_1 {
+    padding: 50px 0px;
+    background: url("/src/assets/images/contact_bg.jpg") repeat #fff;
+    padding-bottom: 0;
+}
+/* footer.footer_1 h3 {
+} */
+footer.footer_1 .widget p {
+    font-size: 14px;
+    color: #e9e9e9;
+}
+footer.footer_1 .foot-social {
+    display: block;
+    margin-bottom: 0;
+    clear: both;
+}
+footer.footer_1 .foot-social a {
+    display: inline-block;
+    text-align: center;
+    line-height: 36px;
+    font-size: 15px;
+    color: #fff;
+    margin-right: 5px;
+    margin-bottom: 0;
+    width: 36px;
+    height: 36px;
+    -moz-border-radius: 18px / 18px 18px 18px 18px;
+    -webkit-border-radius: 18px / 18px 18px 18px 18px;
+    border-radius: 18px / 18px 18px 18px 18px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    background-color: #3764eb;
+}
+footer.footer_1 .foot-social a:hover {
+    background-color: #fff;
+    color: #3764eb;
+}
+footer.footer_1 .copyrights_wrap {
+    padding: 10px 0px;
+    background-color: #0a0545;
+    margin-top: 45px;
+}
+footer.footer_1 .copyrights_wrap p {
+    margin: 0px;
+    color: #e9e9e9;
+    font-size: 13px;
+    text-align: center;
+    font-weight: 300;
+}
+footer.footer_1 .copyrights_wrap p a:hover {
+    color: #fff;
+}
+.header_1_main {
+    display: block;
+}
+/* .sec3 {
+}
+.sec2 {
+} */
+.header_1_main {
+    display: block;
+    height: auto !important;
+}
+/* #contact_modal {
+} */
+.modal-backdrop.in {
+    opacity: 1;
+    background: #ebf3fc;
+}
+#contact_modal .inner {
+    width: 380px;
+    margin-left: auto;
+    margin-right: auto;
+    padding-top: 50px;
+    padding-bottom: 40px;
+}
+#contact_modal .inner h2 {
+    line-height: 1;
+    position: relative;
+    color: #403f3f;
+    margin-bottom: 30px;
+    font-weight: 700;
+    padding-bottom: 30px;
+    text-align: center;
+    display: block;
+}
+#contact_modal .inner h2:after {
+    content: "";
+    background: url('/src/assets/images/header_center_after.png') no-repeat;
+    width: 241px;
+    height: 19px;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    margin: auto;
+    margin-bottom: 0px;
+}
+#contact_modal .inner .btn_2 {
+    margin-top: 25px;
+    min-width: 200px;
+    font-weight: 700;
+    text-transform: uppercase;
+    background-color: #324754;
+    padding: 16px 10px;
+}
+#contact_modal .inner .btn_2:hover {
+    background-color: #172230;
+    color: #fff;
+}
+
+.sec.logo_design_sec {
+    background-color: #0b4499;
+    padding-top: 80px;
+}
+.sec.logo_design_sec figure {
+    margin-bottom: 30px;
+}
+/* .sec.logo_design_sec figure img {
+} */
+.sec.logo_design_sec article {
+    margin-bottom: 30px;
+    margin-left: 10px;
+}
+.sec.logo_design_sec article h2 {
+    font-size: 40px;
+    line-height: 45px;
+    margin: 0px;
+    margin-bottom: 25px;
+    font-weight: 800;
+    color: #fff;
+}
+.sec.logo_design_sec article p {
+    color: #fff;
+}
+.sec.logo_design_sec article a.link {
+    font-size: 16px;
+    font-weight: 600;
+    text-transform: uppercase;
+}
+.sec.logo_design_sec article a.link:hover {
+    color: #000;
+}
+.sec.services_sec {
+    background: url('/src/assets/images/software_sec_bg.jpg') no-repeat #0b4499;
+    background-size: cover;
+}
+/* .sec.services_sec .sec_title {
+} */
+.sec.services_sec .sec_title h1 {
+    color: #FFF;
+    text-align: center;
+}
+.sec.services_sec .services_wrap {
+    text-align: center;
+}
+.sec.services_sec .services_wrap li {
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 4px;
+}
+.sec.services_sec .services_wrap li a {
+    text-decoration: none;
+    position: relative;
+    width: 111px;
+    height: 111px;
+    background-color: transparent;
+    border: solid 2px #fff;
+    transition: all 400ms ease-in-out;
+    margin: 0px 10px;
+    display: block;
+}
+.sec.services_sec .services_wrap li a img {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    margin: auto;
+    transition: all 400ms ease-in-out;
+}
+.sec.services_sec .services_wrap li a:hover, .sec.services_sec .services_wrap li.active a {
+    border-color: #FFFFFF;
+    background-color: #0b4499;
+}
+/*.sec.services_sec .services_wrap li:nth-child(even) a {
+    margin-top: 105px;
+}*/
+/* .sec.services_sec .services_wrap li a:hover img, .sec.services_sec .services_wrap li.active a img {
+} */
+div.abt_sec {
+    position: relative;
+    overflow: hidden;
+}
+/* .abt_thumb {
+} */
+.abt_thumb img {
+    width: 100%;
+}
+.abt_sec article {
+    margin-top: 65px;
+    margin-left: 10px;
+}
+.abt_sec h1 {
+    position: relative;
+    font-size: 35px;
+    margin-bottom: 23px;
+}
+.abt_sec h4 {
+    color: #0b4499;
+    font-size: 24px;
+    text-transform: uppercase;
+    margin-bottom: 8px;
+}
+.footer_sidebar {
+    background-color: #0a0545;
+    padding: 35px 30px;
+}
+.address_sec {
+    font-size: 13px;
+    line-height: 1.2;
+    margin-bottom: 20px;
+    color: #fff;
+    clear: both;
+}
+.address_sec ul li {
+    font-size: 13px;
+    margin-bottom: 15px;
+    padding-left: 25px;
+}
+.address_sec ul li a {
+    color: #fff;
+    text-decoration: none;
+}
+.address_sec ul li i {
+    font-size: 12px;
+    margin-right: 15px;
+    margin-left: -26px;
+    color: #fff;
+    border-radius: 50%;
+    width: 15px;
+    height: 15px;
+    text-align: center;
+    line-height: 15px;
+}
+.home_contact_form .form-control {
+    border-color: #d1d1d1;
+    box-shadow: none;
+    color: #404040;
+    background-color: transparent;
+    margin-bottom: 25px;
+    font-size: 13px;
+    background-color: #fff;
+}
+.home_contact_form select.form-control {
+    text-transform: uppercase;
+}
+.home_contact_form textarea.form-control {
+    height: 80px;
+}
+.home_contact_form .btn_1 {
+    margin-top: 10px;
+    padding: 17px 20px;
+    min-width: 180px;
+    border-radius: 30px;
+    font-size: 15px;
+}
+.logo_sec {
+    background-color: #f4f6f9;
+}
+.logo_slider_wrap {
+    margin: 0px -15px;
+    width: auto !important;
+}
+.logo_slider_wrap .inner {
+    margin: 0px 15px;
+}
+.logo_slider_wrap figure {
+    height: 115px;
+    background: #fff;
+    position: relative;
+}
+.logo_slider_wrap figure img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin: auto;
+    width: auto !important;
+}
+
+@media (min-width: 1200px) {
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+.home_login_form_wrap {
+    margin-left: 0px;
+}
+.home_login_form_wrap .inner header {
+    padding: 25px 30px;
+}
+.home_login_form_wrap span.icon:after {
+    margin-left: 30px;
+}
+.home_login_form_wrap .form-control {
+    padding-left: 55px;
+}
+.testimonial_wrap {
+    padding: 0px;
+}
+.assistanse_wrap .inner {
+    padding: 0px 0;
+}
+.interesting-bar .inner {
+    margin-left: 0px;
+    margin-right: 0px;
+}
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+.home_login_form_wrap {
+    margin-left: 0px;
+}
+.home_login_form_wrap .inner header {
+    padding: 25px 30px;
+}
+.home_login_form_wrap span.icon:after {
+    margin-left: 30px;
+}
+.home_login_form_wrap .form-control {
+    padding-left: 55px;
+}
+.testimonial_wrap {
+    padding: 0px;
+    width: auto;
+}
+.assistanse_wrap .inner {
+    padding: 0px 0;
+}
+.interesting-bar .inner {
+    margin-left: 0px;
+    margin-right: 0px;
+}
+.sf-menu > li > a {
+    margin-left: 0px;
+    padding: 8px 8px;
+}
+.banner ul li .caption {
+    top: 27%;
+}
+.banner article h1 {
+    margin-bottom: 20px;
+}
+.banner article ul {
+    margin-bottom: 10px;
+}
+.counter_wrap .inner span.counter {
+    font-size: 45px;
+}
+.assistanse_wrap {
+    text-align: center;
+}
+.assistanse_wrap .text-right {
+    text-align: center !important;
+}
+.assistanse_wrap h4 {
+    margin-right: 0px;
+    margin-bottom: 20px;
+}
+.assistanse_wrap ul {
+    margin-left: 0px;
+}
+.assistanse_wrap ul li i {
+    margin-left: 0px;
+}
+.assistanse_wrap ul li {
+    padding-left: 70px;
+}
+.assistanse_wrap ul li {
+    float: none;
+    display: inline-block;
+    vertical-align: middle;
+    text-align: left;
+}
+.assistanse_wrap .btn_2 {
+    width: 130px;
+}
+.interesting-bar h2 {
+    padding-right: 160px;
+}
+}
+
+@media (max-width: 767px) {
+header.header_1 {
+    height: auto;
+}
+header.header_1 {
+    display: none;
+}
+.sec {
+    padding: 50px 0px !important;
+}
+.mobile_header {
+    display: block;
+}
+header.mobile_header .logo {
+    padding: 14px 0px;
+}
+header.mobile_header .logo img {
+    height: 30px;
+}
+.side_menu_toogle {
+    width: 28px;
+    height: 25px;
+    margin: 0;
+    margin-top: 15px;
+    margin-left: auto;
+    margin-right: 0;
+    display: block;
+}
+.side_menu_toogle span:after, .side_menu_toogle span:before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: -9px;
+}
+.side_menu_toogle span:after {
+    top: 9px;
+}
+.side_menu_toogle span {
+    position: relative;
+    display: block;
+}
+.side_menu_toogle span, .side_menu_toogle span:after, .side_menu_toogle span:before {
+    width: 100%;
+    height: 5px;
+    background-color: #fff;
+    transition: all 0.3s;
+    backface-visibility: hidden;
+    border-radius: 2px;
+    display: inline-block;
+}
+/* on activation */
+.side_menu_toogle.active span {
+    background-color: transparent;
+}
+.side_menu_toogle.active span:before {
+    transform: rotate(45deg) translate(5px, 5px);
+    -webkit-transform: rotate(45deg) translate(5px, 5px);
+    -moz-transform: rotate(45deg) translate(5px, 5px);
+}
+.side_menu_toogle.active span:after {
+    transform: rotate(-45deg) translate(7px, -8px);
+    -webkit-transform: rotate(-45deg) translate(7px, -8px);
+    -moz-transform: rotate(-45deg) translate(7px, -8px);
+}
+.side_menu_toogle.active {
+    opacity: 1;
+    visibility: visible;
+}
+.mobile_menu {
+    display: none;
+    position: fixed;
+    top: 57px;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    z-index: 999999;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    background: #093a84;
+    color: #fff;
+    padding: 20px;
+}
+.mobile_menu ul.inner {
+    margin-bottom: 20px;
+}
+.mobile_menu > ul.inner ul {
+    display: none;
+}
+.mobile_menu ul.inner li {
+    list-style: none;
+}
+.mobile_menu ul.inner li a {
+    display: block;
+    padding: 11px 20px;
+    text-decoration: none;
+    padding-left: 30px;
+    color: #fff;
+    position: relative;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+    font-size: 12px;
+    text-transform: none;
+    font-weight: 600;
+    text-transform: uppercase;
+    font-family: 'Open Sans', sans-serif;
+}
+.mobile_menu ul.inner li a i {
+    display: none;
+}
+.mobile_menu ul.inner li a:after {
+    display: inline-block;
+    font: normal normal normal 14px/1 FontAwesome;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: inherit;
+    content: "\f101";
+    font-size: 15px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin: auto;
+    width: 11px;
+    height: 16px;
+    margin-left: 15px;
+}
+.mobile_menu ul.inner li a:hover, .mobile_menu ul.inner li.active a {
+    color: #fff;
+    outline: 0;
+    text-decoration: none;
+    background-color: #024fc9;
+}
+/* .mobile_menu ul.inner li a:hover {
+}
+.mobile_menu ul.inner li:last-child a {
+} */
+.mobile_menu ul.inner ul li a {
+    padding-left: 45px;
+}
+.mobile_menu ul.inner ul li a:hover {
+    color: #fff;
+    outline: 0;
+    text-decoration: none;
+    background-color: #4cb35d;
+}
+.mobile_menu ul.inner ul li a:after {
+    margin-left: 25px;
+}
+.header_1_main {
+    display: none;
+}
+/* header.header_1 {
+} */
+header.header_1 .logo img {
+    border: 1px solid red;
+}
+.home_login_form_wrap {
+    margin-left: 0px;
+}
+.home_login_form_wrap .inner header {
+    padding: 25px 30px;
+}
+.home_login_form_wrap span.icon:after {
+    margin-left: 30px;
+}
+.home_login_form_wrap .form-control {
+    padding-left: 55px;
+}
+.testimonial_wrap {
+    padding: 0px;
+    width: auto;
+}
+.assistanse_wrap .inner {
+    padding: 0px 0;
+}
+.interesting-bar .inner {
+    margin-left: 0px;
+    margin-right: 0px;
+}
+.sf-menu > li > a {
+    margin-left: 0px;
+    padding: 8px 8px;
+}
+.banner ul li .caption {
+    top: 27%;
+}
+.banner article h1 {
+    margin-bottom: 20px;
+}
+.banner article ul {
+    margin-bottom: 10px;
+}
+.counter_wrap .inner span.counter {
+    font-size: 45px;
+}
+.assistanse_wrap {
+    text-align: center;
+}
+.assistanse_wrap .text-right {
+    text-align: center !important;
+}
+.assistanse_wrap h4 {
+    margin-right: 0px;
+    margin-bottom: 20px;
+}
+.assistanse_wrap ul {
+    margin-left: 0px;
+}
+.assistanse_wrap ul li i {
+    margin-left: 0px;
+}
+.assistanse_wrap ul li {
+    padding-left: 70px;
+}
+.assistanse_wrap ul li {
+    float: none;
+    display: inline-block;
+    vertical-align: middle;
+    text-align: left;
+}
+.assistanse_wrap .btn_2 {
+    width: 130px;
+}
+.interesting-bar h2 {
+    padding-right: 160px;
+}
+.banner article h1 {
+    font-size: 25px;
+}
+.banner article ul li {
+    margin-bottom: 5px;
+}
+.counter_wrap .inner {
+    margin-bottom: 40px;
+}
+footer.footer_1 .widget {
+    margin-right: 0px;
+}
+    
+    .sec.services_sec .services_wrap li a {
+    margin-bottom: 10px;
+}
+    
+    .sec.services_sec .services_wrap li a {
+    margin: 0px 3px !important;
+    margin-bottom: 15px !important;
+}
+    
+    .footer_sidebar{
+        
+        margin-top: 30px;
+    }
+}
+
+@media (max-width: 700px) {
+.banner ul li .caption {
+    position: static;
+    margin-top: 58px;
+    padding: 30px 30px;
+    padding-bottom: 15px;
+}
+.banner ul li img {
+    display: none;
+}
+.banner ul li .caption img {
+    display: block;
+}
+.banner ul li .caption .col-xs-5, .banner ul li .caption .col-xs-7 {
+    width: 100%;
+    float: none;
+}
+.banner article {
+    width: auto;
+    margin-bottom: 30px;
+}
+.banner article ul li {
+    margin-bottom: 10px;
+}
+.sec_title h1 {
+    font-size: 30px;
+}
+.interesting-bar .btn_1 {
+    position: static;
+}
+.interesting-bar h2 {
+    padding-right: 0;
+    line-height: 1.2;
+    margin-bottom: 20px;
+}
+    
+.sec.services_sec .services_wrap li a {
+    width: 95px;
+    height: 95px;
+}
+    
+    .logo_design_sec [class*="col-"]{
+        
+        
+        float: none;
+        width: 100%;
+        }
+}
+
+@media (max-width: 500px) {
+.top_bar_wrap .row {
+    margin: 0px -5px;
+}
+.top_bar_wrap .row [class*="col-"] {
+    padding: 0px 5px;
+}
+.top_bar_wrap .head-social a {
+    margin-left: 0px;
+}
+.top_bar_wrap .phone_no_wrap {
+    margin-right: -22px;
+    font-size: 11px;
+}
+.top_bar_wrap .phone_no_wrap i.fa {
+    line-height: 22px;
+    font-size: 10px;
+    width: 22px;
+    height: 22px;
+}
+.top_bar_wrap .head-social a {
+    line-height: 22px;
+    font-size: 10px;
+    width: 22px;
+    height: 22px;
+}
+.top_bar_wrap .head-social {
+    margin: 6px 0px;
+}
+.top_bar_wrap .phone_no_wrap {
+    margin: 6px 0px;
+    margin-right: -22px;
+}
+.counter_wrap .col-xs-6 {
+    width: 100%;
+    float: none;
+}
+.testimonial_wrap .inner {
+    margin: 0px;
+}
+}
+
+@media (max-width: 400px) {
+}
+
+.services_wrap h4 {
+    margin: 10px 0;
+    font-size: 15px;
+    color: #fff;
+}
+
+.services_wrap h5 a {
+    background-color: #0b4499 !important;
+    color: #fff;
+    border: none !important;
+    height: 30px !important;
+    padding: 8px 0;
+    font-size: 10px;
+}