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

.navbar-light .navbar-brand {

    width:75%;

}



.navbar-light .navbar-brand img {

    max-height: 30px;

}



}



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

.side-menu {

    width: 100%;

}



.main-nav .navbar {

    padding: 20px 20px;

}



h1 {

    font-size: 40px;

}



p {

    font-size: 15px;

}



#contact-info .link {

    font-size: 16px;

}



#contact-info .bg {

    margin-top: 40px;

    padding: 50px 15px;

}



#contact-info .bg h2 {

    margin-bottom: 30px;

}



h2 {

    font-size: 28px;

}



.section-title h2,

#info-new .section-title h2 {

    font-size: 28px;

}



#why-choose .img {

    padding-left: 0px;

}



#why-choose .section-title {

    padding-left: 0px;

    max-width: 100%;

    margin: 20px 0px;

}



.list {

    font-size: 16px;

}



#footer {

    text-align: center;

}



#footer h3 {

    margin-top: 40px;

}



#footer .copy ul {

    margin: 0px;

    text-align: center;

    margin-top: 15px;

}




#digital-partner {

    padding: 50px 0px 0px 0px;

    margin-top: -30px;

}



#smart-solution .bg-1::before {

    width: 257px;

    height: 257px;

}



#smart-solution .bg {

    padding: 80px 20px;

    margin-top: 40px;

}



#smart-solution .bg p {

    font-size: 19px;

}



#smart-solution .mtp {

    margin-top: 80px;

}



#smart-solution .bg-2::before {

    left: -55px;

    width: 257px;

    height: 257px;

}



#smart-solution .section-title {

    margin-top: 25px;

}



#our-cases {

    padding: 0px 0px;

}



#our-cases .bg {

    padding: 150px 0px 130px 0px;

}



#cta .bg {

    padding: 0px 20px;

    margin-top: 150px;

}



#cta .img img {

    margin-top: 20px;

}



#our-cases h4 {

    font-size: 28px;

    margin-bottom: 20px;

}



#our-cases .btn-white {

    margin-bottom: 20px;

}



#smart-solution {

    padding: 110px 0px 70px 0px;

}



.sub-menu .nav-tabs li button {

    padding: 20px 25px !important;

}



#cases-filter .nav-tabs li {

    min-width: 100%;

}



#cases-filter .nav-tabs li button {

    font-size: 16px;

    padding: 8px 25px;

    min-width: 100%;

}



.cases-box .text p {

    font-size: 20px;

}



#banner {

    padding: 10px 0px 0px 0px;

}



#banner .video-space {

    padding: 100px 0px;

}



#banner h1 {

    font-size: 55px;

}



.subtitle {

    font-size: 16px;

}



#banner p {

    max-width: 100%;

}



#digital-partner .btn-default.gradient-bg {

    margin-bottom: 20px;

}



#digital-partner.webdesign-solution {

    margin-top: -80px;

    padding: 100px 0px 0px 0px;

}



#info-plan .bg {

    flex-wrap: wrap;

    padding: 70px 30px 50px 30px;

}



#info-plan .bg p {

    font-size: 20px;

}



.buildbox h3 {

    font-size: 22px;

}



#digital-partner.webdesign-solution .section-title h2 {

    margin-top: 25px;

}



#digital-partner.webdesign-solution .owl-carousel .owl-stage-outer {

    width: 100vw;

}



#info-plan .btn-default.gradient-bg {

    margin-top: 20px;

}



}



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



h1 {

    font-size: 40px;

}



p {

    font-size: 15px;

}



#contact-info .link {

    font-size: 16px;

}



#contact-info .bg {

    margin-top: 40px;

    padding: 50px 35px;

    width: 100%;

}



#contact-info .bg h2 {

    margin-bottom: 30px;

}



h2 {

    font-size: 28px;

}



.section-title h2,

#info-new .section-title h2 {

    font-size: 28px;

}



#why-choose .img {

    padding-left: 0px;

}



#why-choose .section-title {

    padding-left: 0px;

    max-width: 100%;

    margin: 20px 0px;

}



.list {

    font-size: 16px;

}



.form-control,#contact-info .form-group label {

    font-size: 16px;

}



.location-box h4 {

    font-size: 20px;

}



.location-box p {

    font-size: 15px;

}



