@media only screen and (min-width: 1200px){
	.container {max-width: 1170px;}
}

@media only screen and (max-width: 1199px){
	.p-60 {padding: 50px 0;}

	.header-logo .logo-lnk img {max-height: 95px;}
	.nav-menu .nav-links > li > a {font-size: 16px;padding: 20px 15px;}
	
	.lng-selector {font-size: 14px;}
	.lng-selector svg {width: 16px;height: 16px;}

	.page-title {margin-bottom: 50px;}
	.main-banner .banner-cap {margin: 100px 0;}
}

@media only screen and (max-width: 991px){
	.container {max-width: 760px;}
	.p-60 {padding: 40px 0;}
	
	.cust_detail li {padding-left: 15px;}
	.cust_detail li .c-img {margin-right: 10px;}
	.cust_detail li p {font-size: 13px;}
	.language-select {margin-left: 15px;}
	.header-logo .logo-lnk img {max-height: 70px;}
	.nav-menu .nav-links > li > a {font-size: 14px;padding: 10px 15px;}
	.lng-selector {font-size: 13px;letter-spacing: -0.5px;}
	.lng-selector svg {width: 14px;height: 14px;}

	/* index */
	.page-title {margin-bottom: 40px;}
	.main-banner .banner-cap {margin: 80px 0;}
	.main-banner .banner-cap .banner-bord {padding: 50px 30px;}
	.main-banner .banner-cap h2 {font-size: 30px;}
	.banner-cap h2 span {border-bottom-width: 5px;}
	.serv-i-txt {width: calc(50% - 20px);}
	.serv-i-txt:nth-child(-n+2) {margin-bottom: 20px;}
	.service-detail .numb-box {padding: 7px 20px;}
	.service-detail .numb-box span {font-size: 18px;letter-spacing: 1px;}
	.our-doc-sec .col-lg-6:nth-child(2) {margin-top: 30px;}
	.appoinment-form {padding: 40px 0;}
	.appoinment-form .sub-txt {padding: 20px 0;margin: 0;}
	.banner-end img {margin: 0;}
	.location-map {padding: 60px 0;}
	.location-map .loc-detail {max-width: 480px;padding: 40px;}
	.footer p {margin-bottom: 25px;}
	.footer .social_links {margin-bottom: 0;}

	.location-map .loc-detail {max-width: 544px;padding: 37px;margin: 0 15px 20px;}
}

