/* XL Device :1200px. */
@media (min-width: 1449px) and (max-width: 1740px) {

.hero-containt h3 {
	font-size: 65px;
	line-height: 70px;
	margin-bottom: 26px;
}
  .hero-containt p {
	font-size: 30px;
	margin-bottom: 56px;
}  
    
  .header-bar-area {
	height: 70px;
}  
    
 .header-logo img {
	max-width: 200px;
}   
    
   
.header-menu li a {
  font-size: 18px;
}
.header-area.header-middle {
  height: 100px;
} 
 .hero-area {
	height: 559px;
}   
  .single-year-fl {
	padding: 0 30px;
}  
   .work-area {
	padding: 60px 74px;
} 
  .project-tap-area {
	padding: 0 78px;
}  
 .tasti-area {
	padding-left: 78px;
	padding-right: 78px;
}   
    .tasti-text-fl {
	width: 398px;
}
 #scrollUp {
	right: 0;
}   
    
   .single-services::before {
	/*! right: -18%; */
}   
     
    
    
    
    
    
    
    
    
    
}

/* LG Device :1450px. */
@media (min-width: 1450px) and (max-width: 1640px) {

    .full-popup .modal-dialog {
        max-width: 1400px !important;
    }
    .full-single-image {
        width: 399px;
    }
    .ful-cpmplete-content p::before {
        height: 768px;;
    }

    .ful-cpmplete-content.cnt-2 p::before {
        height: 125px;
    }

    .full-wrap-text p {
        font-size: 18px;
    }





}
/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {

.hero-containt h3 {
	font-size: 58px;
	line-height: 79px;
	margin-bottom: 22px;
}
  .hero-containt p {
	font-size: 24px;
	margin-bottom: 45px;
}  
    
  .header-bar-area {
	height: 70px;
}  
    
 .header-logo img {
	max-width: 200px;
}   
    
   
.header-menu li a {
  font-size: 18px;
}
.header-area.header-middle {
  height: 100px;
} 
 .hero-area {
	height: 559px;
}   
  .single-year-fl {
	padding: 0 30px;
}  
   .work-area {
	padding: 60px 74px;
} 
  .project-tap-area {
	padding: 0 78px;
}  
 .tasti-area {
	padding-left: 78px;
	padding-right: 78px;
}   
    .tasti-text-fl {
	width: 398px;
	padding: 20px;
}
 #scrollUp {
	right: 37px;
}   
 .hero-containt {
	padding-left: 98px;
}   
    
 .owl-nav button {
	left: 30px;
}   
    
    .owl-next {
	left: auto !important;
	right: 30px;
}
 .year-containt h3 {
	font-size: 18px;
}   
    
   .year-containt p {
	font-size: 14px;
	line-height: 16px;
} 
 .section-title p br {
	display: none;
}   
 .single-services::before {
	right: -12%;
	height: 190px;
}   
    
  .single-services {
	margin-bottom: 70px;
	max-width: 29%;
}  
  .project-containt {
	padding: 26px 24px;
}
    
 .project-containt h3 {
	font-size: 21px;
	margin-bottom: 15px;
}   
    
  
.tasti-text-fl p {
  font-size: 12px;
}
.tasti-text-fl h3 {
  font-size: 14px;
  margin-bottom: 2px;
}
.tasti-text-fl span {
  font-size: 12px;
}  
  .contact-form-fl {
	width: auto;
}  
 .footer-brand a {
	margin-left: 49px;
}   
    
    
    
    
  
    
    
    
    
    
    
 .year-area {
	padding-top: 99px;
	padding-bottom: 55px;
}   
  .section-title h3 {
	font-size: 50px;
	margin-bottom: 36px;
}  
    
    
 
    .full-single-image {
        width: 304px;
    }

    .ful-cpmplete-content p::before {
        height: 567px;
        top: 133px;
    }
    .full-wrap-text p {
        font-size: 14px;
    }
    .ful-cpmplete-content h4 {
        font-size: 20px;
    }
    .ful-cpmplete-content p {
        font-size: 13px;
        line-height: 20px;
        padding-bottom: 20px;
    }

    .ful-cpmplete-content.cnt-2 p::before {
        height: 61px;
    }

    .full-popup .modal-dialog {
        max-width: 1110px !important;
        margin: 1.75rem auto;
    }

    .top-popuo-area .modal-dialog {
        max-width: 1100px !important;
    }

    .top-content-wrap {
        width: 800px;
    }
    .top-btm-img {
        width: 287px;
    }
    .top-hdn-area {
        padding: 61px 62px 80px 57px;
    }

    .top-btm-list ul li {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .top-btm-content {
        width: 487px;
    }
    .top-hdn-area button {
        right: 107px;
    }
   
    
    
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

.hero-containt h3 {
	font-size: 58px;
	line-height: 79px;
	margin-bottom: 22px;
}
  .hero-containt p {
	font-size: 24px;
	margin-bottom: 45px;
}  
    
  .header-bar-area {
	height: 70px;
}  
    
 .header-logo img {
	max-width: 200px;
}   
    
   
.header-menu li a {
	font-size: 16px;
}
.header-area.header-middle {
  height: 100px;
} 
 .hero-area {
	height: 559px;
}   
  .single-year-fl {
	padding: 30px;
	height: auto;
}  
   .work-area {
	padding: 60px 74px;
} 
  .project-tap-area {
	padding: 0 78px;
}  
 .tasti-area {
	padding-left: 78px;
	padding-right: 78px;
}   
    .tasti-text-fl {
	width: auto;
	padding: 0;
	margin-top: 20px;
}
 #scrollUp {
	right: 37px;
}   
 .hero-containt {
	padding-left: 98px;
}   
    
 .owl-nav button {
	left: 30px;
}   
    
    .owl-next {
	left: auto !important;
	right: 30px;
}
 .year-containt h3 {
	font-size: 18px;
}   
    
   .year-containt p {
	font-size: 14px;
	line-height: 16px;
} 
 .section-title p br {
	display: none;
}   
 .single-services::before {
	right: -12%;
	height: 190px;
}   
    
  .single-services {
	margin-bottom: 70px;
	max-width: 29%;
}  
  .project-containt {
	padding: 26px 24px;
}
    
 .project-containt h3 {
	font-size: 21px;
	margin-bottom: 15px;
}   
    
  
.tasti-text-fl p {
  font-size: 12px;
}
.tasti-text-fl h3 {
  font-size: 14px;
  margin-bottom: 2px;
}
.tasti-text-fl span {
  font-size: 12px;
}  
  .contact-form-fl {
	width: auto;
}  
 .footer-brand a {
	margin-left: 49px;
}   
   .header-menu li {
	margin: 0 10px;
}
.header-contact a {
	font-size: 16px;
	line-height: 16px;
}
    
  
.single-year {
  display: block;
}
.year-containt {
  margin: 0;
}
.year-icon {
  margin-bottom: 20px;
}  
  