#our-location .down p {

    font-size: 14px;

}






#digital-partner {

    padding: 50px 0px 0px 0px;

    margin-top: -30px;

}



#smart-solution .bg-1::before {

    width: 257px;

    height: 257px;

}



#smart-solution .bg-2::before {

    left: -55px;

    width: 257px;

    height: 257px;

}



#smart-solution .bg {

    padding: 80px 20px;

    margin-top: 40px;

}



#smart-solution .bg p {

    font-size: 16px;

}



#smart-solution .mtp {

    margin-top: 80px;

}



#smart-solution .section-title {

    margin-top: 25px;

}



#our-cases {

    padding: 0px 0px;

}



#our-cases .bg {

    padding: 150px 0px 130px 0px;

}



#cta .bg {

    padding: 0px 20px;

    margin-top: 150px;

}



#cta .img img {

    margin-top: 20px;

}



#our-cases h4 {

    font-size: 28px;

    margin-bottom: 20px;

}



#our-cases .btn-white {

    margin-bottom: 20px;

}



.teaminfo p {

    font-size: 16px;

}



#our-cases h4 {

    font-size: 30px;

}



#cases-filter .nav-tabs li button {

    font-size: 12px;

    padding: 8px 11px;

    min-width: 100%;

}



.cases-box .text p {

    font-size: 20px;

}



#banner {

    padding: 10px 30px 0px 30px;

}



#banner .video-space {

    padding: 100px 50px;

}



#banner h1 {

    font-size: 55px;

}



.subtitle {

    font-size: 16px;

}



#banner p {

    max-width: 100%;

}



#digital-partner .btn-default.gradient-bg {

    margin-top: 0px;

    margin-bottom: 20px;

}



.tags.lg div {

    font-size: 15px;

}



#info-plan .bg p {

    font-size: 18px;

}



#digital-partner.webdesign-solution {

    margin-top: -150px;

    padding: 220px 0px 0px 0px;

}



.buildbox h3 {

    font-size: 21px;

}



.buildbox.small h3 {

    font-size: 17px;

}



.buildbox h3 i {

    margin-right: 2px;

    font-size: 17px;

}



}



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

.section-title h2,

#info-new .section-title h2 {

    font-size: 30px;

}



p {

    font-size: 16px;

}



.main-nav .navbar .navbar-nav>.nav-item>.nav-link {

    padding: 8px 0px;

    font-size: 14px;

}



.main-nav .navbar .navbar-nav>.nav-item {

    margin-left: 30px;

}



.main-nav .navbar .navbar-nav>.nav-item> .sub-menu {

    min-width: 960px;

}



#digital-partner {

    padding: 400px 0px 0px 0px;

    margin-top: -250px;

}





#smart-solution .bg-1::before {

    width: 257px;

    height: 257px;

}



#smart-solution .bg-2::before {

    left: -55px;

    width: 257px;

    height: 257px;

}



#smart-solution .bg-3::before {

    width: 257px;

    height: 257px;

}





.digital-box h4 {

    font-size: 18px;

}



.digital-box p {

    font-size: 13px;

}



.btn-white {

    padding: 0px 12px;

    line-height: 45px;

    font-size: 12px;

}



#smart-solution .bg {

    padding: 80px 40px;

}



#smart-solution #cta .bg {

    padding: 0px 80px;

}



.teaminfo p {

    font-size: 16px;

}



.teaminfo h6 {

    font-size: 15px;

    font-weight: 500;

    margin-top: 0px;

}



.cases-box .text p {

    font-size: 20px;

}



#cases-filter .nav-tabs li button {

    font-size: 15px;

    padding: 8px 22px;

    min-width: 100%;

}



#banner .video-space {

    padding: 100px 50px;

}



#digital-partner.webdesign-solution {

    margin-top: -150px;

    padding: 220px 0px 0px 0px;

}



.planbox .img h3 {

    font-size: 20px;

}



.planbox .img .num {

    right: 20px;

    bottom: 15px;

    font-size: 57px;

}



#our-cases h4 {

    font-size: 33px;

}

}



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

.main-nav .navbar .navbar-nav>.nav-item> .sub-menu {

    min-width: 1140px;

}



#cases-filter .nav-tabs li button {

    padding: 8px 30px;

    min-width: 100%;

}



}