/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Desktop
2. Tablet
3. Medium devices
4. Small devices
*/

@media (max-width:1800px) {
    .wrap-box-isotop .filter-button-group {width: 100%;margin-left: 0px;position: relative;}
    .grid-item:nth-child(1) {margin-top: 0;}
    .grid-item.grid-first {margin-top: 0;}
    .view-our-services .wrap-box-inner{padding-top: 0;}
    .welcome-section .right-section {padding-left: 70px;padding-right: 70px;}
    .hero-section .slick-prev.slick-arrow {left: 40px;}
    .hero-section .slick-next.slick-arrow {right: 40px;}
    .main-footer:before {top: -125px;}
}

@media (min-width:1700px) and (max-width:1820px) {	
    /*.top-part .right-part{padding-right: 80px;}*/
    .welcome-section .right-section{padding-top: 170px;padding-left: 110px;padding-right: 110px;}
}

@media (min-width:1400px) and (max-width:1700px) {	
    .apply-btn {position: relative;right: auto;top: auto;margin-right: 20px;}
    /*.social-part { margin-right: 100px;}*/
    .apply-btn a:after {right: -44px;top: -14px;}
    /*.top-part .right-part {padding-right: 0;display: flex;align-items: center;position: absolute;right: 25px;}*/
}

/* ----- AA. Desktop ≥1200px and ≤1400 ----- */
@media (min-width:1200px) and (max-width:1400px) {
    .main-footer{margin-top: 105px;}
    .main-footer:before {top: -100px;height: 105px;}
    .welcome-section .right-section {padding-left: 30px;padding-right: 30px;padding-bottom: 30px;}
    .welcome-section .left-section .two-section .text-section {padding: 0px 30px;}
    .banner-part .container .banner-text{padding: 100px;}
    .scroll-top-arrow {bottom: 5%;}
    /* .social-part {margin-right: 95px;}*/
    .apply-btn { position: relative;right: 0;top: auto;margin-right: 0;}
    /* .top-part .right-part {padding-right: 0;display: flex;align-items: center;position: absolute;right: 45px;}*/
    .apply-btn a:after {right: -44px;top: -14px;}
    .contact-wrap .row { margin-left: -15px;margin-right: -15px;}
    .contact-wrap .row [class*="col-"] {padding-left: 20px;padding-right: 20px;}
}

/* ----- A. Desktop ≥1200px ----- */
@media (max-width:1200px) {	
    .inner-banner::before {width: 90%;background-position: center !important;}
    .wrap-box-isotop .filter-button-group {width: 100%;margin-left: 0px;position: relative;margin-bottom: 30px;}
    /*.grid-item:nth-child(1) {margin-top: 0;}*/
    .grid { margin-left: -15px;margin-right: -15px;} 
    .grid .grid-item {padding: 0px 15px 30px 15px;}
    .wrap-box-inner {padding-top: 0;}
    .grid-item.grid-first {margin-top: 0;}

    .sec-heading {padding-bottom: 10px;}
    /* Home page */
    .logo{width: 350px;}
    .apply-btn {position: relative;right: auto;top: auto;margin-right: 29px;}
    /* .social-part { margin-right: 100px;}*/
    .top-part .right-part {padding-right: 0;display: flex;align-items: center;position: relative;right: auto;}
    .apply-btn a:after {right: -48px;top: -17px;}
    .bottom-part .container{padding: 0;}
    .bottom-part ul li a{padding: 19px 25px 19px 20px;}
    .bottom-part ul li.has-sub > a {padding-right: 35px;}
    .main-header ul li.has-sub::before {right: 12px;}
    /* banner part */
    .banner-part .container{justify-content: center;}
    .hero-section .slick-prev.slick-arrow{left: 20px;}
    .hero-section .slick-next.slick-arrow{right: 20px;}
    .banner-part{background-position: center center !important;}
    /* welcome section */
    .welcome-section .right-section .h2{font-size: 35px;}
    .welcome-section .right-section{padding-top: 150px;padding-left: 20px;padding-right: 20px;}
    .welcome-section .left-section .two-section .text-section{padding: 0 15px;}
    .welcome-section .left-section .two-section:first-child .text-section{padding-bottom: 10px; padding-top: 110px;}
    .welcome-section  .right-section ul{margin: 20px 0 25px 0;}

    .projects-list-section::before {top: 100px;}
    .sub-blocks .block{padding: 15px;min-height: auto;}
    .sub-blocks .block .title{width: calc(100% - 70px);font-size: 14px;}
    .sub-blocks .block .desc-text p{font-size: 14px; line-height: 22px;}
    .main-header ul li:nth-last-child(-n+4) ul li ul{left: -100%;}

    /* conatct page */
    .contact-wrap .row { margin-left: -15px;margin-right: -15px;}
    .contact-wrap .row [class*="col-"] {padding-left: 15px;padding-right: 15px;}
}

