/*-----------responsive start-----------*/

@media screen and (min-width: 1201px) and (max-width: 1280px){
	.ser-text p{font-size: 15px;}
	.logo {padding-top: 0px; width: 328px;}
	}

@media screen and (min-width : 1101px) and (max-width :1200px) {
  .container{max-width: 1030px;}
  .logo { padding-top: 0px; width: 290px;} 
	.ser-text p{font-size: 13px;}
	.navbar-nav > li{margin: 0 15px;}
	.inp-box{width: 98%; margin-right: 6px;}
	.quote-back h2::before{width: 37%;}
	.quote-back h2::after{width: 37%;}
	.gal-img li{margin: 0 4px;}
	.red-back{padding: 43px 60px;}
	.blk-sec{padding: 23.3% 50px;}
	.about-cont p{padding: 0 18%;}
	.sub-btn{font-size: 22px; padding: 0px 28px 3px;}
	.input-text, .input-submit{margin-bottom: 0;}
	.yelp-foot { right: 60px; bottom: 59px;}
    div.wpcf7-response-output {bottom: -49px;}
    #inside-about-sec { padding: 35px 0;}
	#inside-about-sec .about-cont h4 { padding: 0px 0px 10px;}
	ul.other-logos { width: 92%;}
	.yelp-top-leftpanel { float: left; width: 32%;}
  ul.videos-listing li{width: 47%;  }
  .career-iconpic:first-child{margin-top: 30px; margin-left:0px; width: 450px;}
  .career-iconpic:last-child{float: left; margin-left: 28px; width: 344px;}
 #service-sec {padding: 29px 0 0px;}
  .ser-content { padding-left: 0px; float: left; width: 81%;}
  .service-photo {width: 526px; height: auto; right:-3.5%; top: -49px;}
  ul.contact-info-part { width: 86%; float: none; margin: 0 auto; }
  ul.contact-info-part li:first-child{ float: none; width: 68%; margin: 0 auto 20px; padding-left: 0px;  }
  ul.contact-info-part li:first-child:after{ display: none; }
  ul.contact-info-part li:nth-child(2){ width: 30%; float: left;  margin-left: 103px;}
  ul.contact-info-part li:nth-child(3){ width: 38%; float: left;  margin-left: 0px;}
  input.conct-frm2 { width: 30%;}
  textarea.conct-frm2 { width: 95%;}
  ul.number-ul { width: 91%;}
}