.services-img img {
  max-width: 60px;
}
.services-img {
  height: 70px;
  margin-bottom: 20px;
}
.services-containt h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.services-containt p {
  margin-bottom: 15px;
}  
    
 
.single-tasti {
  display: block;
  height: auto;
  padding: 20px;
}
.tasti-img {
  margin: auto;
}   
  .single-brand a img {
	max-width: 150px;
}  
   .contact-right {
	padding: 0 30px;
} 
 .contact-area {
	display: flex;
	height: 484px;
}   
.section-title h3 {
	font-size: 45px;
}    
 .section-title h3::before {
	width: 58px;
}   
 .phobe-number a {
	font-size: 22px;
	font-weight: 600;
}   
 .contact-left {
	background-size: cover;
	background-position: center;
}   
 .footer-box {
	margin-bottom: 50px;
}   
  .footer-text p {
	line-height: 17px;
}  
 .footer-title {
	margin-bottom: 35px;
}
    
    
    
    
    
    
    
    
       
    
 .year-area {
	padding-top: 99px;
	padding-bottom: 55px;
}   
  .section-title h3 {
	font-size: 40px;
	margin-bottom: 36px;
}  
  .services-area {
	padding-bottom: 80px;
	text-align: center;
}  
  .single-work {
	height: 230px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 8px;
	background-position: center top;
}  
    
     .full-popup .modal-dialog {
        max-width: 880px !important;
    }

    .full-pp-image {
        width: 500px;
        margin: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .full-pp-wrap {
        width: auto;
        padding-left: 0;
        padding-bottom: 65px;
    }
    .full-pp-wsrap-hdn {
        text-align: center;
    }
    .full-wrap-text p {
        font-size: 16px;
    }
    .full-pp-header {
        display: block;
    }

    .full-complete-wrap {
        display: block;
    }
    .ful-cpmplete-content {
        width: 100%;
        text-align: center;
    }
    .full-complete-wrap {
        padding: 0px 50px 0px 50px !important;
    }
    .full-single-image {
        width: 375px;
        margin-bottom: 30px;
    }

    .ful-cpmplete-content p::before {
        display: none;
    }
    .full-complete-image-fx {
        width: 100%;
    }

.ful-cpmplete-content.cnt-2 h4 {
	padding-top: 40px;
}

.top-popuo-area .modal-dialog {
	max-width: 901px !important;
}

.top-content-wrap {
	width: 650px;
}

.top-hdn-area {
	padding: 40px 50px 51px 40px;
}
.top-hdn-area button {
	right: 42px;
	top: 18px;
}

.top-ct-title h2 {
	font-size: 33px;
}

.top-btm-fx {
	display: block;
}
.top-btm-img {
	width: 445px;
	padding-bottom: 30px;
}
.footer-copy p img {
	margin: 0 10px;
	width: 153px;
}
   
    
    
    
    
}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