/* ----- 1. Desktop ≥1024px and ≤1190 ----- */
@media (min-width:1024px) and (max-width:1199px) {	
    .container {padding-right: 20px;padding-left: 20px;}

    /*--Home banner--*/
    .main-header{padding: 25px 0 0 0;}
    .main-header .top-part .container {margin-bottom: 20px;}
    .banner-part {height: 700px;}
    .cover-project-section {height: 600px;}
    .projects-list-section {overflow-x: hidden;}
    .projects-list-section::before { top: 95px;height: 200px;width: 110%;left: -2%;right: -2%;}

    /*-- careere page ---*/
    .opportunities-wrap .opportunities-data .opportunities-details li span {width: 40%;}
    .opportunities-wrap .opportunities-data .opportunities-details li span+span {width: 60%; }
    .careers-wrap .careers-right-box {padding-left: 20px;}

    /*-- footer --*/
    .latest-project-data .btn.fill-btn {font-size: 12px;}
    .main-footer{margin-top: 90px;}
    .main-footer:before {top: -90px;height: 90px;}
    .footer-box-second img {max-width: 250px;}
    .scroll-top-arrow {bottom: 5%;}

    /*-- contact page --*/
    .contact-map iframe {height: 500px;}
    .contact-right-part {padding: 30px;}
    .contact-wrap .contact-box-inner address, .contact-wrap .contact-box-inner a {font-size: 18px;word-break: break-all;}
    .contact-wrap .contact-box-inner {margin-bottom: 35px;padding-left: 60px;}

    /* services inner page */
    .view-our-services .wrap-box-data{bottom: 15px;left: 15px;right: 15px;}
    .view-our-services .data-box-all {padding: 20px 15px;text-align: center;}
    .view-our-services .data-box-all .title-box-data h4 {font-size: 20px;padding-bottom: 10px;}
    .view-our-projects .wrap-box-data .data-box-all .title-box-data {width: 100%;}

    .projects-list-section .slick-next.slick-arrow{right: 20px;}
    .projects-list-section .slick-prev.slick-arrow{left: 20px;}
	.logo { width: 250px;}
}

