@media screen and (min-width:1241px) and (max-width:1500px)
{
.container{max-width:96% !important;}
.img-section{    margin-left:32px;}
.our-portfolio
 .nav-tabs 
 .nav-link{font-size:16px;}
 .trusted-company-block{padding: 50px 0px 30px;}
}

@media screen and (min-width:1025px) and (max-width:1240px)
{
.container{max-width:96% !important;}
.img-section{    margin-left: 40px;}
.our-portfolio .nav-tabs .nav-link{font-size:16px;}
.trusted-company-block{padding: 50px 0px 30px;}	
.banner-text .container{max-width:96% !important;}
.inner-header{    padding: 0px 20px;}.banner-left 
.modal-section button{    padding: 12px 30px;    font-size: 20px;}
.modal-section button{    padding: 12px 30px;    font-size: 20px;}
.trusted-inner2 .col-md-4{width: 40%;}
.pkg-heading h1{font-size: 55px;}
.pkg2 .pkg-heading h1{font-size: 55px;}
.why-choose-text h1{  line-height: 40px;font-size: 48px;}
.why-choose-detail .inner-content h3{font-size: 18px;    line-height: 21px;}
.why-choose-detail .inner-content p{    font-size: 14px;}
.container-body { width: 90%;}
.pkg-booth1 .col-md-10{width: 80%;}
.pkg-booth1.pkg2.col-md-10{width: 90%;}
}

@media screen and (min-width:992px) and (max-width:1024px)
{
.container{max-width:96% !important;}
.img-section{    margin-left: 40px;}
.our-portfolio .nav-tabs .nav-link{font-size:16px;}
.trusted-company-block{padding: 50px 0px 30px;}	
.banner-text .container{max-width:96% !important;}
.inner-header{    padding: 0px 20px;}
.banner-left .modal-section button{    padding: 12px 30px;    font-size: 20px;}
.modal-section button{    padding: 12px 30px;    font-size: 20px;}
.trusted-inner2 .col-md-4{width: 40%;}
.pkg-heading h1{font-size: 55px;}
.pkg2 .pkg-heading h1{font-size: 55px;}
.why-choose-text h1{    line-height: 40px;font-size: 47px;}
.why-choose-detail .inner-content h3{font-size: 18px;line-height: 21px;}
.why-choose-detail .inner-content p{ font-size: 14px;}
.booth-features h3, .booth-tailor h3{ font-size: 30px;}
.booth-features p, .booth-tailor p{ font-size: 14px;}
.banner-left h3 {font-size: 33px;    line-height: 40px}
.banner-left h5 {font-size: 20px;}
.banner-left h6 {font-size: 19px;}
.box-text h6 {font-size: 16px;line-height: 19px;}
.box-text p { font-size: 16px;line-height: 18px;}
.trusted-inner h2 { font-size: 36px;  line-height: 40px;}
.company-img img {width: 130px;}
.booth-tailor {height: 235px;padding: 36px 20px}
.text-section h3 { font-size: 30px;line-height: 34px;}
.text-section p {font-size: 15px; line-height: 20px;    padding-bottom: 18px;}
.trusted-company-block .modal-section button {padding: 11px 15px; font-size: 20px; line-height: 22px;}
.our-portfolio { padding: 55px 0px 0px;}
.portfolio-heading h4 { font-size: 22px;line-height: 21px;}
.portfolio-heading h2 { font-size: 55px;line-height: 48px;}
.tab1img {padding: 25px 0px 55px;}
.text-section {width: 450px; padding: 40px 26px; margin-left: -45px;}
.pkg-booth1 .text-section h3 {font-size: 32px;line-height: 32px;}
.pkg-booth1 .text-section h4 {font-size: 22px;line-height: 22px;}
.container-body { width: 90%;}
.why-choose-inner {padding: 50px 35px;}
.why-choose-text h5 {font-size: 23px;line-height: 23px;}
.form-section {max-width: 460px; padding-top: 40px;}
.form-section label {font-size: 19px !important;}
.form-section input {padding: 7px 15px !important;font-size: 15px !important;}
.footer-inner {gap: 50px;}
.form-section input[type="tel"]{padding-left: 55px !important;}
.container-body { width: 90%;}
.pkg-booth1 .col-md-10{width: 80%;}
.pkg-booth1.pkg2 .col-md-10{width: 90%;}


   
}


