@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
html{width:100%; height:100%;}
body{width:100%; height:100%;}
body{margin:0px; padding:0px; font-family: "Open Sans", sans-serif; font-size:20px; background:#fff; color:#000; overflow-x:hidden}
html{scroll-behavior: smooth;}
.header{position:relative; width:100%; height:110px;}
.header .navbar{width:100%; position:fixed; top:0px; left:0px; padding:10px; background:#fff; z-index:1000;}
.header .navbar .container-fluid{padding:0px; max-width: 1300px;}
.header .navbar .container-fluid .navbar-brand{padding: 0px; width: 80px;}
.header .navbar .container-fluid .navbar-brand img{width:100%; height:auto;}
.header .navbar .container-fluid .nav-link{color: #000; font-size: 16px; padding: 5px 20px; line-height: normal;}
.header .navbar-nav .dropdown-menu{font-size: 20px; white-space:unset; width: 350px; padding:0px;}
.header .navbar-nav .dropdown-menu .dropdown-item{white-space:unset; font-size:15px; border-bottom: solid 1px rgba(0, 0, 0, 0.17); padding: 10px 15px;}
.hm-top-panle{background:#0f1a2c url(../images/top-panel-bg.jpg) no-repeat center center; padding:70px;}
.hm-top-panle .content-img{max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: 61% 37%; gap: 27px; align-items: center;}
.hm-top-panle .content-img img{width:100%; height:auto;}
.hm-top-panle .content-img .text{color: #fff; font-size: 20px; width: 625px; line-height: 30px;}
.hm-top-panle .content-img .text span{color: #fff; font-size: 35px; font-weight: 900; display: table; line-height: 45px; margin-bottom: 10px;}
.hm-top-panle .content-img .text a{display: table; background: #c29c4c; color: #fff; text-decoration: none; font-size: 20px; padding: 10px 35px; margin-top: 25px; border-radius: 3px; line-height: normal;}
.hm-second-panel{max-width:1300px; margin:0 auto; padding:70px 0px;}
.hm-second-panel{font-size:20px; font-weight: 400; text-align: center; padding: 50px 70px;}
.hm-second-panel span{display:table; width:100%; color:#8d959b; font-weight:900; margin-bottom:10px; font-size:35px;}
.hm-second-panel a{margin:0 auto;display: table; background: #c29c4c; color: #fff; text-decoration: none; font-size: 20px; padding: 10px 35px; margin-top: 15px; border-radius: 3px; line-height: normal; }
.hm-service{padding:70px; background:#f5f5f5}
.hm-service .heading{max-width:1300px; margin:0 auto; font-size:35px; font-weight:900; color:#0f1a2c; margin-bottom:15px; line-height: 50px;}
.hm-service .sub-text{max-width:1300px; margin:0 auto; font-size:20px; font-weight:400;}
.hm-service .practice-area{max-width: 1300px; margin: 0 auto; display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); margin-top: 30px;}
.hm-service .practice-area a{border: solid 2px #ababab; text-align: center; padding: 40px 20px; text-decoration: none;}
.hm-service .practice-area .text{color: #000; text-decoration: none; font-size: 17px; font-weight:400; margin-top: 15px; line-height: 30px;}
.hm-approch-wrapper{padding:70px;}
.hm-approch-wrapper .hm-approch{max-width:1300px; margin:0 auto; border-radius:20px; background:#0f1a2c url(../images/top-panel-bg.jpg) no-repeat center center; padding:50px; display: grid; gap: 20px; grid-template-columns: 65% 33%; align-items: center;}
.hm-approch-wrapper .hm-approch .img{width:100%;}
.hm-approch-wrapper .hm-approch .img img{width:100%; height:auto;}
.hm-approch-wrapper .hm-approch .content .head{color: #fff; font-size: 35px; font-weight: 900; margin-bottom:15px;}
.hm-approch-wrapper .hm-approch .content .text{color: #fff; font-size: 20px; line-height:normal; font-weight:400;}
.hm-approch-wrapper .hm-approch .name-desc{margin-top:15px; font-size:20px; color:#fff;  font-weight:400; line-height:27px; padding-left:30px; position:relative;}
.hm-approch-wrapper .hm-approch .name-desc strong{display:table;  font-weight:600;}
.hm-approch-wrapper .hm-approch .name-desc:before{width:20px; height:3px; background:#fff; position:absolute; top:7px; left:0px; content:''}
.hm-our-team-wrapper{padding:70px; background:#f5f5f5}
.hm-our-team-wrapper .heading{max-width:1300px; margin:0 auto; font-size:35px; font-weight:900;}
.hm-our-team-wrapper .sub-text{max-width:1300px; margin:0 auto; font-size:20px; font-weight:400;}
.hm-our-team-wrapper .team{max-width: 1300px; margin: 0 auto; display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); margin-top: 30px;}
.hm-our-team-wrapper .team a{background:#fff; border-radius:20px; text-align:right; position:relative; box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.3);}
.hm-our-team-wrapper .team a img{border-radius:0px 0px 20px 0px; width: 300px; height: auto;}
.hm-our-team-wrapper .team a .name{position: absolute; top: 25px; left: 25px; font-size: 23px; color: #000; font-weight: 700; text-align: left; line-height: 30px; width: 220px;}
.hm-our-team-wrapper .team a .name span{ font-weight: 400; display:table;}
.hm-work-us{padding:70px; background:#0f1b2d}
.hm-work-us .heading{max-width:1300px; margin:0 auto; font-size:35px; font-weight:900; text-align:center; color:#fff;}
.hm-work-us .content{max-width:1100px; background:#f1f3f5; border-radius:20px; padding:50px; margin:0 auto; font-size:20px; font-weight:400;  line-height:30px;}
.hm-contact{padding:70px; background:#fff}
.hm-contact .heading{max-width:1300px; margin:0 auto; font-size:35px; font-weight:900; text-align:center; margin-bottom:15px;}
.hm-contact .field{max-width:1000px; margin:0 auto; display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); margin-top: 30px;}
.hm-contact .field input{background:#f1f3f5; border-radius:10px; padding:15px 20px; border:0px; font-size:18px; font-weight:400;}
.hm-contact .field input::placeholder{font-size:16px;}
.hm-contact .field-2 textarea::placeholder{font-size:16px;}
.hm-contact .field-2{max-width:1000px; margin:0 auto; margin-top: 20px;}
.hm-contact .field-2 textarea{background:#f1f3f5; border-radius:10px; padding:15px 20px; border:0px; font-size:22px; width:100%}
.hm-contact .field-2 button{background:#c29c4c; color:#fff; border-radius:10px; margin:0 auto; display:table; padding:10px; border:0px; font-size:22px; width:500px;}
.footer{background:#0f1a2c url(../images/top-panel-bg.jpg) no-repeat center center; padding:70px 0px 0px 0px;}
.footer .footer-detail{max-width:1300px; margin:0 auto; display: grid; gap: 20px; grid-template-columns: 36% 34% 30%;}
.footer .footer-detail .box{padding:20px;}
.footer .footer-detail .box .text{color:#fff; margin-top:10px; font-size:17px; line-height:22px;}
.footer .footer-detail .box .heading{color:#fff; font-size:22px; font-weight:600; padding:5px 15px 5px 0px; border-bottom:solid 1px #efaf0d; width:250px; margin-bottom:20px;}
.footer .footer-detail .box ul{list-style: none; padding: 0px; margin: 0px;}
.footer .footer-detail .box ul li{font-size:15px; color:#fff; line-height:25px; padding:5px;}
.footer .footer-detail .box ul li a{color:#fff; text-decoration:none;}
.footer .footer-detail .box ul li.phone{padding-left:30px; position:relative;}
.footer .footer-detail .box ul li.phone:after{content: ''; position: absolute; width: 18px; height: 20px; background: url(../images/icon-phone.png) no-repeat center center; left: 0px; top: 5px; background-size: contain;}
.footer .footer-detail .box ul li.email{padding-left:30px; position:relative;}
.footer .footer-detail .box ul li.email:after{content: ''; position: absolute; width: 18px; height: 20px; background: url(../images/icon-email.png) no-repeat center center; left: 0px; top: 5px; background-size: contain;}
.footer .footer-detail .box ul li.address{padding-left:30px; position:relative;}
.footer .footer-detail .box ul li.address:after{content: ''; position: absolute; width: 18px; height: 20px; background: url(../images/icon-location.png) no-repeat center center; left: 0px; top: 5px; background-size: contain;}
.footer .copyright{display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); gap:20px; border-top:solid 1px rgba(255,255,255,0.7); margin-top:20px;}
.footer .copyright .text{padding:20px; font-size:18px; color:#fff;}
.footer .copyright .social{padding:20px; text-align:right;}
.footer .copyright .social a{padding:5px;}

.inner-top-panel{background:url(../images/top-panel-bg.jpg) no-repeat center center; padding:70px; text-align:center; color:#fff; font-size:40px; font-weight:800; line-height:50px; letter-spacing:2px}
.inner-top-panel span{display:table; width:100%; text-align:center; font-weight:400; font-size:35px;}
.about-second-panel{padding:70px; display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr);}
.about-second-panel img{width:100%; height:auto;}
.about-second-panel .text{font-size: 20px; width: 90%; line-height: 35px; text-align:justify}
.about-second-panel .text span{color:#0f1a2c; font-size: 35px; font-weight: 900; display: table; line-height: 50px; margin-bottom: 10px;}
.about-third-panel{padding:70px; background:#f5f5f5; font-size: 20px; display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr);}
.question{padding:70px; text-align:center}
.question .head{color:#0f1a2c; font-size: 30px; font-weight: 900; margin-bottom:15px;}
.question .sub-head{color:#000; font-size: 20px; font-weight: 400; margin-bottom:15px;}
.question a{display: table; background: #c29c4c; color: #fff; text-decoration: none; font-size: 20px; padding: 10px 35px; margin:0 auto; margin-top: 15px; border-radius: 3px; line-height: normal;}

.expertise-area{padding:70px; display: grid; gap: 40px; grid-template-columns: 72% 25%;}
.expertise-area .other-links{width:100%;}
.expertise-area .other-links .heading{color:#00; font-size:22px; font-weight:600; padding:0px 15px 5px 0px; border-bottom:solid 1px #efaf0d; width:100%; margin-bottom:20px;}
.expertise-area .other-links ul{list-style:none; padding:0px; margin:0px;}
.expertise-area .other-links li{padding:0px 0px 7px 0px}
.expertise-area .other-links a{border:solid 2px #f5f5f5; padding:10px; border-radius:10px; font-size:17px; white-space:unset; line-height:25px}
.expertise-area .other-links a:hover{background:#f5f5f5}
.expertise-area .expertise-text .text{font-size:20px; line-height:35px; text-align:justify;}
.expertise-area .expertise-img {width:100%; position:relative; margin-bottom:30px;}
.expertise-area .expertise-img .black-overlay{width:100%; position:absolute; height:100%; left:0px; top:0px; background: rgba(0, 0, 0, 0.5); border-radius: 10px; padding: 30px 100px; color: #fff; display: grid; align-items: center; font-size: 30px; line-height: 45px;  text-align:justify;}
.expertise-area .expertise-img img{width:100%; height:auto; border-radius:10px;}

.arbitration .expertise-area .other-links li:first-child a{background:#f5f5f5}
.aviation .expertise-area .other-links li:nth-child(2) a{background:#f5f5f5}
.banking .expertise-area .other-links li:nth-child(3) a{background:#f5f5f5}
.corporate .expertise-area .other-links li:nth-child(4) a{background:#f5f5f5}
.commercial .expertise-area .other-links li:nth-child(5) a{background:#f5f5f5}
.criminal .expertise-area .other-links li:nth-child(6) a{background:#f5f5f5}
.employment .expertise-area .other-links li:nth-child(7) a{background:#f5f5f5}
.environmental .expertise-area .other-links li:nth-child(8) a{background:#f5f5f5}
.estate-planning .expertise-area .other-links li:nth-child(9) a{background:#f5f5f5}
.family .expertise-area .other-links li:nth-child(10) a{background:#f5f5f5}
.insurance .expertise-area .other-links li:nth-child(11) a{background:#f5f5f5}
.intellectual .expertise-area .other-links li:nth-child(12) a{background:#f5f5f5}
.property .expertise-area .other-links li:nth-child(13) a{background:#f5f5f5}
.regulatory .expertise-area .other-links li:nth-child(14) a{background:#f5f5f5}

.people .hm-our-team-wrapper{background:#fff;}
.people .hm-our-team-wrapper .team a{background:#f5f5f5;}
.team-second-panel{padding:70px; display: grid; gap: 20px; grid-template-columns: 60% 40%;}
.team-second-panel img{width:100%; height:auto; border-radius:15px;}
.team-second-panel .text{font-size: 20px; width: 90%; line-height: 30px; text-align:justify; line-height:35px;}
.team-second-panel .text span{color:#0f1a2c; font-size: 30px; font-weight: 900; display: table; line-height: 45px; margin-bottom: 10px;}
.team-second-panel .text .conatct-info{width:100%; display:table; margin-bottom:20px;}
.team-second-panel .text .conatct-info .email{float:left; padding:10px 20px 10px 50px; position:relative; background:#f5f5f5; border-radius:50px; margin-right:20px; font-size: 17px;}
.team-second-panel .text .conatct-info .email:before{content: ''; width: 30px; height: 30px; background: #fff url(../images/email.png) no-repeat left top; position: absolute; left: 10px; background-size: cover; top: 10px; border-radius: 50px; border: solid 5px #fff;}
.team-second-panel .text .conatct-info .phone{float:left; padding:10px 20px 10px 50px; position:relative; background:#f5f5f5; border-radius:50px; font-size: 17px;}
.team-second-panel .text .conatct-info .phone:before{content: ''; width: 30px; height: 30px; background: #fff url(../images/phone-call.png) no-repeat left top; position: absolute; left: 10px; background-size: cover; top: 10px; border-radius: 50px; border: solid 5px #fff;}
.about-third-panel{padding:70px; background:#f5f5f5; font-size: 20px; display: grid; gap: 50px; grid-template-columns: repeat(2, 1fr); font-weight:400; text-align:justify; line-height: 35px;}

.why-ilo{padding:70px 70px 50px 70px; width:100%; margin:0 auto; text-align:justify; font-size: 20px; line-height: 35px;}
.why-ilo .heading{font-size:35px; font-weight:700; text-transform:uppercase; margin-bottom:15px; border-bottom:solid 3px #c29c4c; display:table; line-height:42px;}
.career-panel{padding:0px 70px 70px 70px; display: grid; gap: 50px; grid-template-columns: repeat(2, 1fr); width:100%; margin:0 auto;}
.career-panel .box{border:solid 2px #c29c4c; border-radius:15px; padding:20px; text-align:justify; box-shadow: 8px 8px 0px #c29c4c;}
.career-panel .box .heading{font-size:30px; font-weight:700; text-transform:uppercase; margin-bottom:15px; border-bottom:solid 3px #c29c4c; display:table; line-height:42px;}
.career-panel .box .text{font-size: 20px; line-height: 35px;}
.career-panel .box button{display: table; background: #c29c4c; color: #fff; text-decoration: none; font-size: 20px; padding: 10px 35px; margin-top: 15px; border-radius: 3px; line-height: normal; border:0px;}

.apply-form .label{font-weight:500; width:100%; margin-bottom:5px; width:100%; display:table; font-size:17px; font-weight:700; margin-top:10px;}
.apply-form .field {width:100%; position:relative;}
.apply-form .field .first{position: absolute; font-weight: 600; font-size: 14px; font-weight:600; top: 50%; margin-top: -13px; left:10px;}
.apply-form .field .last{position: absolute; font-weight: 600; font-size: 14px; font-weight:600; top: 50%; margin-top: -13px; right:10px;}
.apply-form .field input{width:100%; bordeR:solid 1px #e1e1e1; padding:10px; border-radius:5px; font-size:15px;}
.apply-form .field input::Placeholder{font-size:15px;}
.apply-form .field textarea{width:100%; bordeR:solid 1px #e1e1e1; padding:10px; border-radius:5px; font-size:15px;}
.apply-form .section{padding:10px 20px 20px 20px; border:solid 1px #e1e1e1; border-radius:10px; margin-top:20px;}
.apply-form .section .head{position: absolute; background: #fff; margin-top: -23px; font-size: 20px; padding: 0px 10px; font-weight: 700; left:10px;}
.apply-form .section .field input{padding:10px 90px 10px 150px}
.apply-form .section .label{font-size:14px; margin-top:20px;}
.apply-form .section .field:last-child input{padding:10px;}
.apply-form .field button{margin:0 auto; margin-top:20px; display: table; background: #c29c4c; color: #fff; text-decoration: none; font-size: 20px; padding: 10px 35px; border:0px; border-radius:3px;}

.contact-panel{padding:70px; width:1300px; margin:0 auto;}
.contact-panel .detail{display: grid; gap: 50px; grid-template-columns: 40% 30% 30%;}
.contact-panel .detail .box .icon{width:40px; margin-bottom:20px;}
.contact-panel .detail .box .icon img{width:100%; height:auto;}
.contact-panel .detail .box a{color:#000; text-decoration:none;}
.map-detail{width:100%; display:grid; grid-template-columns: repeat(2, 1fr); gap:0px;}
.map-detail iframe{width:100%; height:350px;}
.bg-grey{background:#f5f5f5;}

.gallery-area .album .responsive-container-block {min-height: 75px; height: fit-content; width: 100%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: flex; flex-wrap: wrap; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; justify-content: flex-start;}
.gallery-area .album .responsive-container-block.bg {max-width: 1000px;  margin: 0 auto; justify-content: space-between;}
.gallery-area .album .img {width: 100%; margin: 0 0 20px 0;}
.gallery-area .album #i9rb {color: black;}
.gallery-area .album #ir6i {color: black;}
.gallery-area .album #ikz3b {color: black;}
.gallery-area .album .responsive-container-block.img-cont {flex-direction: column; max-width: 33.3%; min-height: auto; margin: 0 0 0 0; height: 100%;}
.gallery-area .album #ipix {color: black;}
.gallery-area .album #ipzoh {color: black;}
.gallery-area .album #ig5q8 {color: black;}
.gallery-area .album #imtzl {color: black;}
.gallery-area .album #i53es {color: black;}
.gallery-area .album .img.img-big {height: 50%; margin: 0 0 16px 0;}

#disclaimer h1{font-size:25px; font-weight:700; padding:0px; margin:0px;}
#disclaimer .modal-body{font-size:17px; padding:25px; line-height:25px;}
#disclaimer .modal-body ul{margin-top:20px;}
#disclaimer .modal-body a{display: table; background: #c29c4c; color: #fff; text-decoration: none; font-size: 20px; padding: 10px 35px; margin-top: 25px; border-radius: 3px; line-height: normal;}

.content-area{width:100%; padding:100px;}
.content-area .success-msg{background: #198754; color: #fff; max-width: 500px; border-radius: 7px; padding: 15px; margin: 0 auto; text-align: center; position:relative; padding-top: 70px;}
.content-area .success-msg:before{content:''; position:absolute; background:url(../images/check.png) no-repeat center center; width:40px; height:40px; left:50%; margin-left:-20px; top: 20px; background-size: cover;}

@media screen and (min-width: 1281px) and (max-width: 1500px) {
	.hm-top-panle{padding:50px;}
	.hm-top-panle .content-img{gap:18px;}
	.hm-second-panel{padding:50px 25px;}
	.hm-second-panel span{margin-bottom: 15px; font-size: 33px;}
	.hm-service{padding:50px;}
	.hm-service .heading{font-size: 33px; line-height: 33px;}
	.hm-service .practice-area{grid-template-columns: repeat(4, 1fr);}
	.hm-approch-wrapper{padding:50px;}
	.hm-approch-wrapper .hm-approch{padding:30px;}
	.hm-our-team-wrapper{padding:50px;}
	.hm-work-us{padding:50px 25px;}
	.hm-contact{padding:50px 25px;}
	.footer .footer-detail{gap: 19px; grid-template-columns: 38% 29% 29%;}

}

@media screen and (min-width: 1150px) and (max-width: 1280px) {

}

@media screen and (min-width: 1024px) and (max-width: 1149px) {
	.hm-top-panle{padding:50px;}
	.hm-top-panle .content-img{gap:18px;}
	.hm-top-panle .content-img .text{width:100%;}
	.hm-top-panle .content-img .text span{font-size: 33px; line-height: 33px;}
	.hm-second-panel{padding:50px;}
	.hm-second-panel span{margin-bottom: 0px; font-size: 33px;}
	.hm-service{padding:50px;}
	.hm-service .heading{font-size: 33px; line-height: 33px;}
	.hm-service .practice-area{grid-template-columns: repeat(3, 1fr);}
	.hm-approch-wrapper{padding:50px;}
	.hm-approch-wrapper .hm-approch{padding:30px; grid-template-columns: 63% 35%;}
	.hm-approch-wrapper .hm-approch .content .head{font-size: 33px; line-height: 33px;}
	.hm-approch-wrapper .hm-approch .content .text{line-height: 27px;}
	.hm-our-team-wrapper{padding:50px;}
	.hm-our-team-wrapper .team a img{width: 230px; padding: 50px 0px 0px 0px;}
	.hm-our-team-wrapper .team a .name{font-size: 22px; line-height: 20px;}
	.hm-work-us{padding:50px;}
	.hm-contact{padding:50px;}
	.footer .footer-detail{gap: 19px; grid-template-columns: 38% 29% 29%;}
}

@media screen and (min-width: 991px) and (max-width: 1023px) {
	.header .navbar .container-fluid .nav-link{padding:10px 5px; font-size: 20px;}
	.header .navbar-nav{max-height:400px; overflow:auto;}
	.header .navbar-nav .dropdown-menu{border:0px; font-size: 20px; white-space:unset;}
	.header .navbar-nav .dropdown-menu .dropdown-item{white-space:unset;}
	.hm-top-panle{padding:20px;}
	.hm-top-panle .content-img{grid-template-columns:50% 48%; gap: 13px;}
	.hm-top-panle .content-img .text{width:100%; font-size: 23px; line-height: 27px;}
	.hm-top-panle .content-img .text span{font-size: 27px; line-height: 30px;}
	.hm-second-panel{padding:20px; font-size: 20px; line-height: 24px;}
	.hm-second-panel span{font-size: 35px; line-height: 40px;}
	.hm-service{padding:20px; font-size: 20px; line-height: 24px;}
	.hm-service .heading{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-service .sub-text{font-size: 20px; line-height: 24px;}
	.hm-service .practice-area{grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 20px; overflow: auto; padding-bottom: 15px;}
	.hm-approch-wrapper{padding:10px;}
	.hm-approch-wrapper .hm-approch{padding: 20px; grid-template-columns: 57% 40%;}
	.hm-approch-wrapper .hm-approch .content .head{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-approch-wrapper .hm-approch .content .text{font-size: 20px; line-height: 24px;}
	.hm-our-team-wrapper{padding:20px;}
	.hm-our-team-wrapper .heading{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-our-team-wrapper .sub-text{font-size: 20px; line-height: 24px;}
	.hm-our-team-wrapper .team{overflow: auto; padding-bottom: 15px;}
	.hm-our-team-wrapper .team a{width: 280px;}
	.hm-our-team-wrapper .team a .name{left:20px; top:20px; font-size: 23px; line-height:27px;}
	.hm-our-team-wrapper .team a img{width: 250px; padding: 50px 0px 0px 50px;}
	.hm-work-us{padding:20px;}
	.hm-work-us .heading{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-work-us .content{padding:20px; font-size: 24px; line-height: 26px;}
	.hm-contact{padding:20px;}
	.hm-contact .heading{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-contact .field{grid-template-columns: repeat(1, 1fr);}
	.hm-contact .field-2 button{width:100%;}
	.footer{padding: 20px 0px 0px 0px; background-position: bottom;}
	.footer .footer-detail{grid-template-columns: 40% 30% 30%; gap:0px;}
}

@media screen and (min-width: 768px) and (max-width: 990px) {
	.header .navbar .container-fluid .nav-link{padding:10px 5px; font-size: 20px;}
	.header .navbar-nav{max-height:400px; overflow:auto;}
	.header .navbar-nav .dropdown-menu{border:0px; font-size: 20px; white-space:unset;}
	.header .navbar-nav .dropdown-menu .dropdown-item{white-space:unset;}
	.hm-top-panle{padding:20px;}
	.hm-top-panle .content-img{grid-template-columns:50% 48%; gap: 13px;}
	.hm-top-panle .content-img .text{width:100%; font-size: 23px; line-height: 27px;}
	.hm-top-panle .content-img .text span{font-size: 27px; line-height: 30px;}
	.hm-second-panel{padding:20px; font-size: 20px; line-height: 24px;}
	.hm-second-panel span{font-size: 35px; line-height: 40px;}
	.hm-service{padding:20px; font-size: 20px; line-height: 24px;}
	.hm-service .heading{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-service .sub-text{font-size: 20px; line-height: 24px;}
	.hm-service .practice-area{grid-template-columns: repeat(8, 1fr); gap: 10px; margin-top: 20px; overflow: auto; padding-bottom: 15px;}
	.hm-service .practice-area a{width: 270px;}
	.hm-approch-wrapper{padding:10px;}
	.hm-approch-wrapper .hm-approch{padding: 20px; grid-template-columns: 57% 40%;}
	.hm-approch-wrapper .hm-approch .content .head{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-approch-wrapper .hm-approch .content .text{font-size: 20px; line-height: 24px;}
	.hm-our-team-wrapper{padding:20px;}
	.hm-our-team-wrapper .heading{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-our-team-wrapper .sub-text{font-size: 20px; line-height: 24px;}
	.hm-our-team-wrapper .team{overflow: auto; padding-bottom: 15px;}
	.hm-our-team-wrapper .team a{width: 280px;}
	.hm-our-team-wrapper .team a .name{left:20px; top:20px; font-size: 23px; line-height:27px;}
	.hm-our-team-wrapper .team a img{width: 250px; padding: 50px 0px 0px 50px;}
	.hm-work-us{padding:20px;}
	.hm-work-us .heading{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-work-us .content{padding:20px; font-size: 24px; line-height: 26px;}
	.hm-contact{padding:20px;}
	.hm-contact .heading{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-contact .field{grid-template-columns: repeat(1, 1fr);}
	.hm-contact .field-2 button{width:100%;}
	.footer{padding: 20px 0px 0px 0px; background-position: bottom;}
	.footer .footer-detail{grid-template-columns: repeat(1, 1fr); gap:0px;}
	.footer .copyright{grid-template-columns: repeat(1, 1fr);}
}

@media screen and (min-width: 540px) and (max-width: 767px) {
	.header .navbar .container-fluid .nav-link{padding:10px 5px; font-size: 20px;}
	.header .navbar-nav{max-height:400px; overflow:auto;}
	.header .navbar-nav .dropdown-menu{border:0px; font-size: 20px; white-space:unset;}
	.header .navbar-nav .dropdown-menu .dropdown-item{white-space:unset;}
	.hm-top-panle{padding:20px;}
	.hm-top-panle .content-img{grid-template-columns:repeat(1, 1fr);}
	.hm-top-panle .content-img .text{width:100%;}
	.hm-top-panle .content-img .text span{font-size: 30px; line-height: 32px;}
	.hm-second-panel{padding:20px; font-size: 20px; line-height: 24px;}
	.hm-second-panel span{font-size: 35px; line-height: 40px;}
	.hm-service{padding:20px; font-size: 20px; line-height: 24px;}
	.hm-service .heading{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-service .sub-text{font-size: 20px; line-height: 24px;}
	.hm-service .practice-area{grid-template-columns: repeat(8, 1fr); gap: 10px; margin-top: 20px; overflow: auto; padding-bottom: 15px;}
	.hm-service .practice-area a{width: 270px;}
	.hm-approch-wrapper{padding:10px;}
	.hm-approch-wrapper .hm-approch{padding: 20px; grid-template-columns: repeat(1, 1fr);}
	.hm-approch-wrapper .hm-approch .content .head{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-approch-wrapper .hm-approch .content .text{font-size: 20px; line-height: 24px;}
	.hm-our-team-wrapper{padding:20px;}
	.hm-our-team-wrapper .heading{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-our-team-wrapper .sub-text{font-size: 20px; line-height: 24px;}
	.hm-our-team-wrapper .team{overflow: auto; padding-bottom: 15px;}
	.hm-our-team-wrapper .team a{width: 280px;}
	.hm-our-team-wrapper .team a .name{left:20px; top:20px; font-size: 23px; line-height:27px;}
	.hm-our-team-wrapper .team a img{width: 250px; padding: 50px 0px 0px 50px;}
	.hm-work-us{padding:20px;}
	.hm-work-us .heading{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-work-us .content{padding:20px; font-size: 24px; line-height: 26px;}
	.hm-contact{padding:20px;}
	.hm-contact .heading{font-size: 35px; line-height: 40px; margin-bottom:10px;}
	.hm-contact .field{grid-template-columns: repeat(1, 1fr);}
	.hm-contact .field-2 button{width:100%;}
	.footer{padding: 20px 0px 0px 0px; background-position: bottom;}
	.footer .footer-detail{grid-template-columns: repeat(1, 1fr); gap:0px;}
	.footer .copyright{grid-template-columns: repeat(1, 1fr);}
}

@media screen and (min-width: 320px) and (max-width: 539px) {
	.header .navbar .container-fluid .nav-link{padding:10px 5px;}
	.header .navbar-nav{max-height:400px; overflow:auto;}
	.header .navbar-nav .dropdown-menu{border:0px; font-size: 20px; white-space:unset;}
	.header .navbar-nav .dropdown-menu .dropdown-item{white-space:unset;}
	.hm-top-panle{padding:20px;}
	.hm-top-panle .content-img{grid-template-columns:repeat(1, 1fr);}
	.hm-top-panle .content-img .text{width:100%; font-size: 17px; line-height: 27px;}
	.hm-top-panle .content-img .text span{font-size: 25px; line-height: 35px;}
	.hm-second-panel{padding:15px; font-size: 17px; line-height: 27px; text-align:left;}
	.hm-second-panel span{font-size: 25px; line-height: 35px;}
	.hm-second-panel a{margin:unset; margin-top: 15px;}
	.hm-service{padding:15px; font-size: 17px; line-height: 27px;}
	.hm-service .heading{font-size: 25px; line-height: 45px; margin-bottom:10px;}
	.hm-service .sub-text{font-size: 17px; line-height: 27px;}
	.hm-service .practice-area{grid-template-columns: repeat(8, 1fr); gap: 10px; margin-top: 20px; overflow: auto; padding-bottom: 15px;}
	.hm-service .practice-area a{width: 270px; padding: 40px 15px;}
	.hm-service .practice-area .text{font-size: 17px; font-weight: 400;}
	.hm-approch-wrapper{padding:10px;}
	.hm-approch-wrapper .hm-approch{padding: 20px; grid-template-columns: repeat(1, 1fr);}
	.hm-approch-wrapper .hm-approch .content .head{font-size: 25px; line-height: 45px; margin-bottom:10px;}
	.hm-approch-wrapper .hm-approch .content .text{font-size: 17px; line-height: 27px;}
	.hm-approch-wrapper .hm-approch .name-desc{font-size: 17px; line-height: 27px;}
	.hm-our-team-wrapper{padding:15px;}
	.hm-our-team-wrapper .heading{font-size: 25px; line-height: 45px; margin-bottom:10px;}
	.hm-our-team-wrapper .sub-text{font-size: 17px; line-height: 27px;}
	.hm-our-team-wrapper .team{overflow: auto; padding-bottom: 15px;}
	.hm-our-team-wrapper .team a{width: 280px;}
	.hm-our-team-wrapper .team a .name{left:15px; top:15px; font-size: 17px; line-height:24px;}
	.hm-our-team-wrapper .team a img{width: 250px; padding: 50px 0px 0px 50px;}
	.hm-work-us{padding:15px;}
	.hm-work-us .heading{font-size: 25px; line-height: 45px; margin-bottom:10px;}
	.hm-work-us .content{padding:20px; font-size: 17px; line-height: 27px;}
	.hm-contact{padding:15px;}
	.hm-contact .heading{font-size: 25px; line-height: 45px; margin-bottom:10px;}
	.hm-contact .field{grid-template-columns: repeat(1, 1fr); margin-top: 0px;}
	.hm-contact .field-2 button{width:100%; font-size:17px;}
	.footer{padding: 20px 0px 0px 0px; background-position: bottom;}
	.footer .footer-detail{grid-template-columns: repeat(1, 1fr); gap:0px;}
	.footer .copyright{grid-template-columns: repeat(1, 1fr);}

	.inner-top-panel{padding: 15px; font-size: 25px; line-height: 35px; font-weight: 700;}
	.inner-top-panel span{font-size: 20px;}

	.about-second-panel{padding: 15px; grid-template-columns: repeat(1, 1fr);}
	.about-second-panel .img{order:1;}
	.about-second-panel .text{width:100%; font-size: 17px; line-height: 30px; order:2;}
	.about-second-panel .text span{font-size: 22px; line-height: 35px;}
	.about-third-panel{grid-template-columns: repeat(1, 1fr); padding:15px; font-size: 17px; line-height: 32px;}

	.question{padding: 15px;}
	.question .head{font-size:25px; line-height: 32px;}
	.question .sub-head{font-size: 17px;}

	.team-second-panel{padding:20px; grid-template-columns: repeat(1, 1fr);}
	.team-second-panel .img{order:1;}
	.team-second-panel .text{order:2; width:100%;}
	.team-second-panel .text .conatct-info .email{float:unset; margin-right:0px; margin-bottom:10px;}
	.team-second-panel .text .conatct-info .phone{float:unset;}
	.team-second-panel .text span{font-size: 24px; line-height: 35px;}

	.expertise-area{padding:15px; grid-template-columns: repeat(1, 1fr); gap: 20px;}
	.expertise-area .other-links .heading{margin-bottom: 15px;}
	.expertise-area .other-links{order:1;}
	.expertise-area .expertise-text{order:2; font-size: 17px;}
	.expertise-area .other-links ul{display: grid; grid-template-columns: repeat(15, 1fr); overflow: auto; width: 300px; gap: 10px; padding-bottom: 15px;}
	.expertise-area .other-links li{width: 250px; height:68px;}
	.expertise-area .other-links li a{width: 100%; height: 59px; font-size: 15px; line-height: 20px; padding: 7px;}
	.expertise-area .expertise-img .black-overlay{padding:10px 20px;}
	.expertise-area .expertise-img .black-overlay{font-size: 20px; line-height: 25px}
	.expertise-area .expertise-img{height: 200px; overflow: hidden; margin-bottom:15px;}
	.expertise-area .expertise-img img{width:200%;}
	.expertise-area .expertise-text .text {font-size: 17px; line-height: 25px;}

	.why-ilo{padding:15px; font-size: 17px; line-height: 35px;}
	.why-ilo .heading{font-size: 25px; line-height: 40px;}

	.career-panel{width:100%; padding:15px; grid-template-columns: repeat(1, 1fr); gap:20px;}
	.career-panel .box{padding:15px;}
	.career-panel .box .heading{font-size:25px;}

	.contact-panel{width:100%; padding:15px;}
	.career-panel .box .text{font-size:17px; line-height:35px;}
	.contact-panel .detail{width:100%; grid-template-columns: repeat(1, 1fr); gap:20px;}
	.contact-panel .detail .text{font-size: 16px;}
	.map-detail{grid-template-columns: repeat(1, 1fr);}

	.gallery-area .album .responsive-container-block.img-cont{max-width: 100%; display: table;}
	.gallery-area .album .responsive-container-block.img-cont .album .img:last-child{margin:0px;}
}