@media screen and (min-width : 970px) and (max-width :1100px) {
	h1{font-size: 50px;}
	h2{font-size: 40px;}
	.container { max-width: 950px;}
  	.logo { padding-top: 0px; width: 255px;}
	.ser-text p{font-size: 15px;}
	.navbar-nav > li{margin: 0 6px; font-size: 14px;}
	.inp-box{width: 98%; margin: 0 6px; margin-bottom: 10px;}
	.quote-back h2::before{width: 32%;}
	.quote-back h2::after{width: 32%;}
	.gal-img li{margin: 0 3px;}
	.red-back{padding: 28px 20px;}
	.blk-sec{padding: 31.6% 26px;}
	.quote-form{padding-top: 15px; text-align: center;}
  #service-sec {padding: 29px 0 0px;}
  .ser-content { padding:50px 0px 0px; float: none; width: 62%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; z-index: 33; }
  .service-photo {/*width: 526px;*/ width: 744px; height:100%; margin: 0 auto; float: none; right:0; left: 0px; top:-15px; z-index: 1; position: relative;}
  .service-photo:before{ content: ''; background-color:rgba(0,0,0,0.7); width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; }
  .service-photo img{ border-radius: 30px;}
  .ser-part { width: 100%;}
  .ser-part li{width: 48%; margin-top: 32px;}
	#about-sec{padding: 50px 0;}
	.area-pddng{padding: 50px 0;}
	.address-sec li{font-size: 16px;}
	.address-sec li:nth-child(1) .fas{height: 60px;}
	.address-sec li:last-child{margin-bottom: 0;}
	.btm-submit{padding: 8px 44px;}
	.red-back::after{right: 20px; bottom: 28px;}
	.number-ul li{font-size: 15px;}
	.footer-top{padding: 20px 0 0;}
	.about-cont p{padding: 0 5%;}
	.sub-btn{padding: 0 20px 3px; width: 99%; margin: 0 6px;}
	.input-text{width: 50%;}
	.input-submit{width: 100%; margin-top: 10px;}
	.input-submit span{top: 0;}
	.input-text, .input-submit{margin-bottom: 0;}
	.yelp-foot { right: 18px; bottom: 90px;}
    ul.number-ul { width: 100%;}
  
	/*-------------About Us ----------------*/
	ul.other-logos { width: 100%;}
	.yelp-top-leftpanel { float: left; width: 32%;}
	.yelp-top-part h1 { font-size: 51px;}
	.yelp-details-leftpanel { width: 30%;}
	.yelp-details-rightpanel { width: 70%;  }
   /*-----------------retrofit page------------*/
   .retrofit-videopart { width: 840px;}
   .retrofit-videopart iframe {width: 100%; height: 474px;}
  /*-------------------------*/
  ul.photogal li { width: 23%;}
  .blue_box-02 {width: 100% !important; height: 160px;}

   ul.videos-listing li{width: 46%;  }
   #contactpage-form .yelp-foot { right: 18px; bottom: 45px;}

  .career-iconpic:first-child{margin-top: 30px; margin-left:0px; width: 400px;}
  .career-iconpic:last-child{float: left; margin-left: 28px; width: 314px;}
  /*----Contact us----------*/
   ul.contact-info-part { width: 91%; float: none; margin: 0 auto; }
  ul.contact-info-part li:first-child{ float: none; width: 68%; margin: 0 auto 20px; padding-left: 0px;  }
  ul.contact-info-part li:first-child:after{ display: none; }
  ul.contact-info-part li:nth-child(2){ width: 30%; float: left;  margin-left: 103px;}
  ul.contact-info-part li:nth-child(3){ width: 38%; float: left;  margin-left: 0px;}
  input.conct-frm2 { width: 30%;}
  textarea.conct-frm2 { width: 95%;}
}


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

	h1{font-size: 50px;}
	h2{font-size: 40px;}
    .container { max-width: 740px !important;}
  	.logo { padding-top: 0px; width: 190px; margin-top: -10px;}
	.ser-text p{font-size: 15px;}
	.navbar-nav > li{margin: 0 3px; font-size: 16px;}
	.inp-box{width: 98%; margin: 0 6px; margin-bottom: 10px;}
	.quote-back h2::before{width: 32%;}
	.quote-back h2::after{width: 32%;}
	.gal-img li{margin: 0 3px;}
	.red-back{padding: 28px 20px;min-height: 358px;}
	.blk-sec{padding: 20.7% 26px;min-height: 358px;}
	.quote-form{padding-top: 15px; text-align: center;}	
	div.wpcf7-response-output {bottom: -51px;}
	#about-sec{padding: 50px 0;}
	.area-pddng{padding: 50px 0;}
	.address-sec li{font-size: 16px;}
	.address-sec li:nth-child(1) .fas{height: 60px;}
	.address-sec li:last-child{margin-bottom: 0;}
	.btm-submit{padding: 8px 44px; margin-top: 8px;}
	.yelp-foot { right: 16px; bottom: 31px;}
	/*.red-back::after{right: 20px; bottom: 28px;}*/
	.number-ul li{font-size: 15px;}
	.footer-top{padding: 20px 0 0;}
	.quote-back{margin-top: 30px;}
	#service-sec {padding: 29px 0 0px;}
    .ser-content { padding:50px 0px 0px; float: none; width: 62%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; z-index: 33; }
    .service-photo { width: 708px; height:100%; margin: 0 auto; float: none; right:0; left: 0px; top:-15px; z-index: 1; position: relative;}
    .service-photo:before{ content: ''; background-color:rgba(0,0,0,0.7); width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; }
    .service-photo img{ border-radius: 30px;}
    .ser-part { width: 100%;}
    .ser-part li{width: 48%; margin-top: 32px;}
	/*.blk-bg { background: #000; padding: 50px 0; width: 100%; opacity: 0.9; z-index: 999;}
    .blk-bg .col-md-8{ max-width: 100% !important; flex: none !important; z-index: 99999 !important; opacity: 1; }
    .ser-part li{width: 31%;}*/
	.about-cont p{padding: 0 5%;}
	.sub-btn{padding: 0 20px 3px; width: 99%; margin: 0 6px;}
	.input-text{width: 50%;}
	.input-submit{width: 100%; margin-top: 10px;}
	.input-submit span{top: 0;}
	.input-text, .input-submit{margin-bottom: 0;}
	.btm-inp { font-size: 16px; margin-bottom: 3px; padding: 3px 0;}
   .ftr-navbar ul > li { font-size: 17px; margin: 0 12px;}
    ul.number-ul{ width: 100%; }
    ul.number-ul li { padding: 0px 8px 0px 9px; font-size: 15px;}
   /*-----------About us ----------------*/
   #inside-about-sec { padding: 33px 0;}
	ul.other-logos { width: 100%; margin: 40px auto 15px;}
	ul.other-logos li { width: 30%; margin: 0 11px;}
	#yelp-sec {padding: 35px 0px;}
	.yelp-top-leftpanel { float: left; width: 34%;}
	.yelp-top-part h1 { font-size: 45px;}
	.yelp-details-leftpanel { width: 35%;}
	.yelp-details-rightpanel { width: 65%;  }

	/*------------Retrogit age-------------*/
	#inside-retrofit-sec .about-cont p { margin-bottom: 20px; padding: 0 38px; width: 100%;}
	.retrofit-videopart {width: 710px;}
	.retrofit-videopart iframe { width: 100%; height: 399px;}
    /*------------Project Page-------------*/
  ul.photogal li { width: 23%;}
  .blue_box-02 {width: 100% !important; height: 160px;}

  /*-----------------Videos----------*/
  ul.videos-listing li{width: 46%;  }
  .video-box iframe { width: 100%; height: 205px;}

  /*---------------Contact us -------------------*/
  /*#inside-contactus-sec .col-md-6 { margin-top: 23px;}
  ul.contactdetail li h2 { font-size: 24px;}
  ul.contactdetail li img.infoicon { width: 22px; margin: 5px 15px 20px 0px;}
  .contact-map iframe {width: 100%; height: 463px;}
  #contactpage-form .red-back { padding: 30px 40px;}
  #contactpage-form .yelp-foot { right: 19px; bottom: 47px;}
  #contactpage-form .btm-submit { margin-bottom: 40px; margin-top: 25px !important; clear: left; width:130px; padding: 5px 15px;}

*/   /*----Contact us----------*/
.contact-information-part { padding: 34px 0px;}
   ul.contact-info-part { width: 100%; float: none; margin: 0 auto; }
  ul.contact-info-part li:first-child{ float: none; width: 79%; margin: 0 auto 20px; padding-left: 0px;  }
  ul.contact-info-part li:first-child:after{ display: none; }
  ul.contact-info-part li:nth-child(2){ width: 36%; float: left;  margin-left: 33px;}
  ul.contact-info-part li:nth-child(3){ width: 45%; float: left;  margin-left: 0px;}
  input.conct-frm2 { width: 95%;}
  textarea.conct-frm2 { width: 95%;}
 /*--------Career ------------------*/
  .career-iconpic:first-child{margin-top: 30px; margin-left:0px; width: 323px;}
  .career-iconpic:last-child{float: left; margin-left: 16px; width:279px;}
  }