@media only screen and (max-width: 767px){
	.p-60 {padding: 30px 0;}
	.title-txt {margin-bottom: 25px;}
	.title-txt h4 {font-size: 22px;margin-bottom: 5px;}

	/* header */
	.header .header-top {height: 42px;}
	.language-select {height: 42px;margin: 0;position: absolute;top: 0;right: 7px;}
	.language-select .lng-sc-bx {min-width: 70px;font-size: 14px;line-height: 17px;padding: 13px 5px 13px 10px;background: transparent;}
	.language-select .lng-sc-bx svg {width: 16px;height: 16px;}
	.language-select .language-list li a {font-size: 14px;line-height: 18px;}
	.header-top .top-txt {width: 100%;text-align: center;margin: 2px 0 0;}
	.header .cust_detail {display: none;}
	.header .menu-icon {width: 49px;height: 42px;line-height: 0;position: absolute;top: -42px;left: 0;padding: 13px 12px;background: #17425f;cursor: pointer;}
	.header .menu-icon span {width: 25px;height: 2px;float: left;background: #fff;}
	.header .menu-icon span:nth-child(2) {margin: 5px 0;}

	/*.header-logo .logo-lnk {float: left;}*/
	.header .header-logo {border: 0;}
	.header .header-logo .container {position: static;}
	.header-logo .logo-lnk img {max-height: 60px;}
	.lng-selector {bottom: 100%;top: auto;line-height: 42px;color: #fff;}
	.lng-selector svg {fill: currentColor;}
	.lng-selector:after {border-top-color: #fff;margin-left: 2px;}

	.nav-menu {position: fixed;top: 0;left: 0;width: 290px;height: 100%;background: #fff;overflow: auto;transform: translateX(-290px);transition: all 0.3s linear;z-index: 999;}
	.nav-menu.open {transform: translateX(0);}
	.c-mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);visibility: hidden;opacity: 0;transition: all 0.3s linear;z-index: 998;}
	.c-mask.show {visibility: visible;opacity: 1;}
	.menu-close-i {position: absolute;top: 0;right: 0;padding: 10px;background: #17425f;}
	.menu-close-i svg {fill: #fff;vertical-align: top;}

	.nav-menu .container {padding: 0;}
	.nav-menu .nav-links {flex-wrap: wrap;margin-top: 40px;}
	.nav-menu .nav-links > li {width: 100%;}
	.nav-menu .nav-links > li > a {font-size: 16px;padding: 12px 15px;border-left: 0;border-bottom: 1px solid #dce7ea;}
	.nav-menu .nav-links > li:last-child > a {border-right: 0;}

	.main-banner .banner-cap {margin: 50px 0;padding: 15px;}
	.main-banner .banner-cap .banner-bord {padding: 25px 15px;border-width: 2px;}
	.main-banner .banner-cap h2 {font-size: 24px;}

  	/* index */
  	.page-title {font-size: 28px;margin-bottom: 30px;}
	.about-section .ab-content {margin: 0;}
	.about-section .ab-content .col-lg-3 {margin-bottom: 20px}
	.about-section .ab-content p {line-height: 24px;}
	.about-section .ab-image .col-md-3 {margin-top: 30px;}
	.our-services .title-txt {margin-bottom: 10px;}
	.service-detail h6 {margin: 20px 0;}
	.service-detail .col-md-4 .numb-box  {display: none;}
	.service-detail .o-hidden {display: none;}
	.appoinment-form {padding: 30px 0;margin: 0;}
	.appoinment-form .apmnt-form {margin: 0;}
	.appoinment-form .sub-txt {font-size: 14px;line-height: 20px;}
	.location-map {padding: 40px 0;}
	.location-map .loc-detail:before {display: none;}
	.location-map .loc-detail p {font-size: 18px;line-height: 24px;}

	/* footer */
	.footer {padding: 30px 0;}
	.footer p {margin-bottom: 20px;}
	.footer .social_links li a {width: 40px;height: 40px;border-width: 1px;}
	.footer .social_links li a svg {height: 15px;}

	/* faq page */
	.faq-section > ul > li {margin-bottom: 10px;}
	.faq-section li > h6 {font-size: 16px;}
	.faq-section li > div {font-size: 14px;line-height: 22px;display: none;}
	.faq-section li > div p {font-size: 14px;line-height: 22px;}
}

@media only screen and (max-width: 480px){
	.main-banner .banner-cap {margin: 30px 0;padding: 15px;}
	.main-banner .banner-cap .banner-bord {border-width: 1px;padding: 20px;}
	.main-banner .banner-cap h2 {font-size: 22px;}
	.services-sec .row {margin: 0;}
	.serv-i-txt {width: 100%;margin: 0 0 20px;}
	.serv-i-txt:last-child {margin: 0;}
	.about-section .ab-image .row {margin: 0 -7px;}
	.about-section .ab-image .col-md-3 {padding: 0 7px;margin-top: 14px;}
	.our-doc-sec .doc-col .doc-image {width: 100%;}
	.our-doc-sec .doc-col .doc-detail {width: 100%;}
	.appoinment-form .apmnt-form {padding: 20px;}
	.location-map {padding: 30px 0;}
	.location-map .loc-detail {padding: 25px;}
	.location-map .loc-detail p {font-size: 16px;line-height: 20px;}
	.location-map .opd-det li {font-size: 15px;line-height: 22px;}
	.location-map .opd-det li div {padding-left: 80px;}

	.language-popup {padding: 15px;}
	.language-popup .popup-bx h2 {font-size: 22px;margin-bottom: 15px;}
	.language-popup .popup-bx {padding: 25px 20px 30px;}
	.language-opt li a {font-size: 14px;line-height: 18px;padding: 14px 20px;}
}

@media only screen and (max-width: 359px){
	html[lang="guj"] .header-top .top-txt {padding-right: 30px;}
}