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

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

.container-fluid { padding: 25px 15px; }
.section-heading > div > span { font-size: 1.6rem; }
.section-heading > h2 { font-size: 4rem; margin-bottom: 30px; }
.main-section-heading > h2 { font-size: 3rem; }
.section-heading-ip > h1 { font-size: 4rem; }

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

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

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

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

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

  /*------- Slider Section Starts -------*/

.bg-slider { padding: 25px 15px 60px; }
.banner-social-acc { left: 0; position: static; }
.banner-social-acc-listing { display: flex; justify-content: center; }
.banner-social-acc-listing > li { margin-right: 15px; }
.banner-social-acc-listing > li:last-child { margin-right: 0; }
.banner-info { margin-left: 0; }
.client-feedback-video-play-info { margin-bottom: 30px; }
.client-feedback-video-play-info > div { position: relative; z-index: 1; }
.client-feedback-video-play-info > div > img { width: 70px; }
.client-feedback-video-play-info > span { font-size: 1.8rem; }
.banner-slider-image > img { margin: 30px 0; }
.circle-text-image > svg { display: block; margin: 0 auto; width: 100px; }

    /*------- Testimonials Slick Slider Dots CSS Starts -------*/

.banner-slider .slick-dots { bottom: -115px; left: 0; }
.banner-slider .slick-dots li { cursor: pointer; display: inline-block; height: auto; margin: 0 5px; padding: 0; position: relative; width: auto; }
.banner-slider .slick-dots li button { border: 1px solid transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; height: 20px; line-height: 20px; margin: 0; opacity: 1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; width: 20px; }
.banner-slider .slick-dots li button:hover,
.banner-slider .slick-dots li.slick-active button { border: 1px solid #0C0E10; opacity: 1; }
.banner-slider .slick-dots li button::before { background-color: #0C0E10; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 10px; left: 50%; opacity: 1; 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: 10px; }
.banner-slider .slick-dots li.slick-active button::before { background-color: transparent; }

		/*------- Testimonials Slick Slider Dots CSS Ends -------*/

  /*------- Slider Section Ends -------*/
  
  /*------- Clients, Support, and Who we are Section Starts -------*/

.box-icon-heading-desc { margin-bottom: 30px; padding: 20px; }
.box-heading > h4 { font-size: 2.4rem; margin-bottom: 10px; }
.box-icon { margin-bottom: 20px; }
.bg-who-we-are,
.box-why-us-our-team { padding: 20px; }
.who-we-are-image > img,
.why-us-image > img { margin-bottom: 20px; }
.counter-info { display: block; margin-bottom: 20px; }
.counter-info > div { margin-right: 0; }
.counter-info > div:first-child { font-size: 6rem; text-align: center; width: auto; }
.counter-info > div:nth-child(2) > span { display: none; }
.counter-info > div:last-child { text-align: center; }
.who-we-are-info > h4 { font-size: 2.4rem; margin-bottom: 20px; }
.who-we-are-info > p,
.why-us-info > p { margin-bottom: 20px; }

  /*------- Clients, Support, and Who we are Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.bg-why-choose-us { padding: 0; }
.why-choose-us-info { padding: 20px; }
.why-choose-us-desc > p { margin-bottom: 20px; }
.why-choose-us-listing-info .why-choose-us-listing { display: block; margin-bottom: 30px; }
.why-choose-us-listing-info .why-choose-us-listing:last-child { margin-bottom: 0; }
.why-choose-us-icon { margin-right: 0; }
.why-choose-us-icon > img { margin-bottom: 20px; }
.why-choose-us-heading-desc > h4 { font-size: 2.4rem; }

  /*------- Why Choose Us Section Ends -------*/

  /*------- Extra Info Section Starts -------*/

.extra-info-1 > p { line-height: 1.4; margin-bottom: 20px; }
.extra-info-2 > h2 { font-size: 3rem; padding: 0; }

  /*------- Extra Info Section Ends -------*/

  /*------- What We Offer Section Starts -------*/

.bg-what-we-offer { padding: 25px 15px 0; }
.what-we-offer-main-section-heading > h2 { margin-bottom: 20px; }
.box-what-we-offer { margin-bottom: 30px; padding: 20px; }
.box-what-we-offer-icon > img { margin-bottom: 20px; }
.box-what-we-offer-heading > h4 { font-size: 2.4rem; margin-bottom: 20px; min-height: auto; }
.box-what-we-offer-heading > h4 > span { display: inline; }

  /*------- What We Offer Section Ends -------*/

  /*------- Portfolio Section Starts -------*/

.bg-portfolio { padding: 0 15px; }
.portfolio-main-section-heading > h2 {  margin-bottom: 5px;}
.portfolio-desc > p { margin-bottom: 20px; }
.portfolio-btn-primary { margin-bottom: 30px; }
.box-portfolio-image > img { margin-bottom: 20px; }
.box-portfolio-info > h3 { font-size: 2.4rem; margin-bottom: 5px; }

  /*------- Portfolio Section Ends -------*/

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

.contact-us-main-section-heading > h2 > span:first-child { display: inline; }
.contact-us-desc > p { margin-bottom: 20px; }
form > .form-group-border { margin-bottom: 20px; }
form > .form-group-border:last-child { margin-bottom: 30px; }

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

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

.footer-logo > a > img { margin-bottom: 20px; width: 150px; }
.useful-links-listing { margin-bottom: 30px; }
.footer-heading > h4 { font-size: 2.4rem; margin-bottom: 30px; padding-left: 15px; }
.footer-map > img { margin: 30px 0; }
.newsletter-footer-heading > h4 { padding: 30px 0 0 0; }
.footer-heading > h5 { font-size: 2rem; }
.copyright-info-extra-links-border-top { margin-top: 30px; }
.copyright-info > p { font-size: 1.6rem; margin-bottom: 15px; text-align: center; }
.footer-extra-links-listing { justify-content: center; }
.footer-extra-links-listing > li { padding: 0 10px; }
.footer-extra-links-listing > li:first-child { padding-left: 0; }
.footer-extra-links-listing > li > a { font-size: 1.6rem; }

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

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

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

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

.bg-banner-ap,
.bg-banner-cp { padding-bottom: 0; }
.about-us-banner-image-ap > img { margin-bottom: 30px; width: 100%; }
.banner-breadcrumb-listing-ip > li { margin-right: 15px; padding-right: 15px; }
.banner-breadcrumb-listing-ip > li > a { font-size: 1.8rem; }

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

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

.bg-about-us-ap { padding: 25px 0 0; }
.about-us-image-center { display: none; }
.about-us-image-ap > img { margin-bottom: 25px; }
.about-us-info-ap { padding: 0 25px; }
.about-us-info-ap > .main-section-heading > h2 { margin-bottom: 20px; }
.about-us-info-ap > p { margin-bottom: 15px; padding-right: 0; }

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

  /*------- Why Us and Our Team Section Starts -------*/

.bg-why-us-our-team { padding-top: 0; }

  /*------- Why Us and Our Team Section Ends -------*/

  /*------- Mission, Vision, and Goals and Objectives Section Starts -------*/

.bg-mission-vision-goals-objectives { padding: 0 15px; }
.box-mission-vision-goals-objectives-heading > h4 { margin-bottom: 10px; }
.box-mission-vision-goals-objectives-desc > p { min-height: auto; }

  /*------- Mission, Vision, and Goals and Objectives Section Ends -------*/

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

/*------- Web Design Page CSS Starts -------*/

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

.banner-web-design-info { margin-left: 0; }
.banner-social-acc-services { margin-top: 30px; }

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

  /*------- Our Key Strengths and Designs Section Starts -------*/

.our-key-strenths-section-heading-wdp > h2 { margin-bottom: 25px; line-height: 1; }
.bg-designs { padding: 20px; }
.box-designs-image > img { margin-bottom: 20px; }
.box-designs-image > img:last-child { margin-bottom: 20px; width: 100%; }
.designs-section-heading-wdp > h2 { line-height: 1.2; margin-bottom: 15px; }
.designs-section-heading-wdp > h2 > span,
.designs-section-heading-wdp > h2 > span > span { display: inline; }

  /*------- Our Key Strengths and Designs Section Ends -------*/

  /*------- Web Designs Section Starts -------*/

.bg-web-designs-wdp { padding: 0; }
.box-web-designs-wdp { margin: 20px; }
.web-designs-section-heading-wdp > h2 > span { display: inline; }
.web-designs-desc-wdp > p { margin-bottom: 25px; }
.web-designs-listing-wdp > li { font-size: 1.8rem; line-height: 1.4; margin-bottom: 15px; padding-left: 30px; }
.web-designs-listing-wdp > li::before { top: 2px; }

  /*------- Web Designs Section Ends -------*/

/*------- Web Design Page CSS Ends -------*/

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

  /*------- Banner Section Starts -------*/
  
.banner-slider-image-cp > img { margin-top: 0; }
  
  /*------- Banner Section Ends -------*/

  /*------- Map Section Starts -------*/
  
.map-cp > iframe { height: 400px; }
  
  /*------- Map Section Ends -------*/ 

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

.bg-contact-info-cp { margin-top: 0; padding: 0 15px; }
.box-contact-info-cp { margin: 0 0 25px 0; padding: 20px; }
.box-contact-info-cp > img { margin-bottom: 20px; width: 40px; }
.box-contact-info-cp > h4 { font-size: 2.4rem; margin-bottom: 20px; }
.box-contact-info-cp > h4 > span { display: inline; }
.box-contact-info-cp > p:nth-child(4),
.box-contact-info-cp > p:nth-child(5) { font-size: 1.8rem; margin-bottom: 20px; }
.box-contact-info-cp > p:last-child { margin-bottom: 0; }
.email-address-contact-info-border { padding-bottom: 10px; }
.box-email-info-cp { margin-bottom: 20px; }
.box-email-info-cp > div > h6 { margin-bottom: 0; }
.box-email-info-cp > div > h6 + address { margin-top: 5px; }
  
  /*------- Contact Us Information Section Ends -------*/
  
  /*------- Contact Us Form Section Starts -------*/

.contact-us-form-section-heading-cp > h2 { line-height: 1; margin-bottom: 25px; }
.form-group-cp { margin-bottom: 25px; }

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

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

}

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

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



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

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



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

}

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

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



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

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



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

}

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

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



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

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



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

}

@media only screen and (min-width:1400px) {

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

  /*------- Mission, Vision, and Goals and Objectives Section Starts -------*/

.box-mission-vision-goals-objectives-desc > p { min-height: 305px; }

  /*------- Mission, Vision, and Goals and Objectives Section Ends -------*/

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

}