@media screen and (min-width: 640px) and (max-width: 767px){
	h1{font-size: 44px;}
	h2{font-size: 30px;}
	h3{font-size: 28px;}
  	.logo { padding-top: 0px; width: 190px; margin-top: -10px;}
	.ser-text p{font-size: 15px;}
	.navbar-nav > li{margin: 0 6px; font-size: 14px;}
	.inp-box{width: 100%; margin-right: 0; margin-bottom: 10px;}
	.quote-back h2::before{width: 30%;}
	.quote-back h2::after{width: 30%;}
	.gal-img li{margin: 5px; width: 48%; min-height: 185px;}
	.red-back{padding: 28px 20px; border-radius: 14px; min-height: auto;}
	.blk-sec{padding: 10% 26px; border-radius: 14px; margin-bottom: 20px; min-height: auto;}
	.quote-form{padding-top: 15px; text-align: center;}
	.ser-part li{width: 48%;}
	#about-sec{padding: 36px 0;}
	.area-pddng{padding: 50px 0;}
	.address-sec li{font-size: 16px;}
	.address-sec li:nth-child(1) .fas{height: 60px;}
	.address-sec li:last-child{margin-bottom: 0;}
	.btm-submit{padding: 8px 44px; margin-top: 12px;}
	.yelp-foot {right: 18px; bottom: 33px;}
	.number-ul li{font-size: 15px;}
	.footer-top{padding: 30px 0 0;}
	.quote-back{margin-top: 30px; }
	#service-sec {padding: 29px 0 0px;}
    .ser-content { padding:30px 0px 0px; float: none; width: 100%; margin: 0 auto; position: absolute; left: 20px; right: 0; top: 0; z-index: 33; }
    .service-photo { width: 578px; height:100%; margin: 0 auto; float: none; right:0; left:-28px; top:-15px; z-index: 1; position: relative;}
    .service-photo:before{ content: ''; background-color:rgba(0,0,0,0.7); width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; }
    .service-photo img{ border-radius: 30px;}
    .ser-part { width: 100%;}
    .ser-part li{width: 31%; margin-top: 22px;}
    .round-icon { width: 90px; height: 90px; margin: 0 auto;}
	.red-btn{padding: 8px 30px;}
	.ftr-navbar ul > li{font-size: 16px; margin: 0 10px;}
	.sub-btn{width: 100%; margin: 0;}
	.quote-back h2{font-size: 30px;}
	.navbar{display: none;}
	.about-cont p{padding: 0 2%;}
	.input-text{width: 100%;}
	.input-submit{width: 100%; margin-top: 10px;}
	.input-submit span{top: 0;}
	.input-text, .input-submit{margin-bottom: 0;}
	.quote-back { padding: 20px 20px 20px;}
    .btm-inp {font-size: 16px; margin-bottom: 2px; padding: 2px 0;}
    div.wpcf7-response-output { bottom: -50px;}
    div.wpcf7-response-output { margin:0.7em 0.5em 1em !important; padding: -0.9em 1em !important; clear: left;}
    .ftr-navbar ul > li { font-size: 16px; margin: 0 5px;}
   ul.number-ul{ width: 94%; }
   ul.number-ul li { padding: 0px 8px 0px 9px; font-size: 15px;}
   ul.number-ul li:last-child{margin-left: 133px;}
   /*-----------About us ----------------*/
   #inside-about-sec { padding: 35px 0 25px;}
   #inside-about-sec .about-cont h4 {padding: 0px 0px 10px;font-size: 22px;}
   	ul.other-logos { width: 100%; margin: 38px auto 15px;}
	ul.other-logos li { width: 30%; margin: 0 8px;}
	#yelp-sec {padding: 40px 0px 20px;}
	.yelp-top-part {padding-bottom: 0px;}
	.yelp-top-leftpanel { float: left; width:41%;}
	.yelp-top-part h1 { font-size: 40px;}
	.yelp-details-leftpanel { width: 28%;}
	.yelp-details-rightpanel { width: 71%;  }
	.yelp-member-name { float: left; clear: left; margin-top: 35px;}
   /*------------Retrogit age-------------*/
	#inside-retrofit-sec .about-cont p { margin-bottom: 20px; padding: 0 0px; width: 100%;}
    .retrofit-videopart {width: 530px;}
    .retrofit-videopart iframe { width: 100%; height: 300px;}
   /*-----------Project Page--------------*/
  #inside-gallery-sec {padding: 34px 0;}
  ul.photogal {padding: 5px 0px 0px;}
  ul.photogal li { width: 48%;}
  .blue_box-02 {width: 100% !important; height: 220px;}
   /*-------------Videos-----------*/
   ul.videos-listing li{width: 100%; margin-left: 0px;  }
  .video-box iframe { width: 100%; height: 290px;}

   /*----Contact us----------*/
  .contact-information-part { padding: 34px 0px; height:160px;}
  ul.contact-info-part { width: 100%; float: none; margin: 0 auto; }
  ul.contact-info-part li:first-child{ float: left; width: 95%; margin: 0 0 11px 24px;  }
  ul.contact-info-part li:first-child:after{ display: none; }
  ul.contact-info-part li:nth-child(2){ width: 56%; float: left;  margin-left: 33px;}
  ul.contact-info-part li:nth-child(3){ width: 66%; float: left;  margin-left: 0px;}
  input.conct-frm2 { width: 95%;}
  textarea.conct-frm2 { width: 95%;}
  /*--------Career ------------------*/
  .career-iconpic:first-child{margin-top: 30px; float: none; margin: 0 auto 10px; width: 400px;}
  .career-iconpic:last-child{float: none; margin: 0 auto; width:279px;}
}

