@media screen and (min-width:1281px)
{
	
}
/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
.container{ width:1000px; margin:0 auto;}
.inner-container{ width:960px;}
.bottom-wraper .nav-wraper{ width:620px;}
.aboutContent .aboutRightBlock{ display:none;}
.aboutContent .aboutleftBlock{ width:100%;}
.faqBoxRight{ width:40%;}
.servInner .servImgDiv{ width:100%;}
.servcesBlock .servBox{ margin:0 20px 20px 0;}
.aboutBlockInner .aboutimg{ width:33%;}
#lightbox-container-image-box{ width:90%!important; height:auto!important;}
#lightbox-image{ width:100%!important; height:auto!important;}
#lightbox-container-image-data-box{ width:88%!important;}
.form-border { float: left; width: 57%;}
.sidebarbtnbox { background: #f2f2f2; bottom: 0; box-shadow: 0 0 7px rgba(0, 0, 0, 0.16); height: 45px; position: fixed; width: 100%; z-index: 102;}
#callme-1 { bottom: 4px; left: 0; position: absolute; text-align: center; width: 33%;}
#callme-3 { bottom: 0; left: 33%; position: absolute; text-align: center; width: 33%;}
#callme-2 { bottom: 4px; left: 66%; position: absolute; text-align: center; width: 33%;}
#callme-3 span { display: block; font-size: 12px;}


}

/*##################################    for width 768px  ########################################*/

@media screen and (max-width:990px)
{
.container{ width:740px; margin:0 auto;}
.inner-container{ width:700px;}
.bottom-wraper .logo{ width:100%; text-align:center;}
.bottom-wraper .logo img{ width:40%;}
.bottom-wraper .nav-wraper { width: 100%; margin-top:20px;}
.sf-menu{ float:left;}
.header-wraper .bottom-wraper { padding: 20px 0 10px;}
.ei-slider-large li img { height: 450px !important; width: 1067px !important;}
.ei-slider{ height:450px;}
.box-wraper{ margin:0; padding:35px 0;}
.boxBlock{ width:50%;}
.faqBlock .faqBoxLeft{ width:100%;}
.faqBoxRight { float: left; width: 75%; margin: 30px 0 0 0;}
.servcesBlock .servBox { margin: 0 0 20px 0; width: 100%;}
.footer-box{ width:100%; margin-bottom:50px;}
.footer-box:last-child{ margin:0;}
.contactForm{ width:100%;}
.open-hrs-cont{ width:100%;}
.footerInner .appBtn{ width:100%;}
.contactForm .input-box{ width:97%;}
.contactForm .textarea-box{ width:97%;}
.innerContentDesc{ width:100%; padding:0; margin-top:40px;}
.form-border{ width:100%;}
.contactInner{ width:100%; margin-top:40px;}
	.cube-1{ width:100%;}
	.modern-1{ width:100%;}
	.modern-1-inner{ padding:15px;}
	.servinfo-1{ width:100%;}
	.dt-sc-toggle-set{ margin:0;}
	.dt-sc-toggle-accordion{ text-align:left;}
	.elementcontact-1{ width:100%;}
}

/*##################################    for width 600px  ########################################*/

@media screen and (max-width:767px)
{
	.container{ width:600px; margin:0 auto;}
	.inner-container{ width:580px;}
	.sf-menu > li > a{ padding:14px 16px;}
	.ei-slider-large li img { height: 350px !important; width: 800px !important;}
.ei-slider{ height:350px;}
.headingBlock h1{ font-size:25px;}
.aboutleftBlock .aboutTitle h3:before{ width:66%;}
.faqHeading h2{ font-size:25px;}
.servcesHeading h2{ font-size:25px;}
.open-hrs-cont{ width:100%;}
.footerInner .appBtn{ width:100%;}
.contactForm .input-box{ width:96%;}
.contactForm{ width:100%;}
.contactForm .textarea-box{ width:96%;}
.aboutBlockInner .aboutDr{ width:100%}
.aboutBlockInner .aboutimg { width: 50%; margin-bottom:30px;}
.info-wraper, .faq-wraper{ padding:35px 0;}
.servInner .servImgDiv{ height:auto;}
.services-wraper{ padding-bottom:35px;}
.addBlock .phonelog .Fdesc{ text-align:left;}
.footer-box .footerInner{ padding:0;}
.info-1{ width:100%;}
.boxBlock .boxInner .boxDetail{ padding:0;}
.info-1-inner{ margin:0;}
.about-1{ width:100%;}
.about-1-inner{ padding:0;}
.aboutRightBlock iframe{ height:200px;}
.about-1-info h1{ font-size:25px; line-height:35px; margin-top:20px;}

	
}

/*##################################    for width 480px  ########################################*/

@media screen and (max-width:580px)
{
.container{ width:440px; margin:0 auto;}
.bottom-wraper .logo img{ width:60%;}
.sf-menu{ display:none;}
.responcemenu{ display:block;}
.ei-title{ width:100%; top:25%;}
.ei-title h2{ font-size:27px;}
.ei-title h2 span{ font-size:22px;}
.ei-slider-large li img { height: 270px !important; width: 700px !important;}
.ei-slider{ height:270px;}
.aboutleftBlock .aboutTitle h3::before { width: 53%;}
.faqBoxRight{ width:100%;}
.servcesHeading h2{ font-size:22px;}
.headingBlock h1{ font-size:22px;}
.faqHeading h2{ font-size:22px;}
.ei-slider-thumbs{ bottom:10px; left:35%;}
.inner-container{ width:400px;}
.aboutBlockInner .aboutimg { margin-bottom: 30px; width: 100%;}
.show-inner h3{ font-size:20px;}
.show-wraper{ padding:50px 0;}
.innerContentImgBlock { float: left;  width: 100%;}
.innerContentDesc h1{ width:21px;}
.form-border .txtbox{ width:94%;}
.form-border .txtbox{ margin:0!important;}
.form-border .submit{ margin:0;}
h1.innerMainHeading{ font-size:22px;}
.videoBlock .video-1 { float: left; margin: 10px 0; width: 100%;}

	
}

/*##################################    for width 320px  ########################################*/

@media screen and (max-width:479px)
{
.container{ width:95%; margin:0 auto;}
.inner-container{ width:280px;}
.ei-slider-large li img { height: 150px !important; width: 380px !important;}
.ei-slider{ height:150px;}

.ei-title{ display:none;}
.top-wraper .reqBlock{ width:100%; text-align:center;}
.top-wraper .callBlock{ width:100%; text-align:center;}
.bottom-wraper .logo img { width: 100%;}
.boxBlock{ width:100%;}
.aboutleftBlock .aboutTitle h3:before{ display:none;}
.contactForm .input-box{ width:92%;}
.contactForm .textarea-box{ width:92%;}
.form-border .txtbox { width: 93%;}
#callme-1{ width:25%;}
#callme-2{ width:25%; left:75%;}
#callme-3{ width:50%; left:27%;}

}