@media screen and (min-width:768px) and (max-width:991px)
{
    .container{max-width:96% !important;}
    .img-section{    margin-left: -40px;}
    .pkg-booth1.pkg2 .trusted-inner2    .img-section{    margin-left: 0px;}
    .our-portfolio .nav-tabs .nav-link{font-size:16px;}
    .trusted-company-block{padding: 50px 0px 30px;}	
    .banner-text .container{max-width:96% !important;margin: 60px auto;}
    .inner-header{    padding: 0px 20px;}
    .banner-left .modal-section button{    padding: 8px 20px;    font-size: 18px;}
    .modal-section button{    padding: 10px 18px;    font-size: 18px;}
    .trusted-inner2 .col-md-4{width: 40%;}
    .pkg-heading h1{font-size: 40px; line-height: 50px;}
    .pkg2 .pkg-heading h1{font-size: 40px; line-height: 50px;}
    .why-choose-text h1{    line-height: 30px;font-size: 40px;}
    .why-choose-detail .inner-content h3{font-size: 17px;line-height: 20px;}
    .why-choose-detail .inner-content p{ font-size: 14px;}
    .booth-features h3, .booth-tailor h3{ font-size: 25px;line-height: 30px;}
    .booth-features p, .booth-tailor p{ font-size: 14px;}
    .banner-left h3 {font-size: 30px;    line-height: 33px}
    .banner-left h5 {font-size: 17px;}
    .banner-left h6 {font-size: 17px;}
    .box-text h6 {font-size: 15px;line-height: 17px;}
    .box-text p { font-size: 14px;line-height: 17px;}
    .trusted-inner h2 { font-size: 30px;  line-height: 32px;}
    .company-img img {width: 95px;}
    .booth-tailor {height: 235px;padding: 36px 20px}
    .text-section h3 { font-size: 27px;line-height: 30px;}
    .text-section p {font-size: 15px; line-height: 20px;    padding-bottom: 18px;}
    .trusted-company-block .modal-section button {padding: 10px 15px; font-size: 18px; line-height: 20px;}
    .our-portfolio { padding: 55px 0px 0px;}
    .portfolio-heading h4 { font-size: 22px;line-height: 21px;}
    .portfolio-heading h2 { font-size: 55px;line-height: 48px;}
    .tab1img {padding: 25px 0px 55px;}
    .text-section {width: 400px; padding: 30px 20px; margin-left: -50px;}
    .pkg-booth1 .text-section h3 {font-size: 27px;line-height: 30px;}
    .pkg-booth1 .text-section h4 {font-size: 20px;line-height: 22px;}
    .container-body { width: 96%;}
    .why-choose-inner {padding: 50px 20px;}
    .why-choose-text h5 {font-size: 20px;line-height: 20px;}
    .form-section {max-width: 460px; padding-top: 40px;}
    .form-section label {font-size: 19px !important;}
    .form-section input {padding: 5px 15px !important;font-size: 15px !important;}
    .footer-inner {gap: 50px;}
    .form-section input[type="tel"]{padding-left: 55px !important;}
    .banner-text .col-md-6{width: 70%;}
    .lower-inner {justify-content: space-evenly;}
    .lower-inner .col-md-3{width: 30%;} 
    .trusted-inner {padding: 45px 0px 20px;}
    .logo-section img { width: 135px;}
    .port-inner .col-md-9{width: 100%;}
    .inner-header ul li a {font-size: 16px;line-height: 18px;}
    .pkg2 .text-section { width: 380px;padding: 45px 23px;    margin-left: -50px;}
    .why-choose-text h3 { font-size: 22px;line-height: 25px;}
    .ft-img-upper img { width: 200px;}
    .footer-right h5 { font-size: 19px;line-height: 20px;}
    .footer-right ul li a {font-size: 16px;line-height: 18px;}
    .footer-right ul li {font-size: 16px;line-height: 18px;}
    .ft-inner p {font-size: 16px;line-height: 17px;}
    .modal h2 {font-size: 35px;line-height: 35px;}
    .modal .modal-body { padding: 15px 25px 50px;  }
    .modal label {font-size: 18px;}
    .why-choose-section { padding: 50px 0px;}
    .container-body { width: 90%;}
   .pkg-booth1 .col-md-10{width:70%;}
   .pkg-booth1.pkg2 .col-md-10{width: 90%;}
   
    
       
}