@media screen and (min-width: 480px) and (max-width: 639px){
	h1{font-size: 40px;}
	h2{font-size: 26px;}
	h3{font-size: 24px;}
	h4{font-size: 18px;}
    .logo { padding-top: 0px; width: 165px;}
	.ser-text p{font-size: 15px;}
	.top-nav { text-align: right; width: 262px; float: left; margin-left: -52px;}
	.navbar-nav > li{margin: 0 6px; font-size: 14px;}
	.inp-box{width: 100%; margin-right: 0; margin-bottom: 10px;}
	.quote-back h2::before{width: 30%; top: 15px;}
	.quote-back h2::after{width: 30%; top: 15px;}
	.gal-img li{margin: 2px 6px; width: 47%; min-height: 160px;}
	.red-back{padding: 28px 20px; border-radius: 14px; min-height: auto;}
	.blk-sec{padding: 10% 45px; border-radius: 14px; margin-bottom: 20px; min-height: auto;}
	.quote-form{padding-top: 15px; text-align: center;}
	.ser-part li{width: 48%;}
	#about-sec{padding: 44px 0;}
	.area-pddng{padding: 30px 0;}
	.address-sec li{font-size: 16px;}
	.address-sec li:nth-child(1) .fas{height: 60px;}
	.address-sec li:last-child{margin-bottom: 0;}
	.btm-submit{padding: 8px 44px; margin-top: 5px;}
	.yelp-foot {right: 20px; bottom: 33px;}
	.number-ul li{font-size: 15px;}
	.footer-top{padding: 30px 0 0;}
	.quote-back{margin-top: 30px; }
	#service-sec {padding: 29px 0 0px;}
    .ser-content { padding:10px 0px 0px; float: none; width: 100%; margin: 0 auto; position: absolute; left: 20px; right: 0; top: 0; z-index: 33; }
    .service-photo { width: 441px; height:100%; margin: 0 auto; float: none; right:0; left:0px; top:-15px; z-index: 1; position: relative;}
    .service-photo:before{ content: ''; background-color:rgba(0,0,0,0.7); width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; }
    .service-photo img{ border-radius: 30px;}
    .ser-part { width: 100%;}
    .ser-part li{width: 31%; margin-top: 12px;}
    .round-icon {width: 80px; height: 80px;}
    .ser-text p{ padding-top: 1px; }
	.red-btn{padding: 8px 30px;}
	.ftr-navbar ul > li{font-size: 15px; margin: 0 2px;}
	.sub-btn{width: 100%; margin-top: 10px;}
	.quote-back h2{font-size: 26px;}
	.bnr-position{padding: 20px 0;}
	.logo{padding-top: 0;}
	.navbar{display: none;}
	.about-cont p{padding: 0;}
	.input-text{width: 100%;}
	.input-submit{width: 100%;}
	div.wpcf7-response-output{font-size: 15px; bottom: -52px;}
	.input-submit span{top: 0;}
	.input-text, .input-submit{margin-bottom: 0;}
	ul.number-ul{ width:100%; }
    ul.number-ul li { padding: 0px 4px 0px 9px; font-size: 14px;}
    ul.number-ul li:last-child{margin-left: 121px;}
	/*-----------------About us ------------------*/
	#inside-about-sec { padding: 30px 0;}
	#inside-about-sec .about-cont h4 {font-size: 19px; padding: 0px 0px 10px;}
   #inside-about-sec { padding: 35px 0 25px;}
	ul.other-logos { width: 80%; float: none; margin: 0 auto;}
	ul.other-logos li { width: 80%; margin: 0 auto 10px; float: none;}
	#yelp-sec {padding: 40px 0px 20px;}
	.yelp-top-part {padding-bottom: 0px;}
	.yelp-top-leftpanel { float: left; width:41%;}
	.yelp-top-part h1 { font-size: 35px;}
	.yelp-details-leftpanel { width: 80%; float: left; padding-top: 24px;}
	.yelp-member-name h5{padding-top: 1px;}
	.symbil-1 { padding-top: 9px;}
	.yelp-details-rightpanel { width: 100%; float: left; clear: left; padding-top: 10px;}
  /*------------Retrogit age-------------*/
    #inside-retrofit-sec { padding: 35px 0;}
	#inside-retrofit-sec .about-cont p { margin-bottom: 20px; padding: 0 38px; width: 100%;}
    .retrofit-videopart {width: 450px;}
    .retrofit-videopart iframe { width: 100%; height: 257px;}
  /*-----------Project page--------------*/
   #inside-gallery-sec {padding: 34px 0;}
  ul.photogal {padding: 5px 0px 0px;}
  ul.photogal li { width: 47%;}
  .blue_box-02 {width: 100% !important; height: 200px;}
  /*-----------Videos-----------*/
   ul.videos-listing li{width: 100%; margin-left: 0px;  }
  .video-box iframe { width: 100%; height: 265px;}
  /*---------------Contact us -------------------*/
  #inside-contactus-sec { padding: 25px 0 10px;}
  #inside-contactus-sec .col-md-6 { margin-top: 3px; width: 100% !important; clear: left; margin-bottom: 15px; padding: 0px;}
  .contact-address-part {width: 100%; margin: 20px 0px;}
  #contactpage-form { width: 100%; margin-top: 10px;}
  ul.contactdetail li h2 { font-size: 24px;}
  ul.contactdetail li img.infoicon { width: 22px; margin: 5px 15px 20px 0px;}
  .contact-map iframe {width: 100%; height: 370px;}
  #contactpage-form .red-back { padding: 20px 20px;}
  #contactpage-form .yelp-foot {right: 18px; bottom: 31px;}
  #contactpage-form .btm-submit { margin-bottom: 40px; margin-top: 25px !important; clear: left;}
  .contact-map iframe { width: 100%; height: 370px;}

  /*--------Career ------------------*/
  #inside-career-sec { padding: 40px 0;}
  .career-iconpic:first-child{margin-top: 30px; float: none; margin: 0 auto 10px; width: 376px;}
  .career-iconpic:last-child{float: none; margin: 0 auto; width:279px;}
 }