@media (max-width:1023px){
    .main-header{padding: 25px 0 0 0;}
    .apply-btn {top: 26px;}
    .main-header .top-part .container {margin-bottom: 20px;}
    .banner-part {height: 700px;}
    .top-part .right-part {padding-right: 0;display: flex;align-items: center;}
    .social-part {margin-right: 30px;}
    /* reposnive menu */
    .mobile-menu-hamburger {display: block;}
    .bottom-part {display: none;}
    .apply-btn{display: none;}
    .btn-apply-menu .btn{background-color: #FFF;border: none;color: #6b2667; border-radius: 0px;font-weight: 700;}
    .scroll-top-arrow {bottom: 5%;right: 30px;}
    .call-us-box .container {flex-wrap: wrap;}
    .call-us-box-inner {width:100%;margin-bottom:75px;}
    .cell-us-box-fax {margin-left:0;margin-bottom:0;}
	
	
}

/* ----- 2. Tablet ≥768px and ≤1023 ----- */
@media (min-width:768px) and (max-width:1023px) {
    .container {padding-right: 40px;padding-left: 40px;}
    .h1, h1 {font-size: 40px;}
    .h2, h2 {font-size: 36px;}
    .h4, h4 {font-size: 20px;}
    p {font-size: 16px;}
    .sec-heading {padding-bottom: 00px;}
    .inner-banner {height: 300px;}
    .inner-banner::before {height: 300px;}
    .btn {font-size: 16px;}
    .sec-heading p {padding-bottom: 30px;text-align: center;}
    .space-large {padding-top: 50px;padding-bottom: 50px;}

    /*--home page --*/
    .logo {width: 290px;}
    .hero-section {position: relative;-webkit-clip-path: ellipse(120% 100% at 50% 0%);clip-path: ellipse(120% 100% at 50% 0%);-webkit-shape-outside: ellipse(120% 100% at 0% 50%);shape-outside: ellipse(120% 100% at 0% 50%);}
    .banner-part .title {font-size: 65px;}
    .banner-part {height: 500px;}
    .banner-part .title span {font-size: 35px;}
    .banner-part .title small {font-size: 20px;}
    .hero-section .slick-prev.slick-arrow, .hero-section .slick-next.slick-arrow {margin-top: -30px;}
    /* welcome section */
    .welcome-section {flex-wrap: wrap;margin-top: -160px;}
    .welcome-section .left-section, .welcome-section .right-section {width: 100%;}
    .welcome-section .left-section .two-section:first-child .text-section {padding-top: 190px;}
    .left-section .two-section .text-section:after {top: 40%;}
    .welcome-section .right-section {padding: 40px;}
    /* project section*/
    .projects-list-section {overflow-x: hidden;}
    .projects-list-section::before { top: 85px;height: 160px;width: 110%;left: -2%;right: -2%;}
    .sub-blocks .block .btn {font-size: 16px;}
    .cover-project-section {height: 500px;}
    /*services*/
    .our-service-section {padding-top: 50px;padding-bottom: 50px;}
    .our-service-section .block {margin-bottom: 40px;}
    .our-service-section .block .img-part {max-height: 250px;overflow: hidden;}
    .our-service-section .block .icon-img {padding: 10px;width: 75px;height: 75px;margin-top: -40px;}
    .our-service-section .block .icon-img img {max-width: 70%;}
    /* call us*/
    .call-us-box-inner p {font-size: 26px;}
    .call-us-box-inner a {font-size: 26px;}
    .our-clients .sec-heading {display: block;}
    .our-clients-title { min-width: 100%;padding-right: 0;margin-right: 0;border-right: 0;}
    .our-clients-slider {padding: 0px;}

    /*-- careere page ---*/
    .careers-inner-box {padding: 50px 0px;}
    .careers-wrap {flex-wrap: wrap;}
    .careers-text {padding-bottom: 30px;}
    .careers-wrap .careers-wrap-box {padding-top: 30px;width: 100%;padding-right: 0px;}
    .careers-wrap .careers-right-box {padding-left: 0;}
    .opportunities-wrap:last-child {border-bottom: 1px solid #eae9e7;margin-bottom: 20px;padding-bottom: 50px;}
    .careers-wrap .careers-wrap-box .careers-wrap-title {padding-bottom: 30px;text-align: center;}
    .careers-wrap .careers-left-box:before {display: none;}

    /*-- footer --*/
    .foot-one, .foot-two {width: 50%;margin-bottom: 30px;}
    .foot-third, .foot-third.foot-four {width: 50%;}
    .footer-box-second img {max-width: 250px;}
    .main-footer {margin-top: 85px;}
    .main-footer:before {top: -85px;height: 85px;}
    .main-footer {padding: 30px 0px 30px 0px;}

    /*-- contact page --*/
    .contact-map iframe {height: 400px;}

    /*-- grid ---*/
    .sec-inner-space {padding: 50px 0px;}
    .wrap-box-isotop .filter-button-group .button {padding: 20px;font-size: 16px;}
    .gallery-popup {width: 50px;height: 50px;right: 10px;bottom: 10px;}
    .gallery-popup-box img {width:50%;}
    .wrap-box-inner:before {width: 300px;}
    .load-more-data {margin-top: 50px;}
    .view-our-projects .grid .grid-item {width: 50%;}
    .view-our-gallery .grid .grid-item {width: 50%;}
    .blog-data-inner {padding: 20px;}

    /* services inner page */
    .view-our-services .wrap-box-data{bottom: 15px;left: 15px;right: 15px;}
    .view-our-services .wrap-box-data .data-box-all .title-box-data {display: inline-block;vertical-align: middle;width: 100%;margin-bottom: 10px;}
    .view-our-services .data-box-all {padding: 20px 15px;text-align: center;}
    .view-our-services .data-box-all .title-box-data h4 {font-size: 18px;text-align: center;}
    .view-our-services .view-all-box .btn {padding: 8px 15px;font-size: 14px;}

    /*-- blog inner--*/
    .blog-list-wrap .blog-title h4 {font-size: 18px;}
    .news-list-wrap .news-title h4 {font-size: 16px;}

    .projects-list-section .slick-next.slick-arrow{right: 20px;}
    .projects-list-section .slick-prev.slick-arrow{left: 20px;}
	
	.mobile-menu-hamburger{margin-left: 10px;}
}

/* ----- 3. Medium devices ≤767px ----- */
@media (max-width:767px) {
	.btn.hide-m-btn {display: none;}
    .container {padding-right: 40px;padding-left: 40px;}
    .space-large {padding-top: 50px;padding-bottom: 50px;}

    .h1, h1 {font-size: 36px;}
    .h2, h2 {font-size: 32px;}
    .h4, h4{font-size: 18px;}
    .sec-heading {padding-bottom: 0px;}
    .inner-banner {height: 300px;}
    .inner-banner::before {height: 300px;width: 100%;}
    .btn {font-size: 16px;}
    .sec-heading p {padding-bottom: 30px;text-align: center;}
    .space-large {padding-top: 50px;padding-bottom: 50px;}

    /*--home page --*/
    .logo {width: 270px;}
    .social-part {margin-right: 15px;padding-right: 15px;}
    .hero-section {position: relative;-webkit-clip-path: ellipse(110% 100% at 50% 0%);clip-path: ellipse(110% 100% at 50% 0%);-webkit-shape-outside: ellipse(110% 100% at 0% 50%);shape-outside: ellipse(110% 100% at 0% 50%);}
    .banner-part .title {font-size: 55px;}
    .banner-part {height: 500px;}
    .banner-part .title span {font-size: 30px;}
    .banner-part .title small {font-size: 18px;}
    .hero-section .slick-prev.slick-arrow, .hero-section .slick-next.slick-arrow {margin-top: -30px;}
    /* welcome section */
    .welcome-section .right-section .h2 {font-size: 28px;}
    .left-section .two-section .text-section h6 {font-size: 22px;}
    .welcome-section {flex-wrap: wrap;margin-top: -160px;}
    .welcome-section .left-section, .welcome-section .right-section {width: 100%;}
    .welcome-section .left-section .two-section:first-child .text-section {padding-top: 190px;}
    .left-section .two-section .text-section:after {top: 40%;}
    .welcome-section .right-section {padding: 40px;}
    /* project section*/
    .sub-blocks .block .btn {font-size: 16px;}
    .projects-list-section {overflow-x: hidden;}
    .projects-list-section::before {top: 79px;height: 150px;width: 110%;left: -2%;right: -2%;}
    .cover-project-section {height: 500px;}
    /*services*/
    .our-service-section {padding-top: 50px;padding-bottom: 50px;}
    .our-service-section .block {margin-bottom: 40px;}
    .our-service-section .block .img-part {max-height: 250px;overflow: hidden;border-width: 5px;}
    .our-service-section .block .icon-img {padding: 10px;width: 75px;height: 75px;margin-top: -40px;}
    .our-service-section .block .icon-img img {max-width: 70%;}

    /* call us*/
    .call-us-box-inner p {font-size: 26px;}
    .call-us-box-inner a {font-size: 26px;}
    /*clients-logos*/
    .our-clients-slider {padding: 0px;}
    .our-clients .sec-heading {display: block;}
    .our-clients-title { min-width: 100%;padding-right: 0;margin-right: 0;border-right: 0;}
    .our-clients .sec-heading {margin-bottom: 10px;padding-bottom: 0;}

    /*-- careere page ---*/
    .careers-inner-box {padding: 50px 0px;}
    .careers-wrap {flex-wrap: wrap;}
    .careers-text {padding-bottom: 30px;}
    .careers-wrap .careers-wrap-box {padding-top: 30px;width: 100%;padding-right: 0px;}
    .careers-wrap .careers-right-box {padding-left: 0;}
    .opportunities-wrap:last-child {border-bottom: 1px solid #eae9e7;margin-bottom: 20px;padding-bottom: 50px;}
    .careers-wrap .careers-wrap-box .careers-wrap-title {padding-bottom: 30px;text-align: center;}
    .careers-wrap .careers-left-box:before {display: none;}

    /*-- contact us on --*/
    .call-us-box-inner p {font-size:26px;}
    .call-us-box-inner a {font-size:26px;}

    /*-- lates news --*/
    .news-list-wrap {margin-bottom: 50px;}
    .latest-news {padding-bottom: 0px;}

    /*-- footer --*/
    .foot-one, .foot-two {width: 50%;margin-bottom: 30px;}
    .foot-third, .foot-third.foot-four {width: 50%;}
    .footer-box-second img {max-width: 230px;}
    .main-footer {margin-top: 60px;}
    .main-footer:before {top: -60px;height: 60px;}
    .footer-box-second p {font-size: 14px;}
    .main-footer {padding: 30px 0px 30px 0px;}

    /*-- contact page --*/
    .contact-map iframe {height: 350px;}
    .contact-inner-box {padding: 50px 0px;}

    /*-- grid ---*/
    .grid-dropdown {display: block;}
    .sec-inner-space {padding: 50px 0px;}
    .wrap-box-isotop .filter-button-group .button {padding: 20px 30px;font-size: 16px;}
    .grid .grid-item {padding: 0px 7.5px 15px 7.5px;}
    .grid {margin-left: -7.5px;margin-right: -7.5px;}
    .gallery-popup {width: 40px;height: 40px;right: 10px;bottom: 10px;}
    .gallery-popup-box img {width:40%;}
    .wrap-box-inner:before {width: 500px;}
    .load-more-data {margin-top: 50px;}
    .wrap-box-isotop .filter-button-group {display: none;}
    .view-our-projects .grid .grid-item {width: 50%;padding: 0px 7.5px 15px 7.5px;}
    .view-our-gallery .grid .grid-item {width: 50%;padding: 0px 7.5px 15px 7.5px;}
    .blog-inner-box .grid .grid-item {padding: 0px 7.5px 15px 7.5px;}
    .blog-data-inner {padding: 20px;}

    /* dropdown */
    .grid-dropdown {margin-bottom: 30px;}
    .dropdown {position: relative;display: block;}
    .dropdown .dropbtn {display: block;position: relative;text-align: left;padding: 12px;background-color: #662962;color: #FFF;font-size: 18px;padding: 15px 30px;font-weight: 700;}
    .dropdown-content {display: none;position: absolute;background-color: #f1f1f1;min-width: 100%;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
    .dropdown .dropbtn:before {content: "";border-left: 2px solid #fff;position: absolute;right: 30px;top: calc(50% - 2px);border-right: 0;border-bottom: 2px solid #fff;border-top: 0;width: 10px;height: 10px;transform: rotate(-45deg) translateY(-50%);transform-origin: center;}
    .dropdown-content.show {display: block;}
    .dropdown-content .button {width: 100%;text-align: left;border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .wrap-box-isotop .filter-button-group .button.is-checked:before {display: none;}

    /* services inner page */
    .view-our-services .wrap-box-data{bottom: 15px;left: 15px;right: 15px;}
    .view-our-services .wrap-box-data .data-box-all .title-box-data {width: 100%;margin-bottom: 10px;}
    .view-our-services .data-box-all {padding: 20px 15px;text-align: center;}
    .view-our-services .data-box-all .title-box-data h4 {font-size: 18px;}
    .view-our-services .view-all-box .btn {padding: 8px 15px;font-size: 14px;}
    .latest-projects .slick-dots li button{width: 8px;height: 8px;}
    .latest-projects .slick-dots li.slick-active button{width: 12px;}
    .latest-projects .slick-dots li{margin: 0 2px;}
    .our-clients-slider .item{padding: 0 15px;}

    .projects-list-section .slick-next.slick-arrow{display: none !important;}
    .projects-list-section .slick-prev.slick-arrow{display: none !important;}

}

/* ----- 4. Small devices ≤640px ----- */
@media (max-width:640px) {
    .container {padding-right: 25px;padding-left: 25px;}   
    p {font-size: 14px;}
    ul li {font-size: 14px;}
    .h1, h1 {font-size: 34px;}
    .h2, h2 {font-size: 30px;}
    .inner-banner::before, .inner-banner {height: 250px;}
    .sec-heading img {margin-bottom: 0;}

    /*---home page--*/
    .logo {width: 200px;}
    .main-header {padding: 15px 0 0 0;} 
    .main-header .top-part .container {margin-bottom: 15px;}
    .hero-section {position: relative;-webkit-clip-path: ellipse(150% 100% at 50% 0%);clip-path: ellipse(150% 100% at 50% 0%);-webkit-shape-outside: ellipse(150% 100% at 0% 50%);shape-outside: ellipse(150% 100% at 0% 50%);z-index: 1;}
    .social-part {display: none;}
    .banner-part .title span {font-size: 26px;}
    .banner-part .title {font-size: 45px;}
    .hero-section .slick-next.slick-arrow {right: calc(50% - 10%);top: auto;bottom: 10%;z-index: 9;}
    .hero-section .slick-prev.slick-arrow {left: calc(50% - 10%);top: auto;bottom: 10%;z-index: 9;}
    .banner-part .container .banner-text {text-align: center;}
    /*welcome-section*/
    .welcome-section .right-section {padding: 25px;}
    .welcome-section .left-section .two-section {flex-wrap: wrap;}
    .welcome-section .left-section .two-section .text-section {width: 100%;padding: 30px;}
    .welcome-section .left-section .two-section:first-child .text-section {padding-bottom: 50px;}
    .welcome-section .left-section .two-section .img-section {width: 100%;}
    .welcome-section .left-section .two-section:first-child .img-section {padding-top: 0;}
    .welcome-section .left-section .two-section.swap-part .text-section {order: 0;padding: 50px 30px;}
    .left-section p {margin-bottom: 0px;text-align: center;}
    .left-section .two-section .img-section img {min-height: 100%;width: 100%;height: auto;}
    .left-section .two-section .text-section:after {top: auto;bottom: -18px;left: 50%;transform: translateX(-50%); border-width: 20.5px 20.5px 0px 20.5px;border-color: #3f51b5 transparent transparent transparent;}
    .left-section .two-section.swap-part .text-section:after {top: auto;bottom: -18px;left: 50%;transform: translateX(-50%); border-width: 20.5px 20.5px 0px 20.5px;border-color: #6b2668 transparent transparent transparent;}
    .clients-logo {height: 100px;}
    .hero-section .slick-next.slick-arrow, .hero-section .slick-prev.slick-arrow {width: 30px;height: 30px;}
    .hero-section .slick-next.slick-arrow:before, .hero-section .slick-prev.slick-arrow:before {width: 14px;height: 16px;}
    .right-section ul li {padding: 0 0 0 35px;}
    .blog-inner-box .grid .grid-item {padding: 0px 25px 30px 25px;}
    /*-- careere page ---*/
    .opportunities-wrap .opportunities-data .opportunities-details li span {font-size: 16px;}
    .opportunities-wrap {padding-bottom: 30px;margin-bottom: 30px;flex-wrap: wrap;}
    .opportunities-wrap .opportunities-data .opportunities-details {padding-top: 0px;}
    .opportunities-wrap .opportunities-data h4 {font-size: 20px;}
    .opportunities-wrap:last-child {margin-bottom: 0px;padding-bottom: 30px;}
    .careers-wrap .careers-wrap-box .careers-wrap-title h2 {font-size: 30px;}
    .careers-wrap .careers-wrap-box .careers-wrap-title {padding-bottom: 15px;}
    .opportunities-wrap .opportunities-number {margin-right: 0;margin-bottom: 20px;}

    /*-- contact us on --*/
    .call-us-box-inner p {font-size:20px;}
    .call-us-box-inner a {font-size:20px;}
    .call-us-box-inner:before{width: 50px;height: 50px;background-size: contain;}
    .call-us-box-inner {padding-left: 75px;margin-bottom:35px;}
    .cell-us-box-fax {margin-bottom: 0;}
    .contact-wrap .contact-box-inner:before {width: 25px;height: 30px; background-size: contain;}
    .contact-wrap .contact-box-inner {line-height: 24px;}

    /*-- footer ---*/
    .latest-project-data .btn.fill-btn {font-size: 12px;} 
    .main-footer:before {top: -48px;height: 50px;}
    .footer-box-second {flex-wrap: wrap;flex-direction: column;}
    .footer-box-second p {margin-top: 10px;text-align: center;}
    .scroll-top-arrow {bottom: -2.5%;right: 30px;}

    /*-- conatct page --*/
    .contact-right-part {padding: 50px 30px;}
    .contact-wrap .contact-box-inner {margin-bottom: 30px;padding-left: 60px;}
    .contact-wrap .contact-box-inner address, .contact-wrap .contact-box-inner a {font-size: 16px;word-break: break-all;}

    /* services inner page */
    .view-our-services .grid .grid-item {width: 100%;}
    .view-our-gallery .grid .grid-item {width: 50%;}
    .wrap-box-data .data-box-all .title-box-data {width: 100%;}
    .view-our-services .data-box-all {padding: 10px;text-align: center;}
    .view-our-services .data-box-all .title-box-data h4 {font-size: 18px;}

    /*-- blog inner page ---*/
    .blog-inner-box .blog-data-inner {padding: 25px;}
    .blog-inner-box .blog-list-wrap .blog-content {padding-top: 15px;}
    .blog-inner-box .blog-list-wrap .blog-title h4 {font-size: 16px;}
    .blog-inner-box .grid .grid-item {width: 100%;}
    .blog-inner-box .blog-list-wrap .blog-data .blog-date {width: 50px;height: 45px;font-size: 20px;}
    .blog-list-wrap .blog-data .blog-date em {font-size: 12px;}

    /*404*/
    .error-msg h2 {font-size: 40px;}
    div.wpcf7 input[type="file"]{width: 100%;}
    .career-first-wrap{padding: 19px 60px 19px 10px;}
}

@media (max-width:600px) {
    .custom-service{margin-top: 20px; display: block;}
    .custom-service img {display: block;}
}

/* ----- 4. extra Small devices ≤640px ----- */
@media (max-width:480px) {
    /*home page */
    #menu {width: 100%;max-width: 100%;}

    .opportunities-wrap .opportunities-data .opportunities-details li span {width: 100%;}
    .opportunities-wrap .opportunities-data .opportunities-details li span+span {font-size: 18px;width: 100%;}

    /*--- footer ---*/
    .foot-one, .foot-two {width: 100%;margin-bottom: 30px;}
    .foot-third, .foot-third.foot-four {width: 100%;margin-bottom: 30px;} 
    .main-footer {padding: 30px 0px 00px 0px;}
    .scroll-top-arrow {bottom: 2%;}

    /*-- contact page --*/
    .contact-map iframe {height: 250px;}
    .contact-right-part {padding: 30px 15px;}
    .contact-box-social ul li a {font-size: 16px;width: 35px;height: 35px;}

    /*-- grid ---*/
    .wrap-box-inner:before {width: 150px;}
    .dropdown .dropbtn {padding: 10px 20px;font-size: 16px;}
    .dropdown .dropbtn:before {right: 20px;}
    .gallery-popup {width: 30px;height: 30px;}
    .wrap-box-isotop .filter-button-group .button {padding: 10px 20px;}
    .certificate-pdf li a{display: block; padding: 0;}
    .certificate-pdf li{font-size: 18px;}
}


/* ----- 4. extra Small devices ≤640px ----- */
@media (max-width:360px) {
    .grid .grid-item {width: 100%;}
    /*404*/
    .error-msg h2 {font-size: 30px;}
}