/* CSS Document */


@font-face {
  font-family: "Montserrat-Regular";
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url("fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}




:root{
    --color:#20732f;
    --color-hover:#fb6c95;
    --background-image: linear-gradient(#02a7aa,#016567);
    --family : "Montserrat-Regular";
    --family-Bold : "Montserrat-Bold";
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color:#222;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
	color:#222;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	transition:0.4s;
}
a:hover{text-decoration:none;}
a:focus{outline:none;}
img{max-width:100%;height:auto;transition:0.4s;}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
input:focus,select:focus{outline:none;}
p{line-height: 23px;}
/*MB*/
/*#wrapper-mb{overflow:hidden;width:450px;max-width:100%;margin:0 auto;box-shadow: 2px 2px 15px #eaeaea;}*/

.mb{display: none;}
.col-bottom{margin-bottom: 30px;}
.col-bottom-80{margin-bottom: 80px;}
.col-padding {padding: 30px 0px;}


#mainmenu {
    padding: 0;
    position: relative;
    /* box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.4); */
    /* -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.4); */
    /* -moz-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.4); */
    /* -o-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.4); */
    background: var(--color);
}

#mainmenu .navbar-expand-lg {
    padding: 0;
}

#mainmenu .navbar-brand {
    padding: 15px 0;
    margin: 0;
}

#mainmenu .navbar-brand img {
    display: block;
}

#navbarmenu ul {
    display: flex;
    width: 100%;
    /*justify-content: flex-end;*/
    align-items: center;
}

#navbarmenu ul li {
    display: inline-block;
}

#navbarmenu ul li a {
    padding: 0px 30px;
    min-height: 66px;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#navbarmenu ul li a.btntd span {
    display: block;
    position: relative;
    padding-left: 30px;
    text-align: left;
}

#navbarmenu ul li a.btntd span:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 35px;
    background: url(images/icon-phone.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 2px;
}

#navbarmenu ul li a.btndk {
    padding-right: 0;
}

#navbarmenu ul li a.btndk span {
    display: block;
    padding: 4px;
    --border-size: 4px;
    --border-angle: 0turn;
   /* background-image: conic-gradient(from var(--border-angle), transparent, transparent), conic-gradient(from var(--border-angle), transparent 30%, #00d0d4, #abfdfe);
    background-size: calc(100% - (var(--border-size) * 2)) calc(100% - (var(--border-size) * 2)), cover;*/
    background-position: center center;
    background-repeat: no-repeat;
    animation: bg-spin 15s linear infinite;
    border-radius: 15px;
}

@keyframes bg-spin {
    to {
        --border-angle: 10turn;
    }
}

@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}

#navbarmenu ul li a.btndk span img{display:block;}

#navbarmenu ul li a.logo img {
    display: block;
}

#navbarmenu ul li a:hover,
#navbarmenu ul li a.current {
    color: #01babd;
}

#navbarmenu ul li .dropdown-menu {
    padding: 0;
    margin: 0;
}

#navbarmenu ul li .dropdown-menu a {
    padding: 13px 20px;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
}

#navbarmenu ul li .dropdown-menu a:focus {
    background: #fff;
}

.navbarmb .navbar-toggler {
    border: none;
    padding: 0;
    display: block;
    float: right;
}
.navbarmb .navbar-toggler .navbar-toggler-icon {
    color: #6be3e1;
    width: 40px;
    height: 40px;
    font-size: 40px;
    margin-top: 6px;
    margin-left: 5px;
}

.navmb .navbar-box {
    background: #fff;
    width: 280px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    transform: translate(-110%, 0px);
    transition: all 0.6s ease-in-out 0s;
    -ms-transform: translate(-110%, 0px);
    -webkit-transform: translate(-110%, 0px);
    overflow: auto;
    display: none;
}

.navmb.active .navbar-box {
    transform: translate(0, 0px);
    transition: all 0.6s ease-in-out 0s;
    -ms-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
}


.navmb.active .navbg {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
}

.navbarmb {
    background: var(--color);
    padding: 8px 0 8px;
}