.hero-containt h3 {
	font-size: 44px;
	line-height: 59px;
	margin-bottom: 17px;
}
  .hero-containt p {
	font-size: 20px;
	margin-bottom: 33px;
}  
    
  .header-bar-area {
	height: 45px;
	display: block;
	padding-top: 7px;
}  
    
 .header-logo img {
	max-width: 155px;
}   
    
   
.header-menu li a {
	font-size: 16px;
}
.header-area.header-middle {
  height: 100px;
} 
 .hero-area {
	height: 431px;
}   
  .single-year-fl {
	padding: 30px;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}  
   .work-area {
	padding: 60px 74px;
} 
  .project-tap-area {
	padding: 0 78px;
}  
 .tasti-area {
	padding-left: 78px;
	padding-right: 78px;
}   
    .tasti-text-fl {
	width: auto;
	padding: 0;
	margin-top: 20px;
}
 #scrollUp {
	right: 37px;
}   
 .hero-containt {
	padding-left: 98px;
}   
    
 .owl-nav button {
	left: 30px;
}   
    
    .owl-next {
	left: auto !important;
	right: 30px;
}
 .year-containt h3 {
	font-size: 18px;
}   
    
   .year-containt p {
	font-size: 14px;
	line-height: 16px;
} 
 .section-title p br {
	display: none;
}   
 .single-services::before {
	right: -12%;
	height: 190px;
	display: none;
}   
    
  .single-services {
	margin-bottom: 38px;
	max-width: 100%;
	padding: 0 30px;
}  
  .project-containt {
	padding: 26px 24px;
}
    
 .project-containt h3 {
	font-size: 21px;
	margin-bottom: 15px;
}   
    
  
.tasti-text-fl p {
  font-size: 12px;
}
.tasti-text-fl h3 {
  font-size: 14px;
  margin-bottom: 2px;
}
.tasti-text-fl span {
  font-size: 12px;
}  
  .contact-form-fl {
	width: 100%;
}  
 .footer-brand a {
	margin-left: 20px;
}   
   .header-menu li {
	margin: 0 10px;
}
.header-contact a {
	font-size: 16px;
	line-height: 16px;
}
    
  
.single-year {
  display: block;
}
.year-containt {
  margin: 0;
}
.year-icon {
  margin-bottom: 20px !important;
  margin: auto;
}  
  
.services-img img {
  max-width: 60px;
}
.services-img {
  height: 70px;
  margin-bottom: 20px;
}
.services-containt h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.services-containt p {
  margin-bottom: 15px;
}  
    
 
.single-tasti {
  display: block;
  height: auto;
  padding: 20px;
}
.tasti-img {
  margin: auto;
}   
  .single-brand a img {
	max-width: 150px;
}  
   .contact-right {
	padding: 0 30px;
	width: 100%;
	padding-bottom: 30px;
} 
 .contact-area {
	display: block;
	height: auto;
}   
.section-title h3 {
	font-size: 45px;
}    
 .section-title h3::before {
	width: 44px;
}   
 .phobe-number a {
	font-size: 22px;
	font-weight: 600;
}   
 .contact-left {
	background-size: cover;
	background-position: center;
	margin-bottom: 30px;
	width: 100%;
	padding: 50px 0;
}   
 .footer-box {
	margin-bottom: 50px;
}   
  .footer-text p {
	line-height: 17px;
}  
 .footer-title {
	margin-bottom: 35px;
}
    
  .header-menu {
	display: none;
}  
  .hero-active.owl-carousel.owl-loaded.owl-drag .owl-dots {
	bottom: 34px;
}  
  