@media (max-width: 767px)
{	
    .inner-header {padding: 0px 15px;}
    .banner-left h3 {font-size: 30px;line-height: 35px;}
    .banner-left h6 {font-size: 18px; line-height: 23px;}
    .modal-section button {padding: 9px 16px;font-size: 18px;  line-height: 23px;}
    .lower-inner { flex-wrap: wrap;     justify-content: left;          padding: 0px 40px;}
    .box-text h6 {font-size: 16px;line-height: 17px;        padding-bottom: 5px;}
    .box-icon img {width: 80px !important;}
    .box-text p {font-size: 17px; line-height: 18px;}
    .logo-section img { width: 120px;  }
    .banner-left .modal-section button {padding: 9px 18px; font-size: 22px; line-height: 26px;}
    .banner-left {text-align: center; }
    .banner-left h3 br,
    .banner-left h6 br{display: none;}
    .banner-left h5 {font-size: 20px; line-height: 20px;}
    .trusted-inner h2 {  font-size: 27px; line-height: 27px;}
    .company-img img {width: 180px;}

    .booth-design-inner {flex-wrap: wrap;}
    .booth-features h3, .booth-tailor h3 { font-size: 28px; line-height: 32px;}
    .booth-tailor { height: 260px;}
    .trusted-inner2 {flex-wrap: wrap;        row-gap: 0px; padding: 30px 0px 20px;}
    .trusted-company-block { padding: 45px 0px 70px;}
    .trusted-company-block .container{width: 100%; max-width: 96%;}
    .pkg-heading h1{font-size: 36px; line-height: 38px;}
    .pkg2 .pkg-heading h1{font-size: 36px; line-height: 36px;        text-align: center;}
    .why-choose-text h1{    line-height: 25px;font-size: 35px;}
    .why-choose-detail .inner-content h3{font-size: 20px;line-height: 20px;}
    .why-choose-detail .inner-content p{ font-size: 15px;}
    .booth-features h3, .booth-tailor h3{ font-size: 25px;line-height: 30px;}
    .booth-features p, .booth-tailor p{ font-size: 14px;}
    
    .box-text h6 {font-size: 15px;line-height: 17px;}
    .box-text p { font-size: 14px;line-height: 17px;}
    .trusted-inner h2 { font-size: 30px;  line-height: 32px;}
  
    .booth-tailor {min-height:300px;height:100%; padding:36px 20px}
    .text-section h3 { font-size: 27px;line-height: 30px;}
    .text-section p {font-size: 15px; line-height: 20px;    padding-bottom: 18px;}
    .trusted-company-block .modal-section button {padding: 10px 15px; font-size: 18px; line-height: 20px;}
    .our-portfolio { padding: 20px 0px 0px;}
    .portfolio-heading h4 { font-size: 22px;line-height: 21px;}
    .portfolio-heading h2 { font-size: 40px;line-height: 40px;}
    .tab1img {padding: 25px 0px 55px;}
    .text-section {width: 100%; padding: 30px 20px; margin-left: 0px;}
    .pkg-booth1 .text-section h3 {font-size: 27px;line-height: 30px;}
    .pkg-booth1 .text-section h4 {font-size: 20px;line-height: 22px;}
    .container-body { width: 90%;}
    .why-choose-inner {padding: 50px 35px;}
    .why-choose-text h5 {font-size: 20px;line-height: 20px;}
    .form-section {max-width: 460px; padding-top: 40px;}
    .form-section label {font-size: 19px !important;}
    .form-section input {padding: 7px 15px !important;font-size: 15px !important;}
    .footer-inner {gap: 50px;}
    .form-section input[type="tel"]{padding-left: 55px !important;}
    .trusted-inner {padding: 45px 0px 20px;}
    .logo-section img { width: 120px;}
    .port-inner .col-md-9{width:100%;}
    .inner-header ul li a {font-size: 16px;line-height: 18px;}
    .pkg2 .text-section { width: 100%;padding: 45px 23px;    margin-left: 0px;}
    .why-choose-text h3 { font-size: 22px;line-height: 25px;}
    .ft-img-upper img { width: 200px;}
    .footer-right h5 { font-size: 19px;line-height: 20px;}
    .footer-right ul li a {font-size: 16px;line-height: 18px;}
    .footer-right ul li {font-size: 16px;line-height: 18px;}
    .ft-inner p {font-size: 16px;line-height: 17px;}
    .modal h2 {font-size: 35px;line-height: 35px;}
    .modal .modal-body { padding: 15px 25px 50px;  }
    .modal label {font-size: 18px;}
    .img-section { margin-top: 0px;text-align: center; }
    .booth-design-section {  padding: 10px 0px 25px; }
    .trusted-company-block {padding: 20px 0px 50px; }
    .our-portfolio .container{max-width: 96% ;width: 100%;}
    .why-choose-detail {flex-wrap: wrap; }
    .our-portfolio .nav-tabs .nav-link { font-size: 15px;  line-height: 18px;}
    .trusted-inner2  .col-md-4{width: 100%;}
    .company-list .col-md-2 {width: 45%;}
    .company-list .company-img {text-align: center;}
    .company-list {column-gap: 0px;}
    .text-section h3  br{display: none;}
    .lower-inner .col-md-3{width: 100%;}
    .box1 {justify-content: start;        padding: 0px 40px;}
    .port-inner nav { display: none; }
    .port-inner .mob-tab {display: block;}
    .port-inner  .form-select {color: rgb(100, 100, 100);padding: 12px 10px; font-family: "Acumin Pro";font-size: 16px;font-weight: bold; background-color: #f7f7f7; border: 0;}
    .form-select:focus {border-color: transparent;outline: 0;box-shadow: none}
    .port-inner  .form-select option {color: rgb(100, 100, 100); font-family: "Acumin Pro";font-size: 16px;font-weight: normal;}
    .link-section {display: none;}
    .mobile-menu {display: block;}
    .right-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }

    .hamburger-menu {
		display: block;
		background: #fff;
		color: #000;
		padding: 0px 0;
	}
	nav {
		text-align: right
	}
	
	nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	nav .menu-part-mob ul li a {
		text-decoration: none;
        font-family: "Acumin Pro";
        font-size: 16px;
      color: #000000;
      font-weight: 600;
		
      
			
	}
	.menu-part-mob ul{display:block}

	 .menu-tigger {
	  float: right;
	  display: none;
	  cursor: pointer
	}
	.menu-tigger span {
	  background: #000;
	  height: 3px;
	  width: 30px;
	  display: block;
	  margin: 6px 0;
		-webkit-transition: .5s;
		transition: .5s
	}
	
	
	.menu-tigger.button-tigger span:nth-child(2){
		opacity: 0
	}
	.menu-tigger.button-tigger span:nth-child(1){
	   -webkit-transform: rotate(45deg);
		transform-origin: 5px 7px;
	   -webkit-transform: rotate(45deg);
		transform-origin: 5px 7px;
	}
	.menu-tigger.button-tigger span:nth-child(3){
	   -webkit-transform: rotate(-45deg);
		transform-origin: 8px -4px;
	   -webkit-transform: rotate(-45deg);
		transform-origin: 5px -4px;
	}
	
		.menu-tigger{
			display: block;
			position: relative;
			z-index: 2
		}
	   nav {
			text-align: center;
			padding: 20px 0px;
            margin-top: 28px;
			position: absolute;
			-webkit-transform: translateY(0%);
			transform: translateY(0%);
			right: 0;
			left: 0;
			background: #f7f7f7;
			height: auto;
		   -webkit-transition: .5s;
		   transition: .5s;
		   opacity: 0;
			z-index: 1;
            transform: rotatex(90deg);
		}
		nav.res-menu {
			-webkit-transform: translate(0);
			transform:  translateY(30px);
			opacity: 1;
		}
		.inner-header ul li {padding: 10px 20px;}
		
        .box-icon.icn3 img{width:70px !important; height:80px}
        .inner-header ul li::after{display: none;}
        .modal-section .btn-close { font-size: 13px !important}
        .icn11 img {width: 90px;    padding-bottom: 12px;}
        .modal-body .ff-message-success{font-size: 16px;line-height: 18px;}


     

}