.navbarmb .navbar-brand {
    padding: 0;
    margin: 0;
}

.navbarmb button:focus {
    outline: none;
}

.navbarmb .col-md-3:first-child {
    text-align: left;
}

.navbarmb .col-md-3:last-child {
    text-align: right;
}

.navbarmb .col-md-6 {
    text-align: center;
}

.navbarmb .col-md-6 img {
    height: 50px;
}

.navbarmb .col-md-3:last-child img {
    height: 40px;
    margin-top: 5px;
    margin-right: 5px;
}

.navbarmb h1 {
    margin: 0;
}

.navbarmb .navbar-toggler {
    border: none;
    padding: 0;
    display: block;
    float: right;
}

.navbarmb .navbar-toggler .navbar-toggler-icon {
    color: #185689;
    width: 40px;
    height: 40px;
    font-size: 40px;
    margin-top: 6px;
    margin-left: 5px;
}

.navmb .navbar-brand {
    display: block;
    margin: 0;
    padding: 15px 20px;
    text-align: center;
}

.navmb .navbar-nav {
    border-top: 3px solid #01babd;
}

.navmb .navbar-nav li {
    display: block;
    border-bottom: 1px solid #dfdfdf;
}

.navmb .navbar-nav li a {
    display: block;
    color: #333;
    text-transform: uppercase;
    padding: 13px 20px 11px;
    line-height: 1.3;
    font-size: 15px;
    font-weight: 600;
}

.navmb .navbar-nav li:first-child a {
    padding-top: 14px;
}

.navmb .navbar-nav li:last-child {
    border-bottom: none;
}

.menu-fix {
    position: fixed !important;
    max-width: 100%;
    top: 0;
    z-index: 99;
    width: 100%;
    border-bottom: 2px solid rgb(242 242 242 / 0.8);
}
/**********************************************/

b{font-family: var(--family-Bold) !important;}

p{font-family: var(--family) !important}

a{text-decoration: none;}

h2 {
    font-size: 30px;
    margin-bottom: 10px;
    font-family: var(--family-Bold) !important;
}

h3 {
    font-size: 25px;
    margin-bottom: 10px;
    font-family: var(--family-Bold) !important;
}


.title-home h2 {
    /*color: var(--color);*/
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 30px;
/*    text-shadow: 2px 2px rgb(0, 33, 91);*/
    font-family: var(--family-Bold) !important;
    background: linear-gradient(#20732f, #50a02a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.title-home-1 h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 30px;
    text-shadow: 2px 2px rgb(0, 33, 91);
    font-family: var(--family-Bold) !important;
}

.btn-lh a {
    background: var(--color);
    color: #fff;
    font-size: 30px;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 2px #eaeaea;
    font-family: var(--family-Bold) !important;
}

#about-home .title-home h2 {
    margin-bottom: 0px;
}

#about-home .text-small {
    color: var(--color);
    font-size: 30px;
    margin-bottom: 10px;
    font-family: var(--family-Bold) !important;
}

#about-home .content {
    text-align: justify;
    font-size: 18px;
    margin-bottom: 30px;
}


.img-right.text-right {
    float: right;
}


.home-2 .item {
    box-shadow: 1px 1px 3px 2px #eaeaea;
    padding: 20px;
    height: 250px;
    border-radius: 10px;
    border: 1px solid var(--color);
}


.home-2 .item span.number {
    font-size: 50px;
    color: #fff;
    font-family: var(--family-Bold) !important;
}

.home-2 .item h3.heading {
    color: #fff;
    font-size: 20px;
    font-family: var(--family-Bold) !important;
}

.home-2 .item p.sub-text {
    color: #fff;
    text-align: justify;
    font-family: var(--family) !important;
}

.abuml-img img {
    width: 100%;
    height: 160px;
    margin-bottom: 25px;
}