.simgle-services-fl {
  display: block;
}  
    
 .brand-area {
	background: #F6F6F6;
	height: 131px;
	display: flex;
	align-items: center;
}   
    
    .single-brand a img {
	max-width: 120px;
}
    
    
  .year-area {
	padding-top: 99px;
	padding-bottom: 55px;
}   
  .section-title h3 {
	font-size: 40px;
	margin-bottom: 36px;
}  
  .services-area {
	padding-bottom: 32px;
	text-align: center;
}     
    
  #scrollUp {
	right: 37px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}    
 #scrollUp i {
	color: #333;
	font-size: 20px;
	line-height: 40px;
}   
.simgle-services-fl.last .single-services {
	margin-bottom: 36px !important;
}.header-area.header-middle.scroll-header .header-logo img {
	max-width: 155px;
}
    
  .header-off-btn.menu-trigger.right {
	display: block !important;
}  
.header-logo.position-relative {
	position: relative !important;
	width: 100%;
}      
    
    
  
    .full-popup .modal-dialog {
        max-width: 680px !important;
    }

    .full-pp-image {
        width: 500px;
        margin: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .full-pp-wrap {
        width: auto;
        padding-left: 0;
        padding-bottom: 65px;
    }
    .full-pp-wsrap-hdn {
        text-align: center;
    }
    .full-wrap-text p {
        font-size: 16px;
    }
    .full-pp-header {
        display: block;
    }

    .full-complete-wrap {
        display: block;
    }
    .ful-cpmplete-content {
        width: 100%;
        text-align: center;
    }
    .full-complete-wrap {
        padding: 0px 50px 0px 50px !important;
    }
    .full-single-image {
        width: 276px;
        margin-bottom: 30px;
    }

    .ful-cpmplete-content p::before {
        display: none;
    }
    .full-complete-image-fx {
        width: 100%;
    }

.ful-cpmplete-content.cnt-2 h4 {
	padding-top: 40px;
}

.full-footer-logo a img {
	max-width: 100px;
}

.full-foter-link a {
	font-size: 20px;
}

.full-foter-link a img {
	width: 22px;
}
.top-hdn-area {
    padding: 40px 50px 51px 40px;
    display: block;
}

.top-popuo-area .modal-dialog {
	max-width: 660px !important;
}

.top-content-wrap {
	width: auto;
	margin-top: 30px;
	text-align: center;
}
.top-ct-title h2 {
	font-size: 35px;
}

.top-hdn-area button {
	right: 75px;
	top: 49px;
}
.top-btm-fx {
	display: block;
}
.top-btm-img {
	width: auto;
	margin-bottom: 30px;
}
.top-img {
	width: 100px;
	margin: auto;
}
  
    
.footer-copy p img {
	margin: 0 10px;
	width: 130px;
}
    
}
 

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

.hero-containt h3 {
	font-size: 28px;
	line-height: 37px;
	margin-bottom: 17px;
}
  .hero-containt p {
	font-size: 16px;
	margin-bottom: 25px;
}  
    
  .header-bar-area {
	height: 70px;
	display: block;
}  
    
 .header-logo img {
	max-width: 155px;
}   
    
   
.header-menu li a {
	font-size: 16px;
}
.header-area.header-middle {
  height: 100px;
} 
 .hero-area {
	height: 431px;
}   
  .single-year-fl {
	padding: 30px;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}  
   .work-area {
	padding: 60px 30px;
} 
  .project-tap-area {
	padding: 0 30px;
}  
 .tasti-area {
	padding-left: 78px;
	padding-right: 78px;
}   
    .tasti-text-fl {
	width: auto;
	padding: 0;
	margin-top: 20px;
}
 #scrollUp {
	right: 37px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}   
 .hero-containt {
	padding: 0 40px;
	text-align: left;
}   
    
 .owl-nav button {
	left: 0;
	width: 30px;
	height: 30px;
}   
    
    .owl-next {
	left: auto !important;
	right: 0;
}
 .year-containt h3 {
	font-size: 18px;
}   
    
   .year-containt p {
	font-size: 14px;
	line-height: 16px;
} 
 .section-title p br {
	display: none;
}   
 .single-services::before {
	right: -12%;
	height: 190px;
	display: none;
}   
    
  .single-services {
	margin-bottom: 38px;
	max-width: 100%;
	padding: 0;
}  
  .project-containt {
	padding: 26px 24px;
}
    
 .project-containt h3 {
	font-size: 21px;
	margin-bottom: 15px;
}   
    
  
.tasti-text-fl p {
  font-size: 12px;
}
.tasti-text-fl h3 {
  font-size: 14px;
  margin-bottom: 2px;
}
.tasti-text-fl span {
  font-size: 12px;
}  
  .contact-form-fl {
	width: 100%;
}  
 .footer-brand a {
	margin-left: 20px;
}   
   .header-menu li {
	margin: 0 10px;
}
.header-contact a {
	font-size: 13px;
	line-height: 16px;
}
    
  
.single-year {
  display: block;
}
.year-containt {
  margin: 0;
}
.year-icon {
  margin-bottom: 20px !important;
  margin: auto;
}  
  
