@media only screen and (min-width: 320px) and (max-width: 575px) {

/*------- Common CSS Starts -------*/

.container-fluid { padding: 25px 15px; }
.section-heading > div { margin-bottom: 15px; }
.section-heading > h2 { font-size: 2.4rem; margin-bottom: 25px; }
.section-heading-ip > h1 { font-size: 2.7rem; }
.dash-arrow-design { display: none; }
.dash-arrow-and-paragraph { margin-bottom: 30px; }
.dash-arrow-and-paragraph > p { margin-left: 0; }
p { font: 1.4rem/1.8 "Unbounded-Regular"; }
.btn-primary > a { padding: 11px 18px; }

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-mobile { background-color: #ffffff; display: block; padding: 10px 15px; position: relative; z-index: 10; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { width: 50px; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: pointer; height: 25px; margin-left: auto; position: relative; width: 25px; z-index: 1; }
.burger-menu span { background-color: #000000; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 25px; z-index: 1; }
.burger-menu span::before,
.burger-menu span::after { background-color: #000000; content: ""; display: block; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 25px; z-index: 1; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Fixed Full Menu Pattern Section Starts -------*/

.fixed-full-menu-pattern { display: block; }
.fixed-full-menu-pattern > span { background-color: #ffffff; height: 0; left: 0; position: fixed; top: 0; width: 20%; z-index: 10; }
.fixed-full-menu-pattern > span:first-child { left: 0; -webkit-transition: 0.5s ease 1.5s; -moz-transition: 0.5s ease 1.5s; -ms-transition: 0.5s ease 1.5s; -o-transition: 0.5s ease 1.5s; transition: 0.5s ease 1.5s; }
.fixed-full-menu-pattern > span:nth-child(2) { left: 20%; -webkit-transition: 0.5s ease 1.25s; -moz-transition: 0.5s ease 1.25s; -ms-transition: 0.5s ease 1.25s; -o-transition: 0.5s ease 1.25s; transition: 0.5s ease 1.25s; }
.fixed-full-menu-pattern > span:nth-child(3) { left: 40%;  -webkit-transition: 0.5s ease 1s; -moz-transition: 0.5s ease 1s; -ms-transition: 0.5s ease 1s; -o-transition: 0.5s ease 1s; transition: 0.5s ease 1s; }
.fixed-full-menu-pattern > span:nth-child(4) { left: 60%; -webkit-transition: 0.5s ease 0.75s; -moz-transition: 0.5s ease 0.75s; -ms-transition: 0.5s ease 0.75s; -o-transition: 0.5s ease 0.75s; transition: 0.5s ease 0.75s; }
.fixed-full-menu-pattern > span:nth-child(5) { left: 80%; -webkit-transition: 0.5s ease 0.5s; -moz-transition: 0.5s ease 0.5s; -ms-transition: 0.5s ease 0.5s; -o-transition: 0.5s ease 0.5s; transition: 0.5s ease 0.5s; }
.fixed-full-menu-pattern.active { z-index: 10; }
.fixed-full-menu-pattern.active > span { height: 100%; }
.fixed-full-menu-pattern.active > span:first-child { -webkit-transition: 0.5s ease 0s; -moz-transition: 0.5s ease 0s; -ms-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; transition: 0.5s ease 0s; }
.fixed-full-menu-pattern.active > span:nth-child(2) { -webkit-transition: 0.5s ease 0.25s; -moz-transition: 0.5s ease 0.25s; -ms-transition: 0.5s ease 0.25s; -o-transition: 0.5s ease 0.25s; transition: 0.5s ease 0.25s; }
.fixed-full-menu-pattern.active > span:nth-child(3) { -webkit-transition: 0.5s ease 0.5s; -moz-transition: 0.5s ease 0.5s; -ms-transition: 0.5s ease 0.5s; -o-transition: 0.5s ease 0.5s; transition: 0.5s ease 0.5s; }
.fixed-full-menu-pattern.active > span:nth-child(4) { -webkit-transition: 0.5s ease 0.75s; -moz-transition: 0.5s ease 0.75s; -ms-transition: 0.5s ease 0.75s; -o-transition: 0.5s ease 0.75s; transition: 0.5s ease 0.75s; }
.fixed-full-menu-pattern.active > span:nth-child(5) { -webkit-transition: 0.5s ease 1s; -moz-transition: 0.5s ease 1s; -ms-transition: 0.5s ease 1s; -o-transition: 0.5s ease 1s; transition: 0.5s ease 1s; }
.navbar-menu { left: 50%; opacity: 0; position: fixed; top: 55%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; z-index: 10; }
.navbar-menu.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 1.5s; -moz-transition: 1s ease 1.5s; -ms-transition: 1s ease 1.5s; -o-transition: 1s ease 1.5s; transition: 1s ease 1.5s; visibility: visible; }
.menu-listing-mobile > li { display: block; margin-bottom: 15px; overflow: hidden; text-align: center; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #000000; font: 2rem/1.2 "Unbounded-Medium"; display: inline-block; text-transform: uppercase; }
.menu-listing-mobile > li > a:hover,
.menu-listing-mobile > li.active > a { color: #f39f1e; }

  /*------- Fixed Full Menu Pattern Section Ends -------*/

  /*------- Desktop Navbar Menu Section Starts -------*/

.bg-desktop-navbar-menu { display: none; }

	/*------- Desktop Navbar Menu Section Ends -------*/

  /*------- Banner Section Starts -------*/

.wrapper { margin-top: 0; }
.banner-info { padding: 20px; width: 85%; }
.banner-info > h1 { font-size: 2.7rem; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.about-image > img { margin-bottom: 25px; }
.about-info > p { margin-bottom: 20px; }

	/*------- About Us Section Ends -------*/

  /*------- Services Section Starts -------*/

.box-services { margin-bottom: 25px; padding: 15px; }
.box-services-info > h4 { font-size: 1.6rem; }

  /*------- Services Section Ends -------*/

  /*------- Services Information Animation Section Starts -------*/

.services-information-animation-section { padding: 20px 0; }
.services-information-slider .services-information-slider-marquee .services-information-slider-marquee-group span { font-size: 2.4rem; }

  /*------- Services Information Animation Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-section > .container-fluid { padding: 20px 15px; }
.footer-logo > a { text-align: center; }
.footer-heading > h4 { font-size: 1.8rem; line-height: 1.5; margin-bottom: 20px; }
.footer-company-desc > p { margin: 0 0 20px; }
.footer-quick-links-listing { margin-bottom: 25px; }
.footer-quick-links-listing > li { margin-bottom: 15px; }
.footer-social-account-listing { margin-bottom: 25px; }
.footer-social-account-listing,
.footer-logo-contact-listing,
.footer-logo-contact-sub-listing { display: block; }
.footer-social-account-listing > li { margin: 0 0 20px; padding-right: 0; text-align: center; }
.footer-social-account-listing > li:last-child { margin: 0; }
.footer-social-account-listing > li > a { text-align: center; }
.footer-social-account-listing > li > a::after { display: none; }
.footer-logo-contact-listing { margin-bottom: 20px; padding: 20px; }
.footer-logo-contact-sub-listing > li { border-right: 0; padding: 30px 0; }
.footer-logo-contact-sub-listing > li:last-child { padding: 0; }
.footer-call-email > h4 > a { font-size: 1.8rem; word-break: break-all; }
.copyright-info > p { font-size: 1.2rem; }

  /*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Mission and Vision Section Starts -------*/

.mission-vision-image > img { margin-bottom: 25px; }
.mission-vision-info > h4 { font-size: 1.8rem; }

	/*------- Mission and Vision Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Services Page Starts -------*/

	/*------- Services Section Starts -------*/

.services-section-sp > .container-fluid { padding-bottom: 0; }

	/*------- Services Section Ends -------*/

/*------- Services Page Ends -------*/

/*------- Contact Us Page Starts -------*/

	/*------- Contact Us Section Starts -------*/

.contact-us-pg-section > .container-fluid { padding-bottom: 0; }
.box-contact-info { margin: 40px 0 25px; }
.box-contact-info > p > a { word-wrap: break-word; }

	/*------- Contact Us Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}

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

/*------- Common CSS Starts -------*/

.container-fluid { padding: 30px 15px; }
.section-heading > div { margin-bottom: 15px; }
.section-heading > h2 { font-size: 2.7rem; margin-bottom: 30px; }
.dash-arrow-and-paragraph { margin-bottom: 30px; }
.section-heading-ip > h1 { font-size: 3rem; }

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-mobile { background-color: #ffffff; display: block; padding: 10px 15px; position: relative; z-index: 10; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { width: 60px; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: pointer; height: 25px; margin-left: auto; position: relative; width: 25px; z-index: 1; }
.burger-menu span { background-color: #000000; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 25px; z-index: 1; }
.burger-menu span::before,
.burger-menu span::after { background-color: #000000; content: ""; display: block; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 25px; z-index: 1; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Fixed Full Menu Pattern Section Starts -------*/

.fixed-full-menu-pattern { display: block; }
.fixed-full-menu-pattern > span { background-color: #ffffff; height: 0; left: 0; position: fixed; top: 0; width: 20%; z-index: 10; }
.fixed-full-menu-pattern > span:first-child { left: 0; -webkit-transition: 0.5s ease 1.5s; -moz-transition: 0.5s ease 1.5s; -ms-transition: 0.5s ease 1.5s; -o-transition: 0.5s ease 1.5s; transition: 0.5s ease 1.5s; }
.fixed-full-menu-pattern > span:nth-child(2) { left: 20%; -webkit-transition: 0.5s ease 1.25s; -moz-transition: 0.5s ease 1.25s; -ms-transition: 0.5s ease 1.25s; -o-transition: 0.5s ease 1.25s; transition: 0.5s ease 1.25s; }
.fixed-full-menu-pattern > span:nth-child(3) { left: 40%;  -webkit-transition: 0.5s ease 1s; -moz-transition: 0.5s ease 1s; -ms-transition: 0.5s ease 1s; -o-transition: 0.5s ease 1s; transition: 0.5s ease 1s; }
.fixed-full-menu-pattern > span:nth-child(4) { left: 60%; -webkit-transition: 0.5s ease 0.75s; -moz-transition: 0.5s ease 0.75s; -ms-transition: 0.5s ease 0.75s; -o-transition: 0.5s ease 0.75s; transition: 0.5s ease 0.75s; }
.fixed-full-menu-pattern > span:nth-child(5) { left: 80%; -webkit-transition: 0.5s ease 0.5s; -moz-transition: 0.5s ease 0.5s; -ms-transition: 0.5s ease 0.5s; -o-transition: 0.5s ease 0.5s; transition: 0.5s ease 0.5s; }
.fixed-full-menu-pattern.active { z-index: 10; }
.fixed-full-menu-pattern.active > span { height: 100%; }
.fixed-full-menu-pattern.active > span:first-child { -webkit-transition: 0.5s ease 0s; -moz-transition: 0.5s ease 0s; -ms-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; transition: 0.5s ease 0s; }
.fixed-full-menu-pattern.active > span:nth-child(2) { -webkit-transition: 0.5s ease 0.25s; -moz-transition: 0.5s ease 0.25s; -ms-transition: 0.5s ease 0.25s; -o-transition: 0.5s ease 0.25s; transition: 0.5s ease 0.25s; }
.fixed-full-menu-pattern.active > span:nth-child(3) { -webkit-transition: 0.5s ease 0.5s; -moz-transition: 0.5s ease 0.5s; -ms-transition: 0.5s ease 0.5s; -o-transition: 0.5s ease 0.5s; transition: 0.5s ease 0.5s; }
.fixed-full-menu-pattern.active > span:nth-child(4) { -webkit-transition: 0.5s ease 0.75s; -moz-transition: 0.5s ease 0.75s; -ms-transition: 0.5s ease 0.75s; -o-transition: 0.5s ease 0.75s; transition: 0.5s ease 0.75s; }
.fixed-full-menu-pattern.active > span:nth-child(5) { -webkit-transition: 0.5s ease 1s; -moz-transition: 0.5s ease 1s; -ms-transition: 0.5s ease 1s; -o-transition: 0.5s ease 1s; transition: 0.5s ease 1s; }
.navbar-menu { left: 50%; opacity: 0; position: fixed; top: 55%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; z-index: 10; }
.navbar-menu.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 1.5s; -moz-transition: 1s ease 1.5s; -ms-transition: 1s ease 1.5s; -o-transition: 1s ease 1.5s; transition: 1s ease 1.5s; visibility: visible; }
.menu-listing-mobile > li { display: block; margin-bottom: 15px; overflow: hidden; text-align: center; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #000000; font: 1.8rem/1.2 "Unbounded-Medium"; display: inline-block; }
.menu-listing-mobile > li.active > a { color: #f39f1e; }

  /*------- Fixed Full Menu Pattern Section Ends -------*/

  /*------- Desktop Navbar Menu Section Starts -------*/

.bg-desktop-navbar-menu { display: none; }

	/*------- Desktop Navbar Menu Section Ends -------*/

  /*------- Banner Section Starts -------*/

.wrapper { margin-top: 0; }
.banner-info > h1 { font-size: 2.7rem; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.about-image > img { margin-bottom: 30px; }

	/*------- About Us Section Ends -------*/

  /*------- Services Information Animation Section Starts -------*/

.services-information-slider .services-information-slider-marquee .services-information-slider-marquee-group span {	font-size: 3rem; }

	/*------- Services Information Animation Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-section > .container-fluid { padding: 30px 15px; }
.footer-heading > h4 { font-size: 2rem; margin-bottom: 25px; }
.footer-company-desc > p { margin: 0 0 30px; }
.footer-quick-links-listing { margin-bottom: 40px; }
.footer-logo-contact-listing,
.footer-social-account-listing,
.footer-logo-contact-sub-listing { display: block; }
.footer-logo-contact-listing { padding: 30px; }
.footer-logo { margin-bottom: 30px; text-align: center; }
.footer-logo > a { display: inline-block; padding: 0; }
.footer-logo-contact-sub-listing > li { border-right: 0; margin-bottom: 30px; padding: 0; }
.footer-logo-contact-sub-listing > li:last-child { margin-bottom: 0; }
.footer-call-email > h4 > a { font-size: 2rem; }
.footer-social-account-listing { margin-bottom: 40px; }
.footer-social-account-listing > li { margin: 0 0 20px 0; padding-right: 0; }
.footer-social-account-listing > li > a::after { display: none; }

  /*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Mission and Vision Section Starts -------*/

.mission-vision-image > img { margin-bottom: 30px; }
.mission-vision-info > h4 { font-size: 2.2rem; }

	/*------- Mission and Vision Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Services Page Starts -------*/

	/*------- Services Section Starts -------*/

.services-section-sp > .container-fluid { padding-bottom: 0; }

	/*------- Services Section Ends -------*/

/*------- Services Page Ends -------*/

/*------- Contact Us Page Starts -------*/

	/*------- Contact Us Section Starts -------*/

.box-contact-info { margin: 40px 0 30px; }
.box-contact-info.box-address-contact-info { margin-bottom: 60px; }

	/*------- Contact Us Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}

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

/*------- Common CSS Starts -------*/

.container-fluid { padding: 40px 15px; }
.section-heading > div { margin-bottom: 20px; }
.section-heading > h2 { font-size: 3rem; margin-bottom: 40px; }
.dash-arrow-and-paragraph { margin-bottom: 50px; }
.section-heading-ip > h1 { font-size: 3.3rem; }

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-mobile { background-color: #ffffff; display: block; padding: 10px 15px; position: relative; z-index: 10; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { width: 60px; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: pointer; height: 25px; margin-left: auto; position: relative; width: 25px; z-index: 1; }
.burger-menu span { background-color: #000000; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 25px; z-index: 1; }
.burger-menu span::before,
.burger-menu span::after { background-color: #000000; content: ""; display: block; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 25px; z-index: 1; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Fixed Full Menu Pattern Section Starts -------*/

.fixed-full-menu-pattern { display: block; }
.fixed-full-menu-pattern > span { background-color: #ffffff; height: 0; left: 0; position: fixed; top: 0; width: 20%; z-index: 10; }
.fixed-full-menu-pattern > span:first-child { left: 0; -webkit-transition: 0.5s ease 1.5s; -moz-transition: 0.5s ease 1.5s; -ms-transition: 0.5s ease 1.5s; -o-transition: 0.5s ease 1.5s; transition: 0.5s ease 1.5s; }
.fixed-full-menu-pattern > span:nth-child(2) { left: 20%; -webkit-transition: 0.5s ease 1.25s; -moz-transition: 0.5s ease 1.25s; -ms-transition: 0.5s ease 1.25s; -o-transition: 0.5s ease 1.25s; transition: 0.5s ease 1.25s; }
.fixed-full-menu-pattern > span:nth-child(3) { left: 40%;  -webkit-transition: 0.5s ease 1s; -moz-transition: 0.5s ease 1s; -ms-transition: 0.5s ease 1s; -o-transition: 0.5s ease 1s; transition: 0.5s ease 1s; }
.fixed-full-menu-pattern > span:nth-child(4) { left: 60%; -webkit-transition: 0.5s ease 0.75s; -moz-transition: 0.5s ease 0.75s; -ms-transition: 0.5s ease 0.75s; -o-transition: 0.5s ease 0.75s; transition: 0.5s ease 0.75s; }
.fixed-full-menu-pattern > span:nth-child(5) { left: 80%; -webkit-transition: 0.5s ease 0.5s; -moz-transition: 0.5s ease 0.5s; -ms-transition: 0.5s ease 0.5s; -o-transition: 0.5s ease 0.5s; transition: 0.5s ease 0.5s; }
.fixed-full-menu-pattern.active { z-index: 10; }
.fixed-full-menu-pattern.active > span { height: 100%; }
.fixed-full-menu-pattern.active > span:first-child { -webkit-transition: 0.5s ease 0s; -moz-transition: 0.5s ease 0s; -ms-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; transition: 0.5s ease 0s; }
.fixed-full-menu-pattern.active > span:nth-child(2) { -webkit-transition: 0.5s ease 0.25s; -moz-transition: 0.5s ease 0.25s; -ms-transition: 0.5s ease 0.25s; -o-transition: 0.5s ease 0.25s; transition: 0.5s ease 0.25s; }
.fixed-full-menu-pattern.active > span:nth-child(3) { -webkit-transition: 0.5s ease 0.5s; -moz-transition: 0.5s ease 0.5s; -ms-transition: 0.5s ease 0.5s; -o-transition: 0.5s ease 0.5s; transition: 0.5s ease 0.5s; }
.fixed-full-menu-pattern.active > span:nth-child(4) { -webkit-transition: 0.5s ease 0.75s; -moz-transition: 0.5s ease 0.75s; -ms-transition: 0.5s ease 0.75s; -o-transition: 0.5s ease 0.75s; transition: 0.5s ease 0.75s; }
.fixed-full-menu-pattern.active > span:nth-child(5) { -webkit-transition: 0.5s ease 1s; -moz-transition: 0.5s ease 1s; -ms-transition: 0.5s ease 1s; -o-transition: 0.5s ease 1s; transition: 0.5s ease 1s; }
.navbar-menu { left: 50%; opacity: 0; position: fixed; top: 55%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; z-index: 10; }
.navbar-menu.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 1.5s; -moz-transition: 1s ease 1.5s; -ms-transition: 1s ease 1.5s; -o-transition: 1s ease 1.5s; transition: 1s ease 1.5s; visibility: visible; }
.menu-listing-mobile > li { display: block; margin-bottom: 15px; overflow: hidden; text-align: center; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #000000; font: 2.4rem/1.2 "Unbounded-Medium"; display: inline-block; }
.menu-listing-mobile > li.active > a { color: #f39f1e; }

  /*------- Fixed Full Menu Pattern Section Ends -------*/

  /*------- Desktop Navbar Menu Section Starts -------*/

.bg-desktop-navbar-menu { display: none; }

	/*------- Desktop Navbar Menu Section Ends -------*/

  /*------- Banner Section Starts -------*/

.wrapper { margin-top: 0; }
.banner-info > h1 { font-size: 3rem; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.about-image > img { margin-bottom: 40px; }

	/*------- About Us Section Ends -------*/

  /*------- Services Information Animation Section Starts -------*/

.services-information-slider .services-information-slider-marquee .services-information-slider-marquee-group span {	font-size: 3.6rem; }

	/*------- Services Information Animation Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-section > .container-fluid { padding: 40px 15px 30px; }
.footer-heading > h4 { font-size: 2.2rem; margin-bottom: 25px; }
.footer-company-desc > p { margin: 0 0 30px; }
.footer-quick-links-listing { margin-bottom: 40px; }
.footer-logo-contact-listing,
.footer-social-account-listing,
.footer-logo-contact-sub-listing { display: block; }
.footer-logo-contact-listing { padding: 30px; }
.footer-logo { margin-bottom: 30px; text-align: center; }
.footer-logo > a { display: inline-block; padding: 0; }
.footer-logo-contact-sub-listing > li { border-right: 0; margin-bottom: 30px; padding: 0; }
.footer-logo-contact-sub-listing > li:last-child { margin-bottom: 0; }
.footer-call-email > h4 > a { font-size: 2.2rem; }
.footer-social-account-listing { margin-bottom: 40px; }
.footer-social-account-listing > li { margin: 0 0 20px 0; padding-right: 0; }
.footer-social-account-listing > li > a::after { display: none; }

  /*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Mission and Vision Section Starts -------*/

.mission-vision-image > img { margin-bottom: 40px; }
.mission-vision-info > h4 { font-size: 2.2rem; }

	/*------- Mission and Vision Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Services Page Starts -------*/

	/*------- Services Section Starts -------*/

.services-section-sp > .container-fluid { padding-bottom: 0; }

	/*------- Services Section Ends -------*/

/*------- Services Page Ends -------*/

/*------- Contact Us Page Starts -------*/

	/*------- Contact Us Section Starts -------*/

.box-contact-info { margin: 40px 0 30px; }
.box-contact-info.box-address-contact-info { margin-bottom: 60px; }

	/*------- Contact Us Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}

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

/*------- Common CSS Starts -------*/

.container-fluid { padding: 40px 15px; }
.section-heading > div { margin-bottom: 15px; }
.section-heading > h2 { font-size: 3rem; margin-bottom: 40px; }
.dash-arrow-and-paragraph { margin-bottom: 50px; }
.section-heading-ip > h1 { font-size: 3.3rem; }

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-mobile { background-color: #ffffff; display: block; padding: 10px 15px; position: relative; z-index: 10; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { width: 60px; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: pointer; height: 25px; margin-left: auto; position: relative; width: 25px; z-index: 1; }
.burger-menu span { background-color: #000000; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 25px; z-index: 1; }
.burger-menu span::before,
.burger-menu span::after { background-color: #000000; content: ""; display: block; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 25px; z-index: 1; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Fixed Full Menu Pattern Section Starts -------*/

.fixed-full-menu-pattern { display: block; }
.fixed-full-menu-pattern > span { background-color: #ffffff; height: 0; left: 0; position: fixed; top: 0; width: 20%; z-index: 10; }
.fixed-full-menu-pattern > span:first-child { left: 0; -webkit-transition: 0.5s ease 1.5s; -moz-transition: 0.5s ease 1.5s; -ms-transition: 0.5s ease 1.5s; -o-transition: 0.5s ease 1.5s; transition: 0.5s ease 1.5s; }
.fixed-full-menu-pattern > span:nth-child(2) { left: 20%; -webkit-transition: 0.5s ease 1.25s; -moz-transition: 0.5s ease 1.25s; -ms-transition: 0.5s ease 1.25s; -o-transition: 0.5s ease 1.25s; transition: 0.5s ease 1.25s; }
.fixed-full-menu-pattern > span:nth-child(3) { left: 40%;  -webkit-transition: 0.5s ease 1s; -moz-transition: 0.5s ease 1s; -ms-transition: 0.5s ease 1s; -o-transition: 0.5s ease 1s; transition: 0.5s ease 1s; }
.fixed-full-menu-pattern > span:nth-child(4) { left: 60%; -webkit-transition: 0.5s ease 0.75s; -moz-transition: 0.5s ease 0.75s; -ms-transition: 0.5s ease 0.75s; -o-transition: 0.5s ease 0.75s; transition: 0.5s ease 0.75s; }
.fixed-full-menu-pattern > span:nth-child(5) { left: 80%; -webkit-transition: 0.5s ease 0.5s; -moz-transition: 0.5s ease 0.5s; -ms-transition: 0.5s ease 0.5s; -o-transition: 0.5s ease 0.5s; transition: 0.5s ease 0.5s; }
.fixed-full-menu-pattern.active { z-index: 10; }
.fixed-full-menu-pattern.active > span { height: 100%; }
.fixed-full-menu-pattern.active > span:first-child { -webkit-transition: 0.5s ease 0s; -moz-transition: 0.5s ease 0s; -ms-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; transition: 0.5s ease 0s; }
.fixed-full-menu-pattern.active > span:nth-child(2) { -webkit-transition: 0.5s ease 0.25s; -moz-transition: 0.5s ease 0.25s; -ms-transition: 0.5s ease 0.25s; -o-transition: 0.5s ease 0.25s; transition: 0.5s ease 0.25s; }
.fixed-full-menu-pattern.active > span:nth-child(3) { -webkit-transition: 0.5s ease 0.5s; -moz-transition: 0.5s ease 0.5s; -ms-transition: 0.5s ease 0.5s; -o-transition: 0.5s ease 0.5s; transition: 0.5s ease 0.5s; }
.fixed-full-menu-pattern.active > span:nth-child(4) { -webkit-transition: 0.5s ease 0.75s; -moz-transition: 0.5s ease 0.75s; -ms-transition: 0.5s ease 0.75s; -o-transition: 0.5s ease 0.75s; transition: 0.5s ease 0.75s; }
.fixed-full-menu-pattern.active > span:nth-child(5) { -webkit-transition: 0.5s ease 1s; -moz-transition: 0.5s ease 1s; -ms-transition: 0.5s ease 1s; -o-transition: 0.5s ease 1s; transition: 0.5s ease 1s; }
.navbar-menu { left: 50%; opacity: 0; position: fixed; top: 55%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; z-index: 10; }
.navbar-menu.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 1.5s; -moz-transition: 1s ease 1.5s; -ms-transition: 1s ease 1.5s; -o-transition: 1s ease 1.5s; transition: 1s ease 1.5s; visibility: visible; }
.menu-listing-mobile > li { display: block; margin-bottom: 15px; overflow: hidden; text-align: center; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #000000; font: 2.4rem/1.2 "Unbounded-Medium"; display: inline-block; }
.menu-listing-mobile > li.active > a { color: #f39f1e; }

  /*------- Fixed Full Menu Pattern Section Ends -------*/

  /*------- Desktop Navbar Menu Section Starts -------*/

.bg-desktop-navbar-menu { display: none; }

	/*------- Desktop Navbar Menu Section Ends -------*/

  /*------- Banner Section Starts -------*/

.wrapper { margin-top: 0; }
.banner-info > h1 { font-size: 3rem; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.about-image > img { margin-bottom: 40px; }

	/*------- About Us Section Ends -------*/

  /*------- Services Section Starts -------*/

.box-services-info > h4 { font-size: 1.6rem; }

  /*------- Services Section Ends -------*/

  /*------- Services Information Animation Section Starts -------*/

.services-information-slider .services-information-slider-marquee .services-information-slider-marquee-group span {	font-size: 4rem; }

	/*------- Services Information Animation Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-section > .container-fluid { padding: 40px 15px 30px; }
.footer-heading > h4 { font-size: 2.2rem; line-height: 1.5; margin-bottom: 25px; }
.footer-company-desc > p { margin: 0 0 40px; }
.footer-quick-links-listing { margin-bottom: 40px; }
.footer-social-account-listing { display: block; }
.footer-social-account-listing > li { margin: 0 0 20px 0; padding-right: 0; }
.footer-social-account-listing > li > a::after { display: none; }
.footer-logo > a > img { width: 80px; }
.footer-call-email > h4 > a { font-size: 2rem; }

  /*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Mission and Vision Section Starts -------*/

.mission-vision-section > .container-fluid { padding-top: 40px; }
.mission-vision-info > h4 { font-size: 2.2rem; }

	/*------- Mission and Vision Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Contact Us Page Starts -------*/

	/*------- Contact Us Section Starts -------*/

.box-contact-info { margin: 40px 0 30px; }
.box-contact-info.box-address-contact-info { margin-bottom: 60px; }

	/*------- Contact Us Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}