@media screen and (max-width:575px)
{
	.inner-header ul {gap: 23px;}
    .inner-header { padding: 0px 12px; }
    .company-img img { width: 155px;}
    .main-header-section { padding: 10px 12px;}
    .banner-text .container { margin: 58px auto; }
    .banner-left h5 { font-size: 18px; line-height: 18px;}
    .banner-left h3 { font-size: 25px; line-height: 30px; }
    .banner-left h6 {font-size: 17px; line-height: 21px;}
    .banner-video video { min-height: 330px; }
    .modal-section button {padding: 7px 14px; font-size: 16px;line-height: 22px;    border-radius: 8px;}
    .banner-left .modal-section button { padding: 7px 14px;font-size: 18px;line-height: 23px;   }
    .lower-inner .box-text{padding-left: 20px;}
    .trusted-inner h2 { font-size: 28px; line-height: 30px;}
    .trusted-inner2 { padding: 0px 0px 5px;}
    .trusted-company-block {padding: 30px 0px 30px;}
    .trusted-inner2 {row-gap: 0px;}
    .portfolio-heading h4 {font-size: 18px; line-height: 18px; }
    .portfolio-heading h2 {font-size: 38px;line-height: 36px;}
    .modal-dialog {max-width: 500px;width: 100%;margin:auto;}
    .modal h2 { font-size: 30px;line-height: 30px; }
    .modal label {font-size: 16px; }
    .modal .modal-body { padding: 15px 35px 45px;}
    .footer-inner { flex-wrap: wrap; text-align: center; }
    .footer-section {  padding: 36px 0px; padding-bottom: 12px; }
    .why-choose-detail { padding-bottom: 26px;}
    .why-choose-text h1 { line-height: 22px;  font-size: 28px; }
    .why-choose-inner {padding: 35px 16px; }
    .why-choose-text h3 {  font-size: 20px;   line-height: 22px;}
    .changeclr.main-header-section {height: 90px;  }
    .grid-wrapper .wide {grid-column: 1;}
    .modal input, .modal textarea {font-size: 15px;padding: 8px 10px !important;}
    .form-section {max-width: 330px; padding-top: 40px; }
    .form-section button{background-color: #333 !important; padding: 10px 20px; color:white;text-transform: uppercase;
        font-family: "Passion One-regular"; width: fit-content;font-size: 16px !important;}
    .box-icon.icn3 img { width: 72px !important;height: 80px;}
    .footer-inner {  gap: 25px; }
    .footer-right ul {padding-top: 18px;}
    .tab1img { padding: 25px 0px 35px; }
    .pkg-booth1 { padding-top: 25px; }
    nav.res-menu { transform: translateY(28px); }
    .pkg-booth1.pkg3 {  padding-bottom: 30px; }
    .modal-section .btn-close{   padding: 8px 8px !important;     height: 13px;width: 13px;        font-size: 14px !important;}
    .grid-wrapper .normal {grid-column: 1;}
}
@media screen and (max-width:480px)
{
    .lower-inner { padding: 0px 10px;}
    .company-img img {  width: 120px;}
    .box1 {  padding: 0px 0px; }
    .trusted-inner h2 {  font-size: 25px; line-height: 25px; }
    .logo-section img { width: 105px;}
    .inner-header .modal-section button { padding: 8px 14px; font-size: 13px; line-height: 20px;}
    .banner-left h3 { font-size: 23px;line-height: 28px;}
    .inner-header ul {   gap: 10px;}
    .banner-left h6 {  font-size: 15px; line-height: 20px;}
    .main-header-section { padding: 10px 0px;  }
    .box-icon.icn3 img { width: 62px !important; height: 70px; }
    .trusted-company-block { padding: 0px 0px 20px;}
    .icn12 img { width: 90px;}
}

@media screen and (max-width:380px){
.lower-inner .box-text {padding-left: 0px;}
.box-icon.icn3 img {width: 56px !important; height: 68px;}
.footer-right ul li { font-size: 15px; line-height: 17px;}
.ft-inner p { font-size: 15px; line-height: 17px;}

}