.services-img img {
  max-width: 60px;
}
.services-img {
  height: 70px;
  margin-bottom: 20px;
}
.services-containt h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.services-containt p {
  margin-bottom: 15px;
}  
    
 
.single-tasti {
  display: block;
  height: auto;
  padding: 20px;
}
.tasti-img {
  margin: auto;
}   
  .single-brand a img {
	max-width: 150px;
}  
   .contact-right {
	padding: 0 30px;
	width: 100%;
	padding-bottom: 30px;
} 
 .contact-area {
	display: block;
	height: auto;
}   
.section-title h3 {
	font-size: 45px;
}    
 .section-title h3::before {
	width: 46px;
}   
 .phobe-number a {
	font-size: 22px;
	font-weight: 600;
}   
 .contact-left {
	background-size: cover;
	background-position: center;
	margin-bottom: 30px;
	width: 100%;
	padding: 50px 0;
}   
 .footer-box {
	margin-bottom: 24px;
}   
  .footer-text p {
	line-height: 17px;
}  
 .footer-title {
	margin-bottom: 15px;
}
    
  .header-menu {
	display: none;
}  
  .hero-active.owl-carousel.owl-loaded.owl-drag .owl-dots {
	bottom: 34px;
}  
  
.simgle-services-fl {
  display: block;
}  
    
 .brand-area {
	background: #F6F6F6;
	height: auto;
	display: flex;
	align-items: center;
	padding: 20px 0;
}   
    
    .single-brand a img {
	max-width: 120px;
}
  .hero-containt a {
	width: 160px;
	height: 50px;
	color: #333;
	background: #81CF09;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	line-height: 47px;
	border-radius: 2px;
}

br {
  display: none;
}
    
 
.single-brand {
  width: 50%;
  text-align: center;
}
.brand-fl {
  justify-content: center;
}   
 .slider-tab.owl-carousel.owl-loaded.owl-drag .owl-nav button {
	left: -38px;
}   
 .slider-tab.owl-carousel.owl-loaded.owl-drag .owl-next {
	left: auto !important;
	right: -38px;
}.project-containt p {
	font-size: 12px;
	color: #777777;
	font-weight: normal;
	margin-bottom: 22px;
	line-height: 16px;
}   
   .project-tap-area ul li a {
	font-size: 14px;
} 
 .project-tap-area ul {
	margin-bottom: 35px !important;
}   
 .work-slider.owl-carousel.owl-loaded.owl-drag .owl-nav button {
	left: 0px;
}    
 .work-slider.owl-carousel.owl-loaded.owl-drag .owl-next {
	right: 0px;
}   
.work-date a br {
	display: block;
}    
    
  .tasti-area {
	padding-left: 30px;
	padding-right: 30px;
}  
 .single-tasti-fl.owl-carousel.owl-loaded.owl-drag .owl-nav button {
	left: -38px;
}  
  .single-tasti-fl.owl-carousel.owl-loaded.owl-drag .owl-next {
	left: auto !important;
	right: -38px;
}
 