@media screen and (min-width: 360px) and (max-width: 479px){

	h1{font-size: 36px;}
	h2{font-size: 24px;}
	h3{font-size: 22px;}
	h4{font-size: 14px;}
	.container { max-width: 330px !important;}header .col-md-7.col-sm-7.col-6{width:60% !important; flex: none !important; float: right !important; padding: 0px !important; margin: 0px !important;}
	header .col-md-5.col-sm-5.col-6{width:40% !important; flex: none !important; float: left !important; padding: 0px !important; margin: 0px !important;}
    .logo { padding-top: 0px; width: 125px; margin-top: -10px;}
	/*.ser-text p{font-size: 15px;}*/
	.top-nav { text-align: right; width: 212px; padding-right: 15px;}
	.top-nav h4 { color: #010000; font-size: 18px;}
	.navbar-nav > li{margin: 0 6px; font-size: 14px;}
	.inp-box{width: 100%; margin-right: 0; margin-bottom: 5px; height: 35px;}
	.quote-back h2::before{width: 24%; top: 12px;}
	.quote-back h2::after{width: 24%; top: 12px;}
	.gal-img li{margin: 2px 6px; width: 100%; min-height: 160px;}
	.red-back{padding: 20px 20px; border-radius: 14px; min-height:auto;}
	.blk-sec{padding: 10% 40px; border-radius: 14px; margin-bottom: 20px; min-height: auto;}
	.quote-form{padding-top: 15px; text-align: center;}
	/*.ser-part li{width: 100%;}*/
	.btn-all { padding: 6px 22px; font-size: 20px;}
	#about-sec{padding: 35px 0 40px 0;}
	.area-pddng{padding: 20px 0;}
	.address-sec li{font-size: 14px;}
	.address-sec li:nth-child(1) .fas{height: 60px;}
	.address-sec li:last-child{margin-bottom: 0;}
	.number-ul li{font-size: 15px;}
	.footer-top{padding: 20px 0 0px;}
	.quote-back{margin-top: 30px; }
	#service-sec {padding: 19px 0 0px;}
	#service-sec h1{ padding-left: 5px; }
    .ser-content { padding:0px 0px 0px; float: none; width: 100%; margin: 0 auto; position: absolute; left: 20px; right: 0; top: 0; z-index: 33; }
    .service-photo { width: 339px; height:100%; margin: 0 auto; float: none; right:0; left:-20px; top:-15px; z-index: 1; position: relative;}
    .service-photo:before{ content: ''; background-color:rgba(0,0,0,0.7); width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; }
    .service-photo img{ border-radius: 30px; height: 560px}
    .ser-part { width: 107%; margin-left: -20px;}
    .ser-part li{width: 48%; margin-top: 12px;}
    .round-icon {width: 70px; height: 70px;}
    .ser-text p { font-size: 14px; line-height: 18px; padding-top: 1px;}
	.red-btn{padding: 8px 24px;}
	.ftr-navbar ul > li{font-size: 16px; margin: 0 6px;}
	.btm-inp { font-size: 16px; margin-bottom: 2px; padding: 2px 0;}
	.sub-btn{width: 100%; height: 35px; font-size: 24px;}
	.quote-back h2{font-size: 24px;}
	.bnr-position{padding: 20px 0;}
	.logo{padding-top: 0;}
	.blk-bg{padding: 30px 0; position: relative; z-index: 1; opacity: 0.8;}
	.gal-img { padding: 11px 0 0;}
	p.copyright{font-size: 12px;}
	.btm-btn{padding: 0;}
	.navbar{display: none;}
	.about-cont p{padding: 0; font-size: 15px;}
	.btm-submit{padding: 8px 44px; margin-top: 9px;}
	.yelp-foot { right: 19px; bottom: 25px;}
	.input-text{width: 100%;}
	.input-submit{width: 100%; margin-top: 0px;}
	.input-submit span{top: 0;}
	.input-text, .input-submit{margin-bottom: 0;}
	div.wpcf7-response-output{font-size: 12px; bottom: -47px; line-height: 13px; text-align: center;}
    ul.number-ul{ width:78%; }
    ul.number-ul li { padding: 0px 4px 0px 9px; font-size: 14px;}
    ul.number-ul li:nth-child(3){margin-left: 6px;}
    ul.number-ul li:last-child{margin-left: 14px;}
    ul.number-ul li:after{ display: none; }
	/*-----------------About us ------------------*/
	#inside-about-sec { padding: 30px 0;}
	#inside-about-sec .about-cont h4 {font-size: 20px; padding: 0px 0px 10px;}
	#inside-about-sec { padding: 35px 0 25px;}
	ul.other-logos { width: 80%; float: none; margin: 0 auto;}
	ul.other-logos li { width: 100%; margin: 0 auto 10px; float: none;} 
	#yelp-sec { padding: 50px 0px 20px;}
	.yelp-top-leftpanel { float: left; width:57%;}
	.yelp-top-part h1 { font-size: 30px;}
	.yelp-details-leftpanel { width: 95%;}
	.yelp-member-name { float: left; margin-top: -12px;}
	.yelp-details-rightpanel { width: 100%;clear: left; }
	.yelp-logo { width: 95px;}
	.symbil-1 { padding-top: 13px;}
  /*------------Retrogit age-------------*/
    #inside-retrofit-sec { padding: 35px 0;}
	#inside-retrofit-sec .about-cont p { margin-bottom: 20px; padding: 0 0px; width: 100%;}
    .retrofit-videopart {width: 304px;}
    .retrofit-videopart iframe { width: 100%; height: 173px;}
  /*-----------Projects page--------------*/
   #inside-gallery-sec {padding: 34px 0;}
  ul.photogal {padding: 5px 0px 0px;}
  ul.photogal li { width: 46%;}
  .blue_box-02 {width: 100% !important; height: 130px;}
  .blue_box-02:hover .Tooltip-02 .photo_icon02 {left:-50%; right: -50%; top:40%;}
  /*--------Videos-----------*/
   ul.videos-listing li{width: 100%; margin-left: 0px;  }
  .video-box iframe { width: 100%; height: 185px;}
  /*---------------Contact us -------------------*/
  #inside-contactus-sec { padding: 35px 0 10px;}
  #inside-contactus-sec .col-md-6 { margin-top: 3px; width: 100% !important; clear: left; margin-bottom: 15px; padding: 0px;}
  .contact-address-part {width: 100%; margin: 20px 0px; height: 413px; padding: 34px 26px;}
  #contactpage-form { width: 100%; margin-top: 10px;}
  ul.contactdetail li h2 { font-size: 24px;}
  .contact-info { padding: 25px 10px 10px;}
  ul.contactdetail li h2 { font-size: 24px;}
  ul.contactdetail li img.infoicon { width: 22px; margin: 5px 15px 20px 0px;}
  ul.contactdetail li h6 { font-size: 16px; line-height: 18px;}
  .contact-map iframe {width: 100%; height: 300px;}
    #contactpage-form p{ width: 100%; }
  #contactpage-form .red-back { padding: 20px 20px;}
  #contactpage-form .yelp-foot {right: 18px; bottom: 43px; width: 100px;}
  #contactpage-form .btm-submit { margin-bottom: 20px; margin-top: 25px !important; clear: left; padding: 6px 25px; font-size: 18px;}
  /*--------Career ------------------*/
  #inside-career-sec { padding: 20px 0;}
  .career-bodypart {margin: 12px 0px;}
  .career-iconpic:first-child{margin-top: 30px; float: none; margin: 0 auto 10px; width: 227px;}
  .career-iconpic:last-child{float: none; margin: 0 auto; width:220px;}
}

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

	h1{font-size: 30px;}
	h2{font-size: 24px;}
	h3{font-size: 22px;}
	h4{font-size: 12px;}
	.container { max-width: 290px !important;}
	header .col-md-7.col-sm-7.col-6{width:60% !important; flex: none !important; float: right !important; padding: 0px !important; margin: 0px !important;}
	header .col-md-5.col-sm-5.col-6{width:40% !important; flex: none !important; float: left !important; padding: 0px !important; margin: 0px !important;}
	.logo { padding-top: 0px; width: 100px;}
	.ser-text p{font-size: 15px;}
	.top-nav { text-align: left; width: 173px; padding-right: 0px; float: left;}
	.top-nav h4 { color: #010000; font-size: 15px;}
	.navbar-nav > li{margin: 0 6px; font-size: 14px;}
	.inp-box{width: 100%; margin-right: 0; margin-bottom: 10px;}
	.quote-back h2::before{width: 24%; top: 10px;}
	.quote-back h2::after{width: 24%; top: 10px;}
	.gal-img li{margin: 4px 6px; width: 96%; min-height: 160px;}
	.red-back{padding: 20px 20px; border-radius: 14px; min-height: auto;}
	.blk-sec{padding: 10% 20px; border-radius: 14px; margin-bottom: 20px; min-height: auto;}
	.quote-form{padding-top: 15px; text-align: center;}
	.ser-part li{width: 100%;}
	.btn-all { padding: 6px 22px; font-size: 20px;}
	#about-sec{padding: 40px 0 40px 0;}
	.area-pddng{padding: 30px 0;}
	.address-sec li{font-size: 13px;}
	.address-sec li:nth-child(1) .fas{height: 60px;}
	.address-sec li:last-child{margin-bottom: 0;}	
	.red-back::after{right: 20px; bottom: 28px;}
	.number-ul li{font-size: 15px;}
	.footer-top{padding: 20px 0 0px;}
	.quote-back{margin-top: 30px; }
	#service-sec {padding: 19px 0 0px;}
	#service-sec h1{ padding-left: 5px; }
    .ser-content { padding:0px 0px 0px; float: none; width: 100%; margin: 0 auto; position: absolute; left: 20px; right: 0; top: 0; z-index: 33; }
    .service-photo { width: 300px; height:100%; margin: 0 auto; float: none; right:0; left:-20px; top:-15px; z-index: 1; position: relative;}
    .service-photo:before{ content: ''; background-color:rgba(0,0,0,0.7); width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; }
    .service-photo img{ border-radius: 30px; height: 560px}
    .ser-part { width: 107%; margin-left: -20px;}
    .ser-part li{width: 48%; margin-top: -6px;}
    .round-icon {width: 70px; height: 70px;}
    .ser-text p { font-size: 14px; line-height: 18px; padding-top: 1px;}
	.red-btn{padding: 8px 15px;}
	.ftr-navbar ul > li{font-size: 15px; margin: 0 3px;}
	.sub-btn{width: 100%; font-size: 22px; height: 38px;}
	.quote-back h2{font-size: 20px;}
	.quote-back{padding: 20px 10px;}
	.bnr-position{padding: 20px 0;}
	.logo{padding-top: 0; margin-top: -15px;}
	.blk-bg{padding: 30px 0; position: relative; z-index: 1; opacity: 0.6;}
	p.copyright{font-size: 12px;}
	.btm-btn{padding: 0;}
	.gal-img li img{width: 100%;}
	.gal-img{padding: 10px 0 0;}
	.navbar{display: none;}
	.about-cont p{padding: 0; font-size: 15px;}
	.input-text{width: 100%;}
	.input-submit{width: 100%; margin-top: 1px;}
	.input-submit span{top: 0;}
	.input-text, .input-submit{margin-bottom: 0;}
	.inp-box { padding: 2px 10px; font-size: 16px; height: 38px;}
	div.wpcf7-response-output{font-size: 14px; bottom: -70px;}
	div.wpcf7-response-output { font-size: 13px; bottom: -51px; line-height: 15px; text-align: center;}
	.btm-inp{margin-bottom: 3px; padding: 3px 0;}
	.btm-submit{padding: 6px 30px; margin-top: 6px;}
	.yelp-foot { right: 20px; bottom: 22px;}

	ul.number-ul{ width:91%; }
    ul.number-ul li { padding: 0px 4px 0px 9px; font-size: 14px;}
    ul.number-ul li:nth-child(3){margin-left: 6px;}
    ul.number-ul li:last-child{margin-left: 12px;}
    ul.number-ul li:after{ display: none; }
	/*-----------------About us ------------------*/
	#inside-about-sec { padding: 30px 0;}
	#inside-about-sec .about-cont h4 {font-size: 18px; padding: 0px 0px 10px;}
	#inside-about-sec { padding: 32px 0 25px;}
	ul.other-logos { width: 80%; float: none; margin: 0 auto;}
	ul.other-logos li { width: 100%; margin: 0 auto 10px; float: none;}

    #yelp-sec { padding: 50px 0px 20px;}
	.yelp-top-leftpanel { float: left; width:53%;}
	.yelp-top-part h1 { font-size: 26px;}
	.yelp-details-leftpanel { width: 95%;}
	.yelp-member-name { float: left; margin-top: -8px;}
	.yelp-details-rightpanel { width: 99%;clear: left; }
	.yelp-logo { width: 87px;}
	.symbil-1 { padding-top: 9px;}
  /*------------Retrogit age-------------*/
    #inside-retrofit-sec { padding: 35px 0;}
	#inside-retrofit-sec .about-cont p { margin-bottom: 20px; padding: 0 0px; width: 100%;}
    .retrofit-videopart {width: 265px;}
    .retrofit-videopart iframe { width: 100%; height: 152px;}
  /*-------------------------*/
  #inside-gallery-sec {padding: 34px 0;}
  ul.photogal {padding: 5px 0px 0px;}
  ul.photogal li { width: 46%;}
  .blue_box-02 {width: 100% !important; height: 130px;}
  .blue_box-02:hover .Tooltip-02 .photo_icon02 {left:-50%; right: -50%; top:40%;}

/*----------Videos----------------------*/
   ul.videos-listing li{width: 100%; margin-left: 0px;  }
  .video-box iframe { width: 100%; height: 165px;}
   /*---------------Contact us -------------------*/
  #inside-contactus-sec { padding: 25px 0 10px;}
  #inside-contactus-sec .col-md-6 { margin-top: 3px; width: 100% !important; clear: left; margin-bottom: 15px; padding: 0px;}
  .contact-address-part {width: 100%; margin: 20px 0px; height: 413px; padding: 25px 19px;}
  #contactpage-form { width: 100%; margin-top: 10px;}
  .red-back-formbody {padding: 40px 10px;}
  input.conct-frm { width: 90%;}
textarea.conct-frm { width: 90%;}
  .contact-info { padding: 25px 10px 10px;}
  ul.contactdetail li h2 { font-size: 24px;}
  ul.contactdetail li img.infoicon { width: 22px; margin: 5px 15px 20px 0px;}
  ul.contactdetail li h6 { font-size: 16px; line-height: 18px;}
  .contact-map iframe {width: 100%; height: 300px;}
    #contactpage-form p{ width: 100%; }
  #contactpage-form .red-back { padding: 20px 20px;}
  #contactpage-form .yelp-foot {right: 18px; bottom: 52px; width: 100px;}
  #contactpage-form .btm-submit { margin-bottom: 40px; margin-top: 13px !important; clear: left; padding: 8px 21px; font-size: 16px; line-height: 20px;}
/*--------Career ------------------*/
  #inside-career-sec { padding: 20px 0;}
  .career-bodypart {margin: 12px 0px;}
  .career-iconpic:first-child{margin-top: 30px; float: none; margin: 0 auto 10px; width: 185px;}
  .career-iconpic:last-child{float: none; margin: 0 auto; width:180px;}
}