#footer,
.home-7,
.home-5,
.home-2,
.home-step {
    /*background-color: var(--color);*/
    background: linear-gradient(to right, #20732f, #50a02a);
}




.home-step .icon-circle {
    background: #eaeaea;
    padding: 15px;
    width: 140px;
    height: 140px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px auto;
    position: relative
}

.home-step .icon-circle:after {
    top: 60%;
    left: 105%;
    transform: rotate(-50deg)
}

.home-step .icon-circle:after,.home-step .icon-circle:before {
    content: "";
    width: 20px;
    height: 70px;
    display: block;
    position: absolute;
    background-color: #eaeaea
}

.home-step .icon-circle:before {
    top: 16%;
    right: 107%;
    transform: rotate(-51deg)
}

.home-step .icon-circle .icon {
    display: block;
    padding: 10px;
    background-color: var(--color);
    width: 110px;
    height: 110px;
    border-radius: 110px;
    margin: 0 auto;
    line-height: 1;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-step .col-md-2:first-child .icon-circle:before,.home-step .col-md-2:last-child .icon-circle:after {
    display: none
}

.home-step .step-info {
    display: block;
    position: relative
}

.home-step .step-info:before {
    content: "";
    height: 40px;
    border-left: 2px dashed #fff;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    opacity: .5
}

.home-step .number-step {
    font-weight: 900;
    color: #ffc107;
    font-size: 2rem;
    display: block
}

.home-step .text {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 17px;
    color: #fff;
}

.home-step .step-bottom-right .step-info {
    margin-top: 40px
}

.home-step .step-bottom-right .step-info:before {
    bottom: 100%
}

.home-step .step-bottom-right .icon-circle:before {
    transform: rotate(50deg);
    top: 57%;
    right: 99%;
    height: 71px
}

.home-step .step-top-right .icon-circle:after {
    transform: rotate(50deg);
    top: 20%;
    left: 105%
}

.home-step .step-top-right .step-info {
    margin-bottom: 40px
}

.home-step .step-top-right .step-info:before {
    top: 100%;
    bottom: auto!important
}

@media (max-width: 575px) {
    .home-step .step {
        display:flex;
        flex-direction: column
    }

    .home-step .step-info {
        order: 1;
        text-align: center;
        margin: 0!important
    }

    .home-step .icon-circle {
        order: 2;
        width: 90px;
        height: 90px;
        border-radius: 100px;
        padding: 10px
    }

    .home-step .icon-circle:after {
        width: 10px;
        height: 40px;
        transform: rotate(90deg)!important;
        top: 50%!important;
        margin-top: -15px;
        bottom: auto;
        left: 115%
    }

    .home-step .icon-circle:before {
        display: none
    }

    .home-step .icon-circle .icon {
        width: 70px;
        height: 70px;
        padding: 15px
    }

    .home-step .number-step {
        font-size: 1.5rem
    }

    .home-step .text {
        text-transform: none;
        font-size: 11px;
        margin: 0 -5px
    }

    .home-step .step-info:before {
        height: 20px
    }

    .home-step .step-top-right .icon-circle:after {
        left: 115%
    }

    .home-step .col-4:nth-child(3) .icon-circle:after {
        display: none
    }

    .home-step .step-bottom-right .step-info:before {
        bottom: auto;
        top: 100%
    }
}

@media (max-width: 415px) {
    .home-step .icon-circle:after {
        height:60px;
        margin-top: -25px;
        left: 118%!important
    }
}


.home-5 p{
    font-size: 18px;
    color: #fff;
    font-family: var(--family-Bold) !important;
}
.home-5 ul li {
     color: #fff;
    font-size: 18px;
    font-family: var(--family) !important;
}


.accordion-item {
    background: #eaeaea !important;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px !important;
}


a.button.primary {
    background: linear-gradient(to right, #20732f, #50a02a);
    color: #fff;
    padding: 10px 30px;
    margin: 10px 0px;
    display: inline-block;
    font-family: var(--family-Bold) !important;
    animation-name: pulse;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}


.content-about p {
    text-align: justify;
    font-size: 17px;
    color: #000;
    margin-bottom: 10px;
    line-height: 25px;
}


.item-service .images img {
    width: 100%;
    height: 350px;
}

.item-service .name {
    text-align: center;
    background: linear-gradient(to right, #20732f, #50a02a);
    color: #fff;
    padding: 20px 0px;
    text-transform: uppercase;
    font-size: 18px;
    font-family: var(--family-Bold) !important;
}

.content-info {
    font-size: 17px;
    line-height: 25px;
    color: var(--color);
    font-family: var(--family-Bold) !important;
}

.featured-box.cot-4-center {
    height: 225px;
}
.featured-box {
    border: 2px dotted var(--color);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
    height: 325px;
}

.featured-box .icon-box-img {
    margin: 15px auto;
}

.featured-box .icon-box-text h3 {
    color: var(--color);
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--family-Bold) !important;
}

.featured-box .icon-box-text p {
    text-align: justify;
    font-size: 15px;
    font-family: var(--family) !important;
}

.featured-box .icon-box-text p b {
    font-family: var(--family-Bold) !important;
    color: var(--color);
}

.featured-box.cot-4-center .icon-box-text p {
    text-align: center;
}


.content-right table {
    margin: 30px 0px;
}
.content-right tr td {
    font-size: 16px;
    padding: 10px 19px;
    border: 2px solid #eaeaea;
    font-family: var(--family) !important;
}

.info-p-img p,
h3.img-title,
p.img-title-small {
    color: #fff;
}



.testimonial-box {
    box-shadow: 1px 1px 3px 1px #eaeaea;
    padding: 20px;
    text-align: center;
    height: 310px;
    margin-bottom: 20px;
}


.testimonial-box .icon-box-img img {
    border-radius: 50%;
}
.testimonial-text p.name {
    text-align: center;
    font-style: normal;
    padding-top: 10px;
}
.testimonial-text p {
    font-style: italic;
    text-align: justify;
    margin-bottom: 20px;
    font-family: var(--family) !important;
}

.testimonial-text p b {
    font-family: var(--family-Bold) !important;
}

.star-rating i {color: red;}





 @-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}


.hotline-home {
    margin: 20px 0px;
    animation-name: pulse;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.hotline-home a {
    background: var(--color);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 20px;
    font-family: var(--family-Bold) !important;
}

.title-border {
    color: var(--color);
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
    font-family: var(--family) !important;
}

.menu-home {
    background: var(--color);
}
.menu-home ul.navbar-nav.mr-auto {
    display: inline-block;
}
.menu-home li {
    float: left;
    padding: 5px 10px;
}
.menu-home li a {color: #fff;font-size: 13px;font-family: var(--family) !important}

.col-bottom-30{padding-bottom: 30px;}
.col-bottom-15{padding-bottom: 15px;}



.hotline-hotline {
    display: inline-block;
    position: fixed;
    bottom: 15px;
    right: 0px;
    z-index: 9999;
}

.hotline-hotline a {
    background: red;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    z-index: 999;
    font-family: var(--family-Bold) !important;

}

.hotline-hotline a i {
    margin-right: 10px;
   webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

@-webkit-keyframes phone-vr-circle-fill {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{
    0%{transform:scale(.9)}
    70%{transform:scale(1);box-shadow:0 0 0 15px transparent}
    100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}
}
@keyframes zoom{
    0%{transform:scale(.9)}
    70%{transform:scale(1);box-shadow:0 0 0 15px transparent}
    100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}
}



/**************************************************/
.home-7 a.button.primary,
#footer a.button.primary {
    background: yellow;
    color: red;}

.address-footer p {color: #fff;}

.title-footer {
    margin-bottom: 15px;
    font-size: 20px;
    color: #fff;
    font-family: var(--family-Bold) !important;
}
#footer ul li a,
#footer ul li {color: #fff;}

.loading{position:relative;}
.loading input{text-indent:-25px;}
.loading i{position:absolute;color:#0db2c7;font-size:20px;right:22%;bottom:15px;}
.loading2{position:relative;width: 150px;height: 39px;margin: 0 auto;}
.loading2 i{position:absolute;color: #fff;font-size:20px;top: 10px;right: 18px;}
#process2{display:block;width:150px;height: 39px;background:#01babd;font-weight:500;font-size:16px;text-align:center;text-indent: -22px;margin: 0;line-height:39px;border-radius:30px;border:none;color:#fff;}
#thankyou{padding: 50px 0;text-align: center;}
#thankyou h2{font-size: 20px;margin-bottom: 15px;color:#01babd;}
#textads{background:#01babd;padding:8px 0;color:#fff;font-size:14px;position:fixed;left:0;bottom:0;width:100%;}
#fix-footer{display: flex;display: -webkit-flex;max-width: 100%;width: 420px;height: 60px;position: fixed;background: rgba(0,0,0,0.5);/* left: 0; */bottom: 0;z-index: 4;}
#fix-footer ul{list-style:none;display:inline-block;width:100%;margin:0;padding: 0;}
#fix-footer ul li{display:inline-block;width:50%;float:left;}
#fix-footer ul li a {-webkit-flex: 1;-ms-flex: 1;flex: 1;margin: 10px 0px 10px 15px;height: 40px;line-height: 40px;color: #fff;text-align: left;border-radius: 4px;font-size: 15px;font-weight: normal;text-transform: uppercase;padding-left: 20px;display: flex;align-items: center;}
#fix-footer ul li img {width: 10%;margin-right: 5px;}
#fix-footer ul li:nth-child(1) a{background: #01babd;box-shadow: 0px 3px 0px 0px #087778;}
#fix-footer ul li:nth-child(1) a img{width:14px;margin-right:8px;}
#fix-footer ul li:nth-child(2) a{background: #e23d3a;margin-right: 10px;box-shadow: 0px 2px 0px 0px #8f2725;}

@-webkit-keyframes won{to{box-shadow:0 0 0 10px rgba(232,76,61,0)}}@-moz-keyframes won{to{box-shadow:0 0 0 10px rgba(232,76,61,0)}}@-ms-keyframes won{to{box-shadow:0 0 0 10px rgba(232,76,61,0)}}@keyframes won{to{box-shadow:0 0 0 10px rgba(232,76,61,0)}}
@-webkit-keyframes won1{to{box-shadow:0 0 0 20px rgba(232,76,61,0)}}@-moz-keyframes won1{to{box-shadow:0 0 0 20px rgba(232,76,61,0)}}@-ms-keyframes won1{to{box-shadow:0 0 0 20px rgba(232,76,61,0)}}@keyframes won1{to{box-shadow:0 0 0 20px rgba(232,76,61,0)}}  
@media screen and (min-width: 1200px){
	.container{max-width: 1200px;}
}
@media screen and (max-width: 1850px){

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

}
@media screen and (max-width: 1440px){
}
@media screen and (max-width: 1200px){
	
}
@media screen and (max-width: 991px){
    .mb{display: none;}
    .PC{display: block;}
    .container{max-width: 100%;}

    .testimonial-box {height: 100%;}
    
}
@media screen and (max-width: 768px){
	body{font-size:15px;}

    .PC{display: none;}
    .mb{display: block !important;}
	
}
@media screen and (max-width: 500px){	

    .menu-home.menu-fix {
        margin-left: -15px;
    }
.title-home-1 h2,
    .title-home h2 {
        font-size: 25px;
    }
.testimonial-box {

    height: 360px;
}

.abuml-img img {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}
 
  
}
@media screen and (max-width: 430px){
	
}
@media screen and (max-width: 390px){
  .menu-home li {
    float: left;
    padding: 5px 8px;
  }
  .contact-info li {
    font-size: 18px;
  }
    
}
@media screen and (max-width: 375px){
    .title-home h2 {
        font-size: 18px;
    }
    .menu-home li {
        float: left;
        padding: 5px 6px;
    }
   /* .list-info-x ul li {
        font-size: 11px;
    }*/
    .menu-footer p {
        font-size: 13px;
    }
    .contact-info li {
        font-size: 16px;
    }

}
@media screen and (max-width: 360px){
   
	.menu-home li {
        float: left;
        padding: 5px;
    }
}