.single-btn-form {
  display: block;
  margin-top: 30px;
}
.single-btn-form a {
  display: block;
  margin-right: 0;
  margin-bottom: 20px;
}   
  #scrollUp i {
	color: #333;
	font-size: 20px;
	line-height: 40px;
}  
    
  
.footer-brand {
  display: none;
  text-align: center;
  margin-top: 0;
}
.footer-brand a {
  margin: 0;
}  
    
    
    
    
    
    
        
  .year-area {
	padding-top: 67px;
	padding-bottom: 25px;
}   
  .section-title h3 {
	font-size: 40px;
	margin-bottom: 36px;
}  
  .services-area {
	padding-bottom: 32px;
	text-align: center;
}     
    
  #scrollUp {
	right: 37px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}    
 #scrollUp i {
	color: #333;
	font-size: 20px;
	line-height: 40px;
}   
.simgle-services-fl.last .single-services {
	margin-bottom: 36px !important;
}
    
  .project-all-area {
	background: #F3F3F3;
	padding: 55px 0;
}
 .footer-area {
	background: #0A002B;
	padding: 62px 0;
	padding-bottom: 40px;
}   
  .header-area.header-middle.scroll-header .header-logo img {
	max-width: 140px;
}  
    
      .header-off-btn.menu-trigger.right {
	display: block !important;
	background: #81CF09;
} 
    
.header-logo.position-relative {
	position: relative !important;
	width: 100%;
}  
    
  .single-work {
	height: 230px;
	background-size: cover;
	background-position: center top;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 8px;
	width: 300px;
	margin: auto;
}  
.header-contact {
	display: block;
}
.header-contact a img {
	margin-right: 7px;
	width: 18px;
	margin-bottom: 2px;
}
.header-bar-fl {
	padding-top: 12px;
}
.header-socail a {
	margin-left: 4px;
}
    
    

    .full-popup .modal-dialog {
        max-width:  100% !important;
        padding: 40px 20px;
    }

    .full-pp-image {
        width: auto;
        margin: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .full-pp-wrap {
        width: auto;
        padding-left: 0;
        padding-bottom: 65px;
    }
    .full-pp-wsrap-hdn {
        text-align: center;
    }
    .full-wrap-text p {
        font-size: 16px;
    }
    .full-pp-header {
        display: block;
        padding: 41px 20px 0px 20px !important;
    }

    .full-complete-wrap {
        display: block;
    }
    .ful-cpmplete-content {
        width: 100%;
        text-align: center;
    }
    .full-complete-wrap {
        padding: 0px 20px 0px 20px !important;
    }
    .full-single-image {
        width: auto;
        margin-bottom: 30px;
    }

    .ful-cpmplete-content p::before {
        display: none;
    }
    .full-complete-image-fx {
        width: 100%;
    }

.ful-cpmplete-content.cnt-2 h4 {
	padding-top: 40px;
}

.full-footer-logo a img {
	max-width: 100px;
}

.full-foter-link a {
	font-size: 20px;
}

.full-foter-link a img {
	width: 22px;
}
.full-pp-wsrap-hdn h3 {
	font-size: 21px;
}
.full-pp-wsrap-hdn span {
	font-size: 15px;
}

.full-wrap-text p {
	font-size: 17px;
	line-height: 24px;
}

.shape-1 img {
	max-width: 21px;
}
.shape-2 img {
	max-width: 21px;
}
.full-wrap-text {
	padding-left: 35px;
}

.full-wrap-name {
	text-align: center;
	padding-right: 0;
}
.ful-cpmplete-content h4 {
	font-size: 20px;
}

.full-footer {
	padding: 20px 0;
	display: block;
	text-align: center;
}
.full-foter-link a {
	font-size: 17px;
}

.full-foter-link a img {
	width: 18px;
}
.full-footer-logo {
	padding-bottom: 11px;
}

.full-pp-header button {
	right: 20px;
	top: 16px;
}


.top-content-wrap {
	width: auto;
	margin-top: 30px;
	text-align: center;
}
.top-ct-title h2 {
	font-size: 19px;
}

.top-hdn-area button {
	right: 75px;
	top: 49px;
}
.top-btm-fx {
	display: block;
}
.top-btm-img {
	width: auto;
	margin-bottom: 30px;
}
.top-img {
	width: 70px;
	margin: auto;
}
.top-popuo-area .modal-dialog {
}

.top-hdn-area {
	display: block;
	padding: 30px 20px 20px 20px;
}

.top-hdn-area button {
	right: 14px;
	top: 10px;
}

.top-btm-content {
	width: auto;
}
.top-btm-list ul li {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 12px;
}

.top-btm-btn {
	padding-top: 20px;
}
.footer-copy p img {
	width: 100px;
}
    .footer-title h3 {
	font-size: 20px;
}
    .footer-bottom-area {
	display: none;
}
    .top-popuo-area .modal-dialog {
	max-width: 100% !important;
	margin: 50px 20px;
}
}





/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

 
}