/* CSS Document */
@font-face {
    font-family: 'geometr706_blkcn_btblack';
    src: url('font/tt0663m_-webfont.eot');
    src: url('font/tt0663m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/tt0663m_-webfont.woff2') format('woff2'),
         url('font/tt0663m_-webfont.woff') format('woff'),
         url('font/tt0663m_-webfont.ttf') format('truetype'),
         url('font/tt0663m_-webfont.svg#geometr706_blkcn_btblack') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('font/font/opensans-condlight.eot');
    src: url('font/font/opensans-condlight.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-condlight.woff') format('woff'),
         url('font/font/opensans-condlight.ttf') format('truetype'),
         url('font/font/opensans-condlight.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'foobar_proregular';
    src: url('font/foobar_pro-regular-webfont.eot');
    src: url('font/foobar_pro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/foobar_pro-regular-webfont.woff2') format('woff2'),
         url('font/foobar_pro-regular-webfont.woff') format('woff'),
         url('font/foobar_pro-regular-webfont.ttf') format('truetype'),
         url('font/foobar_pro-regular-webfont.svg#foobar_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'droid_sansregular';
    src: url('font/droidsans-webfont.eot');
    src: url('font/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/droidsans-webfont.woff') format('woff'),
         url('font/droidsans-webfont.ttf') format('truetype'),
         url('font/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldregular';
    src: url('font/oswald-webfont.eot');
    src: url('font/oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/oswald-webfont.woff2') format('woff2'),
         url('font/oswald-webfont.woff') format('woff'),
         url('font/oswald-webfont.ttf') format('truetype'),
         url('font/oswald-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bell_mtbold';
    src: url('font/BELLB-webfont.eot');
    src: url('font/BELLB-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BELLB-webfont.woff2') format('woff2'),
         url('font/BELLB-webfont.woff') format('woff'),
         url('font/BELLB-webfont.ttf') format('truetype'),
         url('font/BELLB-webfont.svg#bell_mtbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



body
{ margin:0px; padding:0px;}

img
{ border:0px;}
.clear
{ clear:both;}

.main-wrapper
{ width:100%; height:auto; margin:0px auto;}

.header
{ margin:0px auto; padding:0px; height:auto;}

.topstrip
{ background-color:#efedec; height:auto; margin:0px auto;
-webkit-box-shadow: 0px 2px 4px 0px rgba(44, 50, 50, 0.4);
-moz-box-shadow:    0px 2px 4px 0px rgba(44, 50, 50, 0.4);
box-shadow:         0px 2px 4px 0px rgba(44, 50, 50, 0.4);}

.topstrip-inner
{ width:73%; height:auto; margin:0px auto;  }

.usaflag
{ font-family:Calibri; font-size:16px; color:#000; 
background: url(images/usa-flag.jpg); text-align:left; padding:0px 0px 0px 36px;
background-repeat:no-repeat; background-position:left;  float:right; margin:11px 0px;}

.indiaflag
{ font-family:Calibri; font-size:16px; color:#000; 
background: url(images/indiaflag.jpg); text-align:left; padding:0px 0px 0px 36px;
background-repeat:no-repeat; background-position:left;  float:right; margin:11px 0px 11px 20px;}

.skyp-id
{ font-family:Calibri; font-size:16px; color:#ff7200; 1
 text-align:left; padding:0px 0px 0px 0px;
float:right; margin:11px 0px 11px 20px;}

.skyp-black
{ font-family:Calibri; font-size:16px; color:#000;}
.skyp-black a
{ font-family:Calibri; font-size:16px; color:#000; text-decoration:none;}
.skyp-black a:hover
{ font-family:Calibri; font-size:16px; color:#000; text-decoration:none;}

.innerlayer
{ width:1004px; height:auto; margin:0px auto 0px auto; max-width:95%;}

.innerlayer1
{ width:1004px; height:auto; margin:0px auto 0px auto; max-width:95%;}

.logo
{float:left; margin:9px 0px 0px 0px; position:relative;
font-size:55px; color:#f0171f; text-align:left; font-family: 'bell_mtbold';}

.tradmark-sign
{ position:absolute; top:0px; right:0px; color:#f0171f; 
font-size:18px; font-family: 'droid_sansregular'; /*font-weight:bold;*/}

.tagline
{float:left; margin:9px 0px 0px 0px; padding:34px 0px 0px 10px;
font-size:15px; color:#000; text-align:left; font-family: 'droid_sansregular';}

.navigation-main
{ background-color:#efedec; height:auto; margin:0px auto;
border-top:solid thin #e8e5e5;
-webkit-box-shadow: 0px 2px 4px 0px rgba(44, 50, 50, 0.4);
-moz-box-shadow:    0px 2px 4px 0px rgba(44, 50, 50, 0.4);
box-shadow:         0px 2px 4px 0px rgba(44, 50, 50, 0.4);}

.banner
{ height:auto; margin:20px auto 0px auto;}
h1
{ color:#ff7707;  font-family: 'oswaldregular';text-align:left;}

.aboutus-text
{ color:#242322; text-align:justify; font-family: 'droid_sansregular'; line-height:20px;
padding:0px 0px 0px 0px;}

.six-points-main
{ height:auto; margin:10px auto}

.left-side
{ float:left; height:auto; width:45%;}

.right-side
{ float:right; height:auto;width:45%;}

.points ul
{ margin:0px; padding:0px; }

.points li
{padding:16px 0px 16px 30px; background:url(images/arowicon.jpg); background-repeat:no-repeat; background-position:left;
color:#41403f; text-align:left; font-family: 'droid_sansregular'; font-size:17px; display:block;
border-bottom:dashed 1px #a29f9f; font-weight:bold;}

.points li a
{
color:#41403f; text-align:left; font-family: 'droid_sansregular'; font-size:17px; 
 text-decoration:none; display:block; font-weight:bold;}

.points li a:hover
{
color:#f83515; text-align:left; font-family: 'droid_sansregular'; font-size:17px; 
background-color:#00FFFF text-decoration:none; font-weight:bold;}

.circle-img-main
{ height:auto; margin:0px auto 0px auto;}

.circle-main
{ margin:1% 0%; padding:0px; float:left; width:33.3%;text-align:center;}

.circle-main img:hover{ opacity:0.5; }
.circle-text
{
color:#000; text-align:center; font-family: 'droid_sansregular'; font-size:15px;
margin:8px 0px; 
}

.box1
{ float:left; margin:0px 0px 0px 0px; 
width:177px; height:177px; background:url(images/circile1.png); background-repeat:no-repeat;
border-radius:100%;}

.box1:hover
{ float:left; margin:0px 0px 0px 0px; 
width:177px; height:177px; opacity:0.5;
border-radius:100%;}

.box2
{ float:left; margin:0px 0px 0px 0px; 
width:177px; height:177px; background:url(images/circile2.png); background-repeat:no-repeat;
border-radius:100%;}
.box2:hover
{ float:left; margin:0px 0px 0px 0px; 
width:177px; height:177px; opacity:0.5;
border-radius:100%;}
.box3
{ float:left; margin:0px 0px 0px 0px; 
width:177px; height:177px; background:url(images/circile3.png); background-repeat:no-repeat;
border-radius:100%;}
.box3:hover
{ float:left; margin:0px 0px 0px 0px; 
width:177px; height:177px; opacity:0.5;
border-radius:100%;}
.box4
{ float:left; margin:0px 0px 0px 0px; 
width:177px; height:177px; background:url(images/circile4.png); background-repeat:no-repeat;
border-radius:100%;}
.box4:hover
{ float:left; margin:0px 0px 0px 0px; 
width:177px; height:177px;  opacity:0.5;
border-radius:100%;}
.box5
{ float:left; margin:0px 0px 0px 0px; 
width:177px; height:177px; background:url(images/circile5.png); background-repeat:no-repeat;
border-radius:100%;}
.box5:hover
{ float:left; margin:0px 0px 0px 0px; 
width:177px; height:177px; opacity:0.5;
border-radius:100%;}
.box6
{ float:left; margin:0px 0px 0px 0px; 
width:177px; height:177px; background:url(images/circile6.png); background-repeat:no-repeat;
border-radius:100%;}
.box6:hover
{ float:left; margin:0px 0px 0px 0px; 
width:177px; height:177px; opacity:0.5;
border-radius:100%;}
.video-demo-panel-left
{ width:42.5%; height:auto; float:left; margin:0px 0px 0px 0px;}

.headings-deomo
{ font-size:20px; color:#000; text-align:left;  font-family: 'oswaldregular';
padding:8px 0px;}

.video-demo-layer
{ height:auto; margin:10px 0px 0px 0px;}

.erpnew-headings
{ width:168px; font-size:20px; color:#423f3f; text-align:left;  font-family: 'oswaldregular';
padding:6px 10px; background-color:#ebbc60; float:left; margin:0px 0px 0px 0px;}

.newslayer-main
{ height:auto; margin:22px 0px 0px 0px; }

.newslayer
{ height:auto; margin:15px 0px 15px 0px; }

.datelayer
{background:url(images/calander-icon.jpg); background-repeat:no-repeat;
background-position:left; text-align:left; font-family:Arial, Helvetica, sans-serif;
color:#ff7200; font-weight: bold; padding:0px 0px 0px 20px;}

.news-normaltext1
{ color:#565252; font-size:13px; font-family: Arial, Helvetica, sans-serif; text-align:justify;
padding:8px 0px; line-height:18px;}
.news-normaltext1 a
{  color:#565252; font-size:13px; font-family: Arial, Helvetica, sans-serif; text-align:justify; text-decoration:none;
}
.news-normaltext1 a:hover
{ color:#565252; font-size:13px; font-family: Arial, Helvetica, sans-serif; text-align:justify; text-decoration:none;
}

.news-normaltext
{ color:#565252; font-size:13px; font-family: Arial, Helvetica, sans-serif; text-align:justify;
padding:8px 0px; line-height:18px;}
.news-normaltext a
{  color:#565252; font-size:13px; font-family: Arial, Helvetica, sans-serif; text-align:justify; text-decoration:none;
}
.news-normaltext a:hover
{ color:#565252; font-size:13px; font-family: Arial, Helvetica, sans-serif; text-align:justify; text-decoration:none;
}

.video-demo-panel-right
{ width:53%; height:auto; float:right; margin:0px 0px 0px 0px;}

.readmore
{ color:#ff7200; font-size:14px; font-family: Arial, Helvetica, sans-serif; text-align:left;
padding:8px 0px; line-height:20px;}

.readmore a
{ color:#ff7200; font-size:14px; font-family: Arial, Helvetica, sans-serif; text-align:left; text-decoration:underline;}

.readmore a:hover
{ color:#2d3032; font-size:14px; font-family: Arial, Helvetica, sans-serif; text-align:left;}

.benifit-layer-left
{ width:40%; float:left; height: auto; margin:0px 0px;}

.small-arrow ul
{ margin:0px 0px 0px 0px; padding:0px;}

.small-arrow li
{ list-style-image:url(images/smallarrow.jpg); list-style-position:inside; line-height:35px;
font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:left; color:#565252; padding:0px 0px 0px 10px;
}

.machine-schedule-box
{ width:56%; padding:6px; float:right; height:auto; margin:0px 0px; border:solid thin #d7d3d3;}

.m1
{ width:30.6%; float:left; height:auto; margin:1% 1.7% 1% 1%;}

.m1 img
{ width:100%;}

.smalltextss
{
font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align: justify; color:#565252;
}

.footer-main
{ width:100%; height:auto; margin:0px auto;
background-color:#e8e6e4; padding:10px 0px;}

.footer-leftbox
{ float:left; height:auto; margin:10px 0px 0px 0px;}

.bottom ul
{ margin:0px; padding:0px;}

.bottom li
{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1f1e1e; display:inline;
padding:15px 15px 0px 0px; margin:0px 0px 0px 0px; line-height:25px;}

.bottom li a
{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1f1e1e; display:inline; text-decoration:none;
}
.bottom li a:hover
{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #FF0000; display:inline; text-decoration:none;
}

.footer-rightbox
{ float: right; height:auto; margin:10px 0px 0px 0px;}





/*form css started*/

.textfields1
{ width:100%; height:27px; border:solid thin #ccc; padding:0px 0px 0px 10px;
border-radius:15px; margin:10px 0px;}

.textfields2
{ width:90%; height:27px; border:none; padding:0px 0px 0px 10px;
 margin:2px 0px;}

.textareas
{ width:89%; height:auto; border:solid thin #ccc; padding:5px 5px 5px 10px;
border-radius:8px; margin:10px 0px;}

.form-heading
{ font-size:20px; color:#000;  font-family: 'oswaldregular';
padding:8px 0px;}

.normaltext-forms
{ font-size:14px; color:#000; font-family:Arial, Helvetica, sans-serif;
}

.text1
{ font-size:14px; color:#000; font-family:Arial, Helvetica, sans-serif; padding:0px 6px;
}

.checkbox
{border:solid thin #00CCFF; width:25px; height:25px;}

.select1
{ width:200px; height:27px; border:solid thin #ccc; padding:0px 0px 0px 10px;
 margin:10px 0px;}
/*fonm end*/


/*garment form css started*/
.textfields88
{ width:90%; height:27px; border:solid thin #ccc; padding:0px 0px 0px 10px;
border-radius:5px; margin:10px 0px; box-shadow: 1px 1px 4px #ccc;}




/*submit button started*/
.button_4 {
width:150px; height:25px;
	
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:arial;
	font-size:20px;
	
	padding:11px 23px;
	text-decoration:none;
	text-shadow:
 }
.button_4:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
 }
.button_4:active {
position:relative;
	top:1px;
 }

/*submit button end*/



.clientlogo{ width:25%;float:left; text-align:center;  margin:0px 0px 45px 0px; }

.clientlogo img
{ background-color:#336799; width:147px;

-webkit-box-shadow: 0px 0px 0px 8px rgba(204,198,204,1);
-moz-box-shadow: 0px 0px 0px 8px rgba(204,198,204,1);
box-shadow: 0px 0px 0px 8px rgba(204,198,204,1);
}

.clientlogo img:hover
{ 

-webkit-box-shadow: 0px 0px 0px 8px rgba(178,240,192,1);
-moz-box-shadow: 0px 0px 0px 8px rgba(178,240,192,1);
box-shadow: 0px 0px 0px 8px rgba(178,240,192,1);
}

.logoname
{ font-size:14px; color:#000; font-family:Arial, Helvetica, sans-serif; padding:0px 0px; text-align:center;
 height:40px; padding:10px 0px;
}

.text888
{ font-size:14px; color:#e28e0a; font-family:Arial, Helvetica, sans-serif; padding:0px 0px; text-align:left;}

.module-link ul
{ margin:0px 20px 0px 0px; padding:0px; float:left; width:45%;}

.module-link li
{ list-style:none; display:block; 
}

.module-link li a
{  line-height:35px; background-image:url(images/smallarrow.jpg); background-repeat:no-repeat; background-position:left 5px top 2px; font-weight:bold;
font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:left; color:#565252; padding:0px 0px 0px 38px; text-decoration:none;
}

.module-link li a:hover
{  
 color:#ff7707;
}




/* new added*/
.contact-text{ float:left;width:35%; height:auto; margin:10px 0px 20px 0px; }

.style01{color:#565252; font-size:13px; font-family: Arial, Helvetica, sans-serif;  line-height:22px;  letter-spacing:.5px;}

.style01 a{color:#565252; font-size:13px; font-family: Arial, Helvetica, sans-serif;  line-height:22px; text-decoration:none;  letter-spacing:.5px;}

.contact-form{ width:65%; height:auto;  margin:10px 0px 20px 0px; float:right; }

.form-text{width:10%; height:25px; float:left; margin:0% 0% 2% 0%; color:#565252; font-size:13px; font-family: Arial, Helvetica, sans-serif;  line-height:22px; letter-spacing:.5px;}

.textfield33{ width:88%; height:25px;float:right; box-shadow:0px 0px 2px #929090; border:none; color:#565252; font-size:13px; font-family: Arial, Helvetica, sans-serif; line-height:20px; padding-left:10px; }

.textarea33{ width:88%; height:100px; float:right;color:#565252; font-size:13px; font-family: Arial, Helvetica, sans-serif;  line-height:20px; padding-left:10px; box-shadow:0px 0px 2px #929090; border:none; }

.submit-box{ height:auto; float:right; margin:10px 0px 0px 0px;  text-align:right;}

.garment-formtxt {font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#2f2e2e;}

.garment-video{ float:left; width:400px; margin-top:3px;}

.txt666{ font-size:17px; float:left;width:90%; text-align:left; font-weight:bold; padding:7px 0 7px 10px;  background-color:#ccc; margin-bottom:10px; border-radius:5px;}

.garment-link ul{ margin:0; padding:0;}

.garment-link ul li{ margin:5px 0 5px 0; padding:0 0 0 20px; background-image:url(images/arrow.jpg); background-repeat:no-repeat; background-position:left top 3px; list-style:none; display:block; font-size:15px;}

iframe{ width:100%; height:312px}

.box-left-module{ float:left; width:55%; margin:3px 0px 0 0;}
.img1{ float:left; width:41px; margin:0px 5px 10px 0px;}
.text-right1{  width:78%;float:left;font-size:15px; margin:0px 0 10px 0px; line-height:35px; text-align:left;}

.box-link-left ul{ margin:0 15px 0 0; padding:0; width:47%; float:left;}
.box-link-left ul li{  width:100%;margin:0 0 10px 0; padding:0; display:inline-block; list-style:none; border-bottom:dashed 1px #ccc;}
.form-right{ float:right;width:38%; margin-top:12px; }

.form-left-box{ float:left; width:43%; margin:20px 0;}

.form-right-box{ float:right; width:43%; margin:20px 0 0 0;}

.news-box{ height:300px; margin:30px 0 0 0; }
.br11{margin:5px 0 3px 0; border-bottom:1px solid #ddd;}

.br22{margin:10px 0 0px 0;}

@media only screen and (max-width:1024px) {
/*body{ background-color:#E8E8E8;}*/

.m1
{ width:31%; float:left; height:auto; margin:1% 1.1%;}
.box-link-left ul{ margin:0 10px 0 0; padding:0; width:47%; float:left;}
}



@media only screen and (max-width:960px) {

.indiaflag
{ margin:11px 0px 0px 20px;}
.skyp-id
{ margin:11px 0px 0px 20px;}
iframe{ width:100%; height:300px}
.m1
{width:31%; float:left; height:auto; margin:1% 1.8% 1% .5%;}
.box-left-module{ float:left; width:100%; margin:3px 0px 0 0;}
.box-link-left ul{ margin:0 3% 0 0; padding:0; width:47%; float:left;}
.img1{ float:left; width:41px; margin:0px 15px 10px 0px;}
.text-right1{  width:76%;float:left;font-size:15px; margin:0px 0 10px 0px; line-height:35px; text-align:left;}
.form-right{ float:right;width:70%; margin:30px 0 0 0;float:left; }
}


@media only screen and (max-width:800px) {

.innerlayer1
{ width:1004px; height:auto; margin:0px auto 0px auto; max-width:100%;}
.clientlogo{ width:33%;}
.clientlogo img{ width:auto;}
.form-text{ width:16%;}
.textfield33{ width:84%;}
.textarea33{ width:84%;}

}

@media only screen and (max-width:768px) {
.banner
{ height:auto; margin:15px auto 0px auto;}
.benifit-layer-left
{ width:100%; float:none; height: auto; margin:0px 0px 20px 0px;}
.machine-schedule-box
{ width:81%;  padding:6px;  float:none; height:auto; margin:0% auto; border:solid thin #d7d3d3; }
.footer-leftbox
{ width:100%; float:none; height:auto; margin:10px 0px 0px 0px; text-align:center;}
.footer-rightbox
{ float:none;  width:100%; height:auto; margin:10px auto;text-align:center; }
iframe{ width:100%; height:250px}
.contact-text{ width:50%;}
.contact-form{ float:left;}
}




@media only screen and (max-width:640px) {
/*body{ background:#ccc;}*/

.video-demo-panel-left
{ width:100%; height:auto; float:left; margin:20px 0px 0px 0px;}
.video-demo-layer
{ height:auto; margin:10px 0px 0px 0px;}
.video-demo-panel-right
{ width:100%; height:auto; float:right; margin:20px 0px 50px 0px;}
.circle-main{ width:50%;}
iframe{ width:100%; height:300px}
.left-side
{ float:left; height:auto; width:100%;}
.right-side
{ float:left; height:auto; width:100%;}
.clientlogo{ width:50%;}
.form-right{ float:right;width:100%; margin:40px 0 0 0;float:left; }
.textfields88{ width:100%;}
.txt666{ width:100%;}
.contact-text{ width:50%;}
.contact-form{ float:left;  width:80%;}
}



@media only screen and (max-width:568px) {
iframe{ width:100%; height:250px}
.logo
{ width:199px; height:auto; float:none; margin:18px auto 0px auto; text-align:center;}
.tagline
{ width:100%; height:30px; float:none; margin:0px auto 12px auto; font-family: 'droid_sansregular'; font-size:15px; text-align:center; padding:0; }
.module-link ul
{ margin:0px; padding:0px; float:left; width:100%;}
.box-link-left ul{ margin:0 0% 0 0; padding:0; width:100%; float:none;}
.form-left-box{ float:left; width:100%; padding:0 1%; box-size:border-box; margin-bottom:0;}
.form-right-box{ float:left; width:100%; margin:0;}
.textfields1{width:100%;}
.contact-form{ width:100%; height:auto;  margin:10px 0px 20px 0px; float:left; }
}



@media only screen and (max-width:480px) {
/*body{ background:#ddd;}*/

.circle-main{ width:100%;}
.m1
{ width:50%; float:none; height:auto; margin:1% auto 3% auto;}
.contact-text{ width:100%;}

}



@media only screen and (max-width:414px) {

.footer-rightbox img{ width:100%;}
.clientlogo img{ width:75%;}
.form-text{ width:100%;}
.textfield33{ width:100%; margin:0 0 12px 0;}
.textarea33{ width:100%;}
}




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

.m1
{ width:65%; }
.skyp-id{ margin:11px 0px 0px 0px;}
.clientlogo { width:100%; margin-bottom:15px;}
.clientlogo img{ width:auto;}
}




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

.m1
{ width:70%;}
.tagline{ line-height:16px;}


}