#navigation{
display:none;
}
h3.new {
display: none;
}




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

/*-----------HOME PAGE---------------START---------320--------*/
.nav{
display: none;
}
.top {
padding: 4px 0px 3px;
}
.header_top {
max-width: 1150px;
margin: 0 auto;
padding: 0px;
width:100%;
}
.right_top_head {
width:100%;
}
.top_info {
width: 100%;
}
a.email_top, span.call_top {
display: none;
}
.sel_lg {
float: right;
margin-right: 2%;
padding: 0px;
height: 23px;
z-index: 99999;
position: relative;
top: 0;
}


.head {
max-width: 1150px;
width: 100%;
margin: 0 auto;
}
.logo {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
}
.logo img {
width: 97%;
max-width: 300px;
}
p.social_tag {
display: none;
}
#navigation{
display:block;
position: relative;
top: -91px;
left: 0px;
width: 98%;
z-index: 0;
padding-left: 1%;
padding-right: 1%;
}
nav#navigation a {
color: white;
/*font-weight: bolder;*/
}
nav#navigation > ul {
display: none;
/*background-color: rgba(246, 210, 26, 0.56);*/
background-color: rgba(0, 0, 0, 0.59);
width: 94%;
position: relative;
top: 0px;
padding: 2%;
}
nav#navigation > ul > li {
width: 100%;
text-align: center;
padding: 1% 0;
/*margin: 1% 0;*/
font-size: 12px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
nav#navigation > ul > li:hover {
/*background-color: #f6d21a;*/
transition:all ease-in 0.1s;
}
nav#navigation > ul > li:hover a{
/*color:#000;*/
color:#f6d21a;
transition:all ease-in 0.1s;
}
li.first{
border-top: 2px solid #fff !important;
}
 li.last {
border-bottom: 2px solid #fff !important;
 }
nav#navigation ul li ul {
background-color: transparent;
display: none;
/*margin-bottom: -5px;
margin-top: 3px;*/
margin-bottom: -1.4%;
margin-top: 1%;
}
nav#navigation > ul > li> #navigation_list1 > li{
width: 100%;
text-align: center;
padding: 1% 0;
/* margin: 1% 0; */
font-size: 12px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

nav#navigation > ul > li:hover > #navigation_list1 > li {
/*background-color: rgba(0, 0, 0, 0.59) !important;
width: 106%;
margin-left: -2%;*/
color: white !important;
width: 100%;
text-align: center;
padding: 1% 0;
/* margin: 1% 0; */
font-size: 12px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
nav#navigation > ul > li:hover > #navigation_list1 > li > a{
color: white !important;
}
nav#navigation > ul > li > #navigation_list1 > li:hover a {
color: #f6d21a !important;
}
#navigation > ul {
top: 70px;
overflow: scroll;
margin-bottom: -5px;
max-height: 140px;
}
::-webkit-scrollbar { 
    display: none; 
}




#page-wrap {
width: 100%;
margin: 0px;
position: relative;
min-height: 200px;
}
.stripViewer {
position: relative;
overflow: hidden;
width: 100%;
/* height: 498px; */
float: left;
min-height: 200px;
height: 200px;
}
.slide img {
/*max-width: 24% !important;
margin: 0px;
padding: 0px;
min-height: 200px;*/
width: 36% !important;
margin: 0px;
padding: 0px;
min-height: 200px;
max-width: 480px;
}
/*div#main-photo-slider img{
width: 36% !important; 
margin: 0px; 
padding: 0px; 
min-height: 200px; 
max-width: 480px; 
}*/


li.productsli {
position: relative;

}
li.productsli > a:after {
content: '>';
font-weight: bolder;
font-size: 15px;
position: absolute;
right: -25%;
top: 0px;
transition: all ease 0.5s;
}
/*a#toggle2:hover:after {
transform: rotate(90deg);
}
a#toggle2:active:after {
transform: rotate(90deg);
}*/
.rotate:after {
content: '>';
font-weight: bolder;
font-size: 15px;
position: absolute;
right: -25%;
top: 0px;
transform: rotate(90deg);
transition: all ease 0.5s;
}
li.productsli a {
position: relative;
}

/*-----after-slider-----*/

section{
 width: 100%;
margin: 0px;
padding: 0px;
float: left;
margin-top: 20px;
}
.middle {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}

.wel_come h3 {
font: 1.2em gothic;
color: #3a3a3a;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #f8d219;
margin: 0px;
padding: 0px 0px 21px 0px;
line-height: 20px;
float: left;
text-align: center;
width: 100%;
}

a.quick_enq {
position: fixed;
top: 240px;
right: 0px;
z-index: 999999;
width: 9%;
max-width: 28px;
}
a.quick_enq img {
margin: 0px;
width: 100%;
}



.wel_come h3 {
font: 1.2em gothic;
color: #3a3a3a;
text-transform: uppercase;
display: block;
border-bottom: 0px solid #f8d219;
margin: 0px;
padding: 0px 0px 0px 0px;
line-height: 20px;
float: left;
text-align: center;
width: 100%;
}
.wel_come h1 {
font: 1.2em gothic;
color: #3a3a3a;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #f8d219;
margin: 0px;
padding: 0px 0px 21px 8px;
line-height: 20px;
float: left;
width: 100%;
text-align: center;
padding: 0px 0px 15px 0px;
}
.left_part {
float: left;
/*max-width: 362px;*/
max-width: 100%;
margin: 0px;
padding: 0px;
width: 100%;
}
.left_part > .about_text img {
width: 100%;
}
.about_text {
width: 99.5%;
float: none;
margin: 0 auto;
}
.left_part h2 {
font: 1.1em gothic;
margin: 0px;
padding: 10px 0px;
text-transform: uppercase;
display: table;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
}

.center_part {
float: left;
margin: 0px;
padding: 0px;
/*max-width: 362px;*/
max-width: 100%;
margin-left: 0;
margin-right: 0;
width: 100%;
height:565px;
}

.right_part > h2 {
    float: left;
}
.customer > #content {
width: 100%;
max-width: 300px;
margin: 0 auto;
}
#content_inner {
max-width: 360px;
margin: 0px;
position: relative;
float: left;
height: 154px;
width: 100%;
}
.slides1_wrap {
position: relative;
padding: 0px;
width: 94%;
margin: 0 auto;
}
.slides1_wrap .bxslider_container {
width: 100% !important;
}
#slides1 li {
/*list-style: none;
max-width: 360px;
width: 100%;
margin-right: 0px !important;  */
min-width: 240px;
width: 243px !important;
margin-right: 30px !important;
margin-left: 30px !important;
}
#content h2 {
font-size: 11px;
font-weight: normal;
color: rgb(48, 48, 48);
padding-bottom: 17px;
border-bottom: dotted #ccc 1px;
padding-top: 20px;
padding-bottom: 21px;
/* margin-top: 13px; */
float: left;
/*width: 84%;*/
width:100%;
padding: 20px 0;
text-align: center;
margin: 0px;
}
#slides1 .content {
/*float: left;
max-width: 350px;
padding-left: 0px;
padding: 20px 0px 0px 0px;
width: 84%;*/
float: left;
max-width: 350px;
padding-left: 0px;
padding: 20px 0px 0px 0px;
max-width: 350px;
width: 100%;   
}
#slides1 .content > p{
line-height: 18px;
}
.client_tes {
/*float: left;*/
float:none;
width: 87%;
margin: 0 auto;  
padding: 15px 20px;
border: 1px solid #c0c0c0;
min-height: 160px;
}
.slideshow {
max-width: 500px;
list-style: none;
position: relative;
width: 100%;
}
#bxslider li {
/*max-width: 325px;*/
width: 100%;
max-width: 100% !important;
}
.right_part {
max-width: 276px;
margin: 0px;
float: left;
padding: 0px;
width: 100%;
}
.right_part {
max-width: 276px;
margin: 0px;
float: none;
padding: 0px;
width: 100%;
margin: 0 auto;
}
.country_flags {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
padding-top: 0px;
margin-left: 0;
}
.country_flags_row {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
text-align: center;
margin: 0 auto;
max-width: 100px;
float: none;
}
.country_flags_row img {
margin: 0px;
width: 100%;
height: auto;
}
.country_flags_row span {
display: block;
font: 15px gothic;
color: #3a3a3a;
margin-top: 0px;
margin-bottom: 14px;
}

.center_content h2 {
font: 1em gothic;
margin: 0px;
padding: 21px 0px;
text-transform: uppercase;
display: table;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
}

h2.flag {
float: left;
font: 1.2em gothic;
margin: 0px;
padding: 21px 0px;
text-transform: uppercase;
display: table;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
}



/*----------footer----------*/

.footer {
max-width: 1150px;
margin: 0 auto;
width: 96%;
padding: 1% 2%;
}
.foot_left {
/*margin: 0px;
max-width: 100%;*/
margin: 0 auto;
max-width: 100%;
float: none;
}
.foot_menu {
float: left;
margin: 0px;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.foot_address {
width: 100%;
float: left;
margin: 0px;
padding: 0px;
margin-top: 35px;
}
.right_foot {
float: right;
width: 100%;
margin: 0px;
padding: 0px;
}
.foot_left h2 {
color: white;
padding: 21px 0px 13px 0px;
width: 100%;
text-align: center;
font: 1.1em gothic;
}
.foot_left p {
color: white;
font: 12px gothic;
line-height: 18px;
}
.foot_menu ul {
margin: 0px;
padding: 0px;
float: left;
margin-top: 10px;
width: 100%;
}

.foot_menu {
/*float: left;
margin: 0px;
margin-left: 0;
margin-right: 0;
width: 100%;*/
float: left;
margin: 0 auto;
margin-left: 0;
margin-right: 0;
width: 100%;
text-align: center;
}
.foot_menu ul {
/*margin: 10px 0;
padding: 0px;
float: left;
margin-top: 10px;
width: 100%;*/
margin: 10px auto auto auto;
padding: 0px;
float: none;
margin-top: 10px;
width: 67%;
max-width:100%;
width: 307px;
}
.foot_menu ul li {
margin: 0px;
padding: 0px;
list-style: none;
width: auto;
float: left;
text-align: center;
border: 1px solid #fff;
/* margin-bottom: 2px; */
padding: 0 2%;
margin-right: 1.7%;
}
.foot_menu ul li a {
color: white;
font: 12px gothic;
text-transform: uppercase;
text-decoration: none;
line-height: 22px;
}
.foot_menu ul li:hover {
/*background-color: #E6AE00;*/
/* background-color: #E6AE00; */
/* background-color: #fff; */
border-right: 1px solid transparent;
border-left: 1px solid transparent;
/* border-top: 1px solid transparent; */
}
.foot_menu ul li:hover a{
/*color:#000;*/
color: #E6AE00;
}
.foot_address p {
color: white;
text-align: center;
font: 13px gothic;
line-height: 18px;
margin-top: -14px;
}
.social {
/*width: 100%;*/
width: 300px;
float: none;
padding: 0px;
margin: 10px auto auto auto;
margin-top: 10px;
}
 
.social span {
float: left;
margin: 0px;
padding: 12px 0px;
font: 13px gothic;
text-transform: uppercase;
color: white;
margin-right: 10px;
margin-left: 12px;
}

.footer p.craft_by {
width: 100%;
text-align: center;
}
.footer p.copyright {
width: 100%;
text-align: center;
font-size: 13px;
}

/*#slides1 {
left: -314px !important;
}*/

.brochure {
float: none;
padding: 0px;
width: 311px;
margin: 0 auto;
}

/*-----------HOME PAGE--------------END---------320---------*/


/*-----------aboutus PAGE--------------start------320------------*/


.slide > img {
width: 100% !important;
margin: 0px;
padding: 0px;
height: 200px;
}
.slide > .slide_text  {
max-width: 1150px;
margin: 0 auto;
position: absolute;
top: 8%;
overflow: hidden;
display: block;
right: 0px;
left: 0px;
width: 100%;
}
.left_abots h1 {
font: 1.5em Gothic;
line-height: 37px;
}
.left_abots h1 strong {
background-color: #f1d135;
color: white;
margin-left: 4px;
}
section.about {
margin-top: 26px;
}
.middle {
max-width: 1150px;
margin: 0 auto;
/*width: 100%;*/
width: 98%;
}
.about_name > .left_side_about {
max-width: 860px;
float: left;
margin: 0px;
padding: 0px;
width: 100%;
}

.about_name > .left_side_about h1{
font: 1.5em Century Gothic;
color: rgb(48, 48, 48)ss;
text-transform: uppercase;
display: block;
border-bottom: 0px;
margin: 0px;
padding: 0px 0px 38px 6px;
line-height: 20px;
width: 100%;
text-align: center;
}
.us_about p {
font: 16px Century Gothic;
text-align: justify;
line-height: 25px;
color: #4b4a4b;
display: table;
margin: 0px;
padding: 0px;
margin-bottom: 29px;
width: 90%;
margin: 0 auto;
}
.us_about > p > img {
margin: 0px 19px 0px 0px;
float: none;
width: 100%;
max-width: 479px;
margin: 0 auto 20px auto;
}
.us_about h2 {
padding-top: 20px;
width: 90%;
margin: 0 auto;
}
.us_about h2 {
padding-top: 20px;
width: 90%;
margin: 0 auto;
font: 1.2em gothic;
text-align: center;
}
ul.about_li {
margin: 0px;
padding: 0px;
margin-bottom: 20px;
width: 90%;
margin: 0 auto;
}
.about_name > .left_side_about{
margin: 0px 0px 50px 0px;
}
.right_get {
float: none;
max-width: 245px;
margin-left: auto;
width: 100%;
margin: 0 auto !important;
}



/*-----------aboutus PAGE--------------end------------320------*/

/*-----------products PAGE--------------start--------320----------*/

.about_tags {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
/*margin-top: 67px;*/
margin-top: 140px;
}



/*-----------products PAGE--------------end--------320----------*/

/*-----------sandstone PAGE--------------end----------320--------*/

.left_abots.pro {
margin-top: -20px !important;
}
.middle > .product_list > .pd_content {
float: left;
max-width: 1103px;
width: 90%;
padding: 5%;
}
.pd_section{
margin-top: -0px !important;
}
.pd_cnt_part1_cont {
max-width: 985px;
margin: 0 auto;
width: 100%;
}
section.product.pd_section > h3#sto {
margin-top: 0px !important;
width: 100%;
float: left;
width: auto;
border-bottom: 1px solid #aba;
text-transform: uppercase;
font: 20px/25px gothic;
padding-bottom: 17px;
margin: 0px 0px 15px 0px;
width: 90% !important;
color: #dcb827;
font-weight: bold;
display: block !important;
margin: 0 0 0 5% !important;
position: absolute;
top: 37px;
display:none !important;
}
section.product.pd_section > h3#sto span {
color: #000;
display:block !important;
float: left;
margin-right: 7px;
}
#sto{
/*margin: -447px 0 0 -16px !important;
font-size: 19px;
width: 100%;
text-align: center;*/

/*font-size: 19px;
width: 100%;
text-align: center;
position: absolute;
top: 356px;*/

/*font-size: 19px;
width: 81%;
text-align: center;
position: fixed;
top: 51px;
margin: 0 !important;
max-width: 479px;*/
font-size: 16px;
width: 100%;
text-align: center;
position: absolute;
/*top: -437px;*/
/*top: -773px;*/
top: -690px;
max-width: 479px;
margin: 0 0 0 -4% !important;

}

div.slideshow-container {
position: relative;
clear: both;
height: 330px;
}




.pd_part1_cnt p {
float: left;
color: #2e2e2e;
font: 13px/18px gothic;
text-align: justify;
min-height: 280px;
}
.pd_part1_cnt > div#page {
background-color: #fff;
margin: 0px;
float: left;
max-width: 990px !important;
max-height: 400px !important;
width: 100% !important;
height: 290px !important;
}
.pd_part1_cnt > div#page  > div.content {
display: none;
/*float: left;
max-width: 404px;
margin: 0px;*/
float: none;
max-width: 404px;
margin: 0 auto;
padding: 0px;
width: 100%;
}
div.slideshow span.image-wrapper {
display: block;
position: absolute;
/*top: 80px;*/
top: 0px;
left: 0;
width: 100%;
max-width: 480px;
}
div.slideshow span.image-wrapper  > a.advance-link{
width: 100%;
max-width: 475px;
}
div.slideshow img {
border: 1px solid #ccc;
max-width: 403px;
max-height: 200px;
margin-left: 0px;
width: 72%;
}
div.caption-container {
position: relative;
float: left;
height: 75px;
display: block;
color: black;
/*top: -325px;*/
top:0px;
width: 100%;
}
span.image-caption {
display: block;
position: absolute;
max-width: 400px;
top: 0;
left: 0;
width: 100%;
}
div.caption {
padding: 12px;
width: 100%;
}
#stoc {
/*background-color: #000;
color: white;
font-family: "tahoma";
font-size: 15px;
left: 4px;
margin-top: -36px;
opacity: 0.6;
padding: 15px;
position: absolute;
top: -18px;
max-width: 480px;
width: 90%;*/



/*background-color: #000;
color: white;
font-family: "tahoma";
font-size: 15px;
left: 14.8%;
margin-top: -36px;
opacity: 0.6;
padding: 3% 2%;
position: absolute;
top: auto;
max-width: 480px;
width: 69%;
bottom: -751%;*/

background-color: #000;
color: white;
font-family: "tahoma";
font-size: 15px;
left: 14.2%;
margin-top: -36px;
opacity: 0.6;
padding: 3% 1.8%;
position: absolute;
top: auto;
max-width: 480px;
width: 69%;
bottom: 599%;


}
.slider_border {
float: left;
margin-left: 60px;
margin-top: 70px;
display: none;
}
div.navigation {
max-width: 350px !important;
/*float: right !important;
margin-right: 0px;*/
position: relative;
float: none !important;
margin: 0 auto;
z-index: 99999;
width: 100% !important;
top: -170px;
}
div.navigation div.top {
max-width: 440px;
margin-top: 0px;
position: absolute;
margin-left: 0px;
height: 107px;
background-color: transparent;
z-index: -11111;
width: 100%;
}
ul.thumbs {
margin: 0 auto;
padding: 0;
max-width: 480px;
margin-top: -5px;
width: 100%;
}
ul.thumbs li {
float: left;
padding: 0;
margin: 1% 1%;
list-style: none;
opacity: 1 !important;
/*width: 31%;*/
width: 23%;
}
ul.thumbs li.selected a.thumb {
background: #000;
width: 94%;
}
ul.thumbs img{
width: 100%;
height: 47px;
}
.pd_cnt_part2 {
float: left;
/*margin-top: 420px;*/
/*margin-top: 230px;*/
margin-top: 160px;
width: 100%;
}
pd_cnt_part2_lt {
float: left;
max-width: 515px;
margin: 0px;
width: 100%;
}
pd_cnt_part2_lt h3 {
float: left;
width: auto;
border-bottom: 1px solid #ababab;
text-transform: uppercase;
font: 20px/15px gothic;
padding-bottom: 20px;
margin: 0px 0px 16px 0px;
}
.pd_feature_list h4 {
color: #4e4e4e;
float: left;
width: 100%;
text-transform: uppercase;
font: bold 15px/0px gothic;
}
.pd_feature_list ul li {
display: list-item;
float: left;
width: 100%;
margin: 0px;
padding: 4px 0px;
font: 15px/13px gothic;
color: #4e4e4e;
}
.pd_cnt_part2_lt {
float: left;
max-width: 515px;
margin: 0px;
width: 100%;
}
.pd_cnt_part2_lt h3 {
float: left;
width: 100%;
border-bottom: 1px solid #ababab;
text-transform: uppercase;
font: 20px/10px gothic;
padding-bottom: 20px;
margin: 0px 0px 16px 0px;
text-align:center;
}
.pd_cnt_part2_rt {
/*float: right;
max-width: 380px;
padding: 0px;
margin: 0px 0px 0px 0px;*/
float: none;
max-width: 380px;
padding: 0px;
margin: 0 auto;
width: 100%;
}
.pd_cnt_part2_rt h3{
float: left;
border-bottom: 1px solid #ababab;
text-transform: uppercase;
font: 20px/10px gothic;
padding-bottom: 20px;
margin: 0px 0px 16px 0px;
width: 100%;
text-align: center;
}
.pd_con_frm {
float: left;
max-width: 352px;
border: 1px solid #bababb;
padding: 5% 2%;
text-align: center;
width: 96%;
}
.pd_cnt_part3 {
float: left;
max-width: 990px;
margin: 20px 0px 0px 0px;
width: 100%;
}
.pd_part3_top h4 {
color: #4e4e4e;
float: left;
width: 100%;
text-transform: uppercase;
font: bold 17px/21px gothic;
margin: 0px 0px 5px 0px;
text-align: center;
}
.pd_prop {
float: left;
width: 95%;
padding: 0px 0px 0px 20px;
background-image: url(../images/square.png);
margin: 12px 0px 0px 0px;
background-repeat: no-repeat;
background-position: 0px 8px;
}
.pd_prop p {
margin: 0px;
padding: 0px;
font: 14px/17px gothic;
color: #4e4e4e;
display: inline;
}
.pd_prop h5 {
color: #4e4e4e;
text-transform: uppercase;
font: bold 14px/17px gothic;
display: inline;
}
.pd_part3_btm h4 {
color: #4e4e4e;
float: left;
width: 100%;
text-transform: uppercase;
font: bold 16px/22px gothic;
text-align: center;
}
.pd_part3_btm p {
margin: 10px 0px 0px 0px;
padding: 0px;
font: 14px/17px gothic;
text-align: justify;
color: #4e4e4e;
float: left;
}
.pd_part1_list h6 {
float: left;
max-width: 488px;
border-bottom: 1px solid #bdbdbd;
margin: 0px;
font: 14px/17px gothic;
color: #4e4e4e;
padding: 5px 0px 5px 1%;
width: 98%;
text-align: right;
}
.pd_part1_list h6 span {
color: #4e4e4e;
text-transform: capitalize;
font: bold 14px/17px gothic;
max-width: 345px;
float: left;
width: 50%;
text-align: left;
}
.pd_cnt_txt {
margin: 20px 0px 0px 0px !important;
font: 14px/17px gothic !important;
width: 100%;
float: left;
}

.box1 {
max-width: 327px;
background-color: #eeeff0;
padding: 1% 2%;
margin: 0px 0px 15px 0px;
font: 14px gothic;
color: #585858;
height: 20px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
outline: 1px solid #DBD2D2;
width: 95%;
}
.box2{
max-width: 327px;
background-color: #eeeff0;
padding: 1% 2%;
margin: 0px 0px 15px 0px;
font: 14px gothic;
color: #585858;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
outline: 1px solid #DBD2D2;
width: 95%;
}

/*-----------sandstone PAGE--------------end----------320-------*/


/*-----------gallery PAGE--------------start----------320-------*/

.con_container {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}
.gallery_view {
float: left;
margin: 0 auto;
padding: 0px;
margin-left: 0px;
width: 100%;
}
.scl {
width: 100%;
margin: 0 auto;
}
ul.gallery {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
margin: 0 auto;
}
ul.gallery li {
list-style: none;
margin: 0 auto;
margin-bottom: 18px;
float: none;
padding: 3px;
max-width: 260px;
height: 195px;
background-color: white;
box-shadow: 0px 0px 3px black;
width: 100%;
}
.left_abots.pro.con_hd.packaging_heading {
margin-top: 50px !important;
margin-left: 5%;
}
.left_abots.pro.con_hd.gallery_heading {
margin-top: 0px !important;
margin-left: 5%;
}

/*-----------gallery PAGE--------------end----------320-------*/

/*-----------manpower PAGE--------------start----------320-------*/

.factory_left {
float: left;
margin: 0px;
padding: 0px;
max-width: 750px;
margin-right: auto;
width: 100%;
}
.factory_left h1 {
float: left;
width: 100%;
text-transform: uppercase;
padding: 0px 0px 10px 0px;
font: 23px/29px gothic;
color: #393939;
text-align: center;
}
.factoey_im {
float: left;
width: 100%;
}
.factoey_im img {
margin: 0px;
padding: 0px;
border: 3px solid rgb(222, 222, 222);
margin-top: 20px;
width: 98%;
}
.factoey_im > p {
float: initial;
text-align: justify;
font: 15px/26px gothic;
color: #59595a;
width: 95%;
margin-top: 15px;
margin: 10px auto;
}
.factory_imgs {
float: left;
margin-top: 15px;
max-width: 1150px;
width: 100%;
}
.factory_right {
float: right;
margin: 0px;
max-width: 380px;
width: 100%;
}
.cont_section {
float: none;
width: 90%;
margin: 0 auto;
}
.left_abots.pro.con_hd.manpower_heading h1{
float: none;
}
.left_abots.pro.con_hd.manpower_heading span {
font: 1.6em Gothic;
}
.left_abots.pro.con_hd.manpower_heading {
margin-left: 5%;
}


/*-----------manpower PAGE--------------end----------320-------*/


/*-----------packaging PAGE--------------start----------320-------*/

.pack {
max-width: 850px;
float: none;
margin: 0 auto;
width: 100%;
}
.pack > h1{
font: 1.5em gothic;
color: #3a3a3a;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #f8d219;
margin: 0px;
padding: 0px 0px 21px 0px;
line-height: 20px;
}
.pack p {
float: left;
text-align: justify;
font: 15px/26px gothic;
color: #59595a;
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}
.left_abots.pro.con_hd.packaging_heading {
margin-top: 0px !important;
margin-left: 5%;
}

/*-----------packaging PAGE--------------end----------320-------*/

/*-----------contactus PAGE--------------start----------320-------*/

.con_part1 h1 {
margin: 0px 0px 22px 0px;
padding: 0px 0px 20px 0px;
height: 24px;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
font: 1.5em gothic;
}
.con_part1_lt {
max-width: 450px;
float: left;
margin: 0 auto;
padding: 0px;
width: 100%;
}
.con_lt1 {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0px 0px 15px 0px;
border-bottom: 1px solid #d8d8d8;
}
.con_lt1 h4 {
font: 19px gothic;
color: #444545;
float: left;
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
text-transform: uppercase;
}
.con_lt1 h5 {
font: 13px gothic;
color: #525352;
float: left;
width: 100%;
margin: 5px 0 0 0;
padding: 0px 0px 5px 0px;
text-transform: uppercase;
}
.con_lt1 h6 {
font: 13px gothic;
color: #676767;
float: left;
width: 100%;
margin: 3px 0px 0px 0px;
padding: 0px;
}
.con_img {
margin-left: 0px;
float: left;
margin: 0px 15px 0px 0px;
width: 12px;
height: 21px;
}
.con_lt2 h4 {
font: 19px gothic;
color: #454546;
float: left;
width: 100%;
margin: 0px;
text-transform: uppercase;
padding: 0px 0px 10px 0px;
}
.con_part1_rt {
max-width: 632px;
float: right;
margin: 0px;
padding: 0px;
width: 100%;
}
.cnt_box1 {
max-width: 100%;
width: 96%;
background-color: #f2efee;
padding: 1% 2%;
margin: 0px 0px 15px 0px;
font: 14px gothic;
color: #6e6e6f;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
outline: 1px solid #DBD2D2;
font-weight: 600;
}
.mgn_lft {
margin-left: 0px !important;
}
.cnt_box2 {
max-width: 612px;
background-color: #f2efee;
padding: 1% 2%;
margin: 0px 0px 15px 0px;
font: 14px gothic;
color: #6e6e6f;
height: 150px;
border: none;
width: 96.6%;
}
input.cnt_box3{
padding: 10px 45px;
background-color: #f8d219;
border: 1px solid white;
box-shadow: 0px 0px 1px rgb(107, 107, 107);
margin-left: 28%;
margin-top: 2px;
font: 14px Arial;
text-transform: uppercase;
cursor: pointer;
float: right;
}
.con_part2 h1 {
margin: 0px 0px 22px 0px;
padding: 0px 0px 20px 0px;
height: 24px;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
font: 1.5em gothic;
}

.con_lt2 a {
font: 14px gothic;
color: #3a3a3a;
float: left;
width: 100%;
margin: 0px;
padding: 0px 0px 5px 0px;
text-decoration: none;
}

.con_map {
float: left;
max-width: 617px;
max-height: 342px;
width: 95%;
}
.left_abots.pro.con_hd.contactus_heading span {
font: 2em Gothic;
}
.left_abots.pro.con_hd.contactus_heading h1 {
float: none;
}
.left_abots.pro.con_hd.contactus_heading {
margin-left: 5%;
margin-top: -30px !important;
}



/*-----------contactus PAGE--------------end----------320-------*/

span#js_text2 {
position: absolute;
top: -119px;
left: 14%;
font-size: 14px;
}

/*-----------mosaic-wallpanels-PAGE--------------start----------320-------*/

.pd_part1_lt h3 {
float: left;
width: auto;
border-bottom: 1px solid #aba;
text-transform: uppercase;
font: 20px/25px gothic;
width: 100%;
text-align: center;
} 
ul.thumbs > li > p {
min-height: initial;
font-size: 10px !important;
margin-left: 0% !important;
width: 100%;
text-align: center;
}
p.head_detail.head_detail1 {
margin-top: 10px;
min-height: initial !important;
}
.head_detail2 {
margin-top: 10px;
min-height: initial !important;
}
p.mgn1{
min-height: initial !important;
}
/*-----------mosaic-wallpanels-PAGE--------------end----------320-------*/



/*------------circle-PAGE--------------start----------320-------*/
h3.sto1 {
top: -873px !important;
font-size: 16px !important;
padding-bottom: 0px;
}
p.head_detail.head_detail3 {
margin-top: 10px;
min-height: 226px !important;
}
p.head_detail4{
margin-top: 10px;
min-height: 90px !important;
}
p.mgn1_2 {
margin-top: 10px;
min-height: 144px !important;
}

/*------------circle-PAGE--------------end----------320-------*/


/*------------roofing-PAGE--------------start----------320-------*/

p.head_detail.head_detail5 {
min-height: 146px;
margin-top: 10px;
}
p.head_detail5_2 {
min-height: 110px;
}
h3.sto2 {
top: -650px !important;
display: none !important;
}
h3#storoofing {
display: block !important;
margin-top: -663px !important;
margin-left: -13px;
text-align: center;
}
.pd_cnt_part2.part2 {
margin-top: 40px;
}
.pd_cnt_part2.part2 h3 {
font: 16px/10px gothic;
}
ul.thumbs.thumbsroofing > li {
width: 31%;
}


/*------------roofing-PAGE--------------start----------320-------*/

/*------------spheres-PAGE--------------start----------320-------*/
/* p.head_detail.sphereshead_detail {
max-height: 226px;
margin-top: 10px;
min-height: 152px;
}
p.sphereshead_detail2 {
min-height: 110px;
max-height: 130px;
}*/

p.head_detail.sphereshead_detail {
min-height: 226px;
margin-top: 10px;
}
p.sphereshead_detail2 {
min-height: 130px;
}
.sto_speheres {
top: -750px !important;
font-size: 15px !important;
}
div.navigation div.top {
max-width: 105% !important;
margin-top: -100px;
width: 105% !important;
margin-left: -2.2% !important;
}


/*------------spheres-PAGE--------------end----------320-------*/

/*------------steps-PAGE--------------start----------320-------*/

p.head_detail.stepshead_detail {
min-height: 172px;
margin-top: 10px;
}
p.stepshead_detail2 {
min-height: 126px;
}
h3#sto.sto_steps {
top: -692px !important;
font-size: 15px;
}



/*------------steps-PAGE--------------end----------320-------*/

/*------------stepping-PAGE--------------start----------320-------*/
p.head_detail.steppinghead_detail {
min-height: 126px;
margin-top: 10px;
}
p.steppinghead_detail2 {
min-height: 108px;
}
p.steppinghead_detail3 {
min-height: 306px;
}


h3#sto.sto_stepping {
top: -931px !important;
font-size: 15px;   
}


/*------------stepping-PAGE--------------end----------320-------*/




}
/*---media 320px-479px-end----*/














@media (min-width:480px) and (max-width:767px){
/*-----------HOME PAGE--------------START------------------*/
.nav{
display: none;
}

.top {
padding: 4px 0px 3px;
}
.header_top {
max-width: 1150px;
margin: 0 auto;
padding: 0px;
width:100%;
}
.right_top_head {
width:100%;
}
.top_info {
width: 100%;
}
a.email_top, span.call_top {
display: none;
}
.sel_lg {
float: right;
margin-right: 2%;
padding: 0px;
height: 23px;
z-index: 99999;
position: relative;
top: 0;
}


.head {
max-width: 1150px;
width: 100%;
margin: 0 auto;
}
.logo {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
}
.logo img {
width: 97%;
max-width: 300px;
}
p.social_tag {
display: none;
}
#navigation{
display:block;
position: relative;
top: -91px;
left: 0px;
width: 98%;
z-index: 0;
padding-left: 1%;
padding-right: 1%;
}
nav#navigation a {
color: white;
/*font-weight: bolder;*/
}
nav#navigation > ul {
display: none;
/*background-color: rgba(246, 210, 26, 0.56);*/
background-color: rgba(0, 0, 0, 0.59);
width: 94%;
position: relative;
top: 0px;
padding: 2%;
}
nav#navigation > ul > li {
width: 100%;
text-align: center;
padding: 1% 0;
/*margin: 1% 0;*/
font-size: 12px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
nav#navigation > ul > li:hover {
/*background-color: #f6d21a;*/
transition:all ease-in 0.1s;
}
nav#navigation > ul > li:hover a{
/*color:#000;*/
color:#f6d21a;
transition:all ease-in 0.1s;
}
li.first{
border-top: 2px solid #fff !important;
}
 li.last {
border-bottom: 2px solid #fff !important;
 }
nav#navigation ul li ul {
background-color: transparent;
display: none;
/*margin-bottom: -5px;
margin-top: 3px;*/
margin-bottom: -1.4%;
margin-top: 1%;
}
nav#navigation > ul > li> #navigation_list1 > li{
width: 100%;
text-align: center;
padding: 1% 0;
/* margin: 1% 0; */
font-size: 12px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

nav#navigation > ul > li:hover > #navigation_list1 > li {
/*background-color: rgba(0, 0, 0, 0.59) !important;
width: 106%;
margin-left: -2%;*/
color: white !important;
width: 100%;
text-align: center;
padding: 1% 0;
/* margin: 1% 0; */
font-size: 12px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
nav#navigation > ul > li:hover > #navigation_list1 > li > a{
color: white !important;
}
nav#navigation > ul > li > #navigation_list1 > li:hover a {
color: #f6d21a !important;
}
#navigation > ul {
top: 70px;
overflow: scroll;
margin-bottom: -5px;
max-height: 140px;
}
::-webkit-scrollbar { 
    display: none; 
}




#page-wrap {
width: 100%;
margin: 0px;
position: relative;
/*min-height: 200px;*/
min-height: 300px;
}
.stripViewer {
position: relative;
overflow: hidden;
width: 100%;
/* height: 498px; */
float: left;
/*min-height: 200px;
height: 200px;*/
min-height: 300px;
height: 300px;
}
.panelContainer > .panel > .wrapper{
width: 100%;
max-width: 767px;
}
.slide img {
/*max-width: 24% !important;
margin: 0px;
padding: 0px;
min-height: 200px;*/


/*width: 36% !important;
margin: 0px;
padding: 0px;
min-height: 200px;
max-width: 480px;*/
width: 100% !important;
margin: 0px;
padding: 0px;
min-height: 300px;
max-width: 767px;

}
.slide_text {
/*max-width: 1150px;
margin: 0 auto;
position: absolute;
top: auto;
overflow: hidden;
display: block;
right: 43%;
left: auto;
bottom: 44%;*/
max-width: 1150px;
margin: 0 auto;
position: absolute;
/*top: auto;*/
overflow: hidden;
display: block;
/*right: 43%;
left: auto;*/
right: auto;
left: 0%;
/*bottom: 44%;*/
width: 100%;
}
.slids {
/*float: right;
margin: 0px;
padding: 0px;
max-width: 530px;
width: 67%;*/
float: left;
margin: 0px;
padding: 0px;
max-width: 480px;
width: 100%;
}

.slids p {
font: 19px Conv_Dosis-Regular;
color: white;
padding: 8px 17px 8px 17px;
text-transform: uppercase;
line-height: 24px;
word-wrap: normal;
word-spacing: normal;
word-break: normal;
background-image: url(../images/slide_text_bg.png);
background-repeat: repeat;
}


li.productsli {
position: relative;
}
li.productsli > a:after {
content: '>';
font-weight: bolder;
font-size: 15px;
position: absolute;
right: -25%;
top: 0px;
transition: all ease 0.5s;
}
/*a#toggle2:hover:after {
transform: rotate(90deg);
}
a#toggle2:active:after {
transform: rotate(90deg);
}*/
.rotate:after {
content: '>';
font-weight: bolder;
font-size: 15px;
position: absolute;
right: -25%;
top: 0px;
transform: rotate(90deg);
transition: all ease 0.5s;
}
li.productsli a {
position: relative;
}

/*-----after-slider-----*/

section{
 width: 100%;
margin: 0px;
padding: 0px;
float: left;
margin-top: 20px;
}
.middle {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}

.wel_come h3 {
font: 1.2em gothic;
color: #3a3a3a;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #f8d219;
margin: 0px;
padding: 0px 0px 21px 0px;
line-height: 20px;
float: left;
text-align: center;
width: 100%;
}

a.quick_enq {
position: fixed;
top: 185px;
right: 0px;
z-index: 999999;
width: 9%;
max-width: 28px;
}
a.quick_enq img {
margin: 0px;
width: 100%;
}



.wel_come h3 {
font: 1.5em gothic;
color: #3a3a3a;
text-transform: uppercase;
display: block;
border-bottom: 0px solid #f8d219;
margin: 0px;
padding: 0px 0px 0px 0px;
line-height: 20px;
float: left;
text-align: center;
width: 100%;
}
.wel_come h1 {
font: 1.5em gothic;
color: #3a3a3a;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #f8d219;
margin: 0px;
padding: 0px 0px 21px 8px;
line-height: 20px;
float: left;
width: 100%;
text-align: center;
padding: 0px 0px 15px 0px;
}
.left_part {
float: left;
/*max-width: 362px;*/
max-width: 100%;
margin: 0px;
padding: 0px;
width: 100%;
}
.left_part > .about_text img {
width: 100%;
}
.left_part h2 {
font: 1.1em gothic;
margin: 0px;
padding: 10px 0px;
text-transform: uppercase;
display: table;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
}

.center_part {
margin: 0px;
padding: 0px;
/*max-width: 362px;*/
/*max-width: 100%;*/
float: none !important;
max-width: 480px;
width: 100%;
margin-left: 0;
margin-right: 0;
width: 100%;
margin:0 auto;
height:565px;
}

.right_part > h2 {
    float: left;
}
.customer > #content {
/*width: 100%;
max-width: 300px;
margin: 0 auto;*/
width: 100%;
max-width: 480px;
margin: 0 auto;
}
#content_inner {
/*max-width: 360px;
margin: 0px;
position: relative;
float: left;
height: 154px;
width: 100%;*/
max-width: 480px;
margin: 0px;
position: relative;
float: left;
height: 225px;
width: 100%;
}
.customer {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
padding-bottom: 75px;
}
.slides1_wrap {
/*position: relative;
padding: 0px;
width: 94%;
margin: 0 auto;*/
position: relative;
padding: 0px;
width: 100%;
margin: 0 auto;
}
.slides1_wrap .bxslider_container {
width: 480px !important;
margin-left: -3%;
}
a.next img {
margin-right: 30px;
}
#slides1 li {
/*list-style: none;
max-width: 360px;
width: 100%;
margin-right: 0px !important;  */
/*min-width: 240px;
width: 243px !important;
margin-right: 30px !important;
margin-left: 30px !important;-*/
min-width: 480px;
width: 480px !important;
margin-right: 30px !important;
margin-left: 30px !important;
}
#content h2 {
font-size: 14px;
font-weight: normal;
color: rgb(48, 48, 48);
padding-bottom: 17px;
border-bottom: dotted #ccc 1px;
padding-top: 20px;
padding-bottom: 21px;
/* margin-top: 13px; */
float: left;
/*width: 84%;*/
width:95%;
padding: 20px 0;
text-align: center;
margin: 0px;
}
#slides1 .content {
/*float: left;
max-width: 350px;
padding-left: 0px;
padding: 20px 0px 0px 0px;
width: 84%;*/
/*float: none;
padding-left: 0px;
padding: 20px 0px 0px 5%;
max-width: 480px;
width: 100%;   */
float: none;
padding-left: 0px;
padding: 17% 0% 0px 3%;
max-width: 480px;
width: 88%;
}
#slides1 .content > p{
line-height: 18px;
font-size: 13px;
}
.client_tes {
float: left;
/*float:none;*/
width: 90%;
margin: 0 auto;  
padding: 15px 20px;
border: 1px solid #c0c0c0;
min-height: 160px;
}
.slideshow {
max-width: 100%;
list-style: none;
position: relative;
width: 100%;
}
#bxslider li {
/*max-width: 325px;*/
width: 100%;
max-width: 100% !important;
}
.client_tes p {
display: block;
float: left;
padding: 3px;
font: 15px arial;
}
.right_part {
max-width: 276px;
margin: 0px;
float: left;
padding: 0px;
width: 100%;
}
.right_part {
max-width: 276px;
margin: 0px;
float: none;
padding: 0px;
width: 100%;
margin: 0 auto;
}
.country_flags {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
padding-top: 0px;
margin-left: 0;
}
.country_flags_row {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
text-align: center;
margin: 0 auto;
max-width: 100px;
float: none;
}
.country_flags_row img {
margin: 0px;
width: 100%;
height: auto;
}
.country_flags_row span {
display: block;
font: 15px gothic;
color: #3a3a3a;
margin-top: 0px;
margin-bottom: 14px;
}

.center_content h2 {
font: 1.5em gothic;
margin: 0px;
padding: 21px 0px;
text-transform: uppercase;
display: table;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
width: 100%;
float: left;
}

h2.flag {
float: left;
font: 1.2em gothic;
margin: 0px;
padding: 21px 0px;
text-transform: uppercase;
display: table;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
}



/*----------footer----------*/

.footer {
max-width: 1150px;
margin: 0 auto;
width: 96%;
padding: 1% 2%;
}
.foot_left {
/*margin: 0px;
max-width: 100%;*/
margin: 0 auto;
max-width: 100%;
float: none;
}
.foot_menu {
float: left;
margin: 0px;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.foot_address {
width: 100%;
float: left;
margin: 0px;
padding: 0px;
margin-top: 35px;
}
.right_foot {
float: right;
width: 100%;
margin: 0px;
padding: 0px;
}
.foot_left h2 {
color: white;
padding: 21px 0px 13px 0px;
width: 100%;
text-align: center;
font: 1.1em gothic;
}
.foot_left p {
color: white;
font: 12px gothic;
line-height: 18px;
}
.foot_menu ul {
margin: 0px;
padding: 0px;
float: left;
margin-top: 10px;
width: 100%;
}

.foot_menu {
/*float: left;
margin: 0px;
margin-left: 0;
margin-right: 0;
width: 100%;*/
float: left;
margin: 0 auto;
margin-left: 0;
margin-right: 0;
width: 100%;
text-align: center;
}
.foot_menu ul {
/*margin: 10px 0;
padding: 0px;
float: left;
margin-top: 10px;
width: 100%;*/
margin: 10px auto auto auto;
padding: 0px;
float: none;
margin-top: 10px;
width: 67%;
max-width:100%;
width: 307px;
}
.foot_menu ul li {
margin: 0px;
padding: 0px;
list-style: none;
width: auto;
float: left;
text-align: center;
border: 1px solid #fff;
/* margin-bottom: 2px; */
padding: 0 2%;
margin-right: 1.7%;
}
.foot_menu ul li a {
color: white;
font: 12px gothic;
text-transform: uppercase;
text-decoration: none;
line-height: 22px;
}
.foot_menu ul li:hover {
/*background-color: #E6AE00;*/
/* background-color: #E6AE00; */
/* background-color: #fff; */
border-right: 1px solid transparent;
border-left: 1px solid transparent;
/* border-top: 1px solid transparent; */
}
.foot_menu ul li:hover a{
/*color:#000;*/
color: #E6AE00;
}
.foot_address p {
color: white;
text-align: center;
font: 13px gothic;
line-height: 18px;
margin-top: -14px;
}
.social {
/*width: 100%;*/
width: 300px;
float: none;
padding: 0px;
margin: 10px auto auto auto;
margin-top: 10px;
}
 
.social span {
float: left;
margin: 0px;
padding: 12px 0px;
font: 13px gothic;
text-transform: uppercase;
color: white;
margin-right: 10px;
margin-left: 12px;
}

.footer p.craft_by {
width: 100%;
text-align: center;
}
.footer p.copyright {
width: 100%;
text-align: center;
font-size: 13px;
}

/*#slides1 {
left: -314px !important;
}*/

.brochure {
float: none;
padding: 0px;
width: 311px;
margin: 0 auto;
}

.about_text {
width: 99.5%;
float: left;
margin: 0 auto;
padding: 0px;
border: 1px solid #c0c0c0;
min-height: 370px;
}
.right_part > h2 {
    float: left;
}


/*-----------HOME PAGE--------------END---------480---------*/

/*-----------aboutus PAGE--------------start----------480--------*/


.slide > img {
width: 100% !important;
margin: 0px;
padding: 0px;
height: 200px;
}
.slide > .slide_text  {
max-width: 1150px;
margin: 0 auto;
position: absolute;
top: 8%;
overflow: hidden;
display: block;
right: 0px;
left: 0px;
width: 100%;
}
.left_abots h1 {
font: 1.5em Gothic;
line-height: 37px;
}
.left_abots h1 strong {
background-color: #f1d135;
color: white;
margin-left: 4px;
}
section.about {
margin-top: 26px;
}
.middle {
max-width: 1150px;
margin: 0 auto;
width: 98%;
}
.about_name > .left_side_about {
max-width: 860px;
float: left;
margin: 0px;
padding: 0px;
width: 100%;
}

.about_name > .left_side_about h1{
font: 1.5em Century Gothic;
color: rgb(48, 48, 48)ss;
text-transform: uppercase;
display: block;
border-bottom: 0px;
margin: 0px;
padding: 0px 0px 38px 6px;
line-height: 20px;
width: 100%;
text-align: center;
}
.us_about p {
font: 16px Century Gothic;
text-align: justify;
line-height: 25px;
color: #4b4a4b;
display: table;
margin: 0px;
padding: 0px;
margin-bottom: 29px;
width: 90%;
margin: 0 auto;
}
.us_about > p > img {
float: left;

margin: 0 20px 0px auto;
}
.us_about h2 {
padding-top: 20px;
width: 90%;
margin: 0 auto;
}
.us_about h2 {
padding-top: 20px;
width: 90%;
margin: 0 auto;
font: 1.2em gothic;
text-align: center;
}
ul.about_li {
margin: 0px;
padding: 0px;
margin-bottom: 20px;
width: 90%;
margin: 0 auto;
}
.about_name > .left_side_about{
margin: 0px 0px 50px 0px;
}
.right_get {
float: none;
max-width: 100%;
margin-left: auto;
width: 90%;
margin: 0 auto !important;
}

.right_get h1 {
border-bottom: 0px;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
}
.form_r input[type="text"] {
float: left;
margin: 0px;
padding: 8px 3%;
width: 94%;
}
.form_r input[type="email"] {
float: left;
margin: 0px;
padding: 8px 3%;
width: 94%;
}
.form_r textarea {
background-image: url(../images/text_bg.jpg);
background-repeat: repeat-x;
float: left;
margin: 0px;
padding: 8px 3%;
width: 94%;
max-width: 94%;
}
.form_r input[type="submit"] {
margin: 0px;
padding: 10px 45px;
background-color: #f8d219;
border: 1px solid white;
box-shadow: 0px 0px 1px rgb(107, 107, 107);
margin-left: 34%;
margin-top: 2px;
font: 14px Arial;
text-transform: uppercase;
cursor: pointer;
width: 33%;
}
.margin_top {
margin-top: 150px;
}

/*-----------aboutus PAGE--------------end---------480---------*/
/*-----------products PAGE--------------start-------480-----------*/

.about_tags {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
margin-top: 140px;
}



/*-----------products PAGE--------------end--------480----------*/


/*-----------sandstone PAGE--------------end--------480----------*/

/*.left_abots.pro {
margin-top: 0px !important;
}*/

.left_abots.pro {
margin-top: -20px !important;
}
.middle > .product_list > .pd_content {
float: left;
max-width: 1103px;
width: 90%;
padding: 5%;
}
.pd_section{
margin-top: -0px !important;
}
.pd_cnt_part1_cont {
max-width: 985px;
margin: 0 auto;
width: 100%;
}
section.product.pd_section > h3#sto {
margin-top: 0px !important;
width: 100%;
float: left;
width: auto;
border-bottom: 1px solid #aba;
text-transform: uppercase;
font: 20px/25px gothic;
padding-bottom: 17px;
margin: 0px 0px 15px 0px;
width: 90% !important;
color: #dcb827;
font-weight: bold;
display: block !important;
margin: 0 0 0 5% !important;
position: absolute;
top: 37px;
display:none !important;
}
section.product.pd_section > h3#sto span {
color: #000;
display:block !important;
float: left;
margin-right: 7px;
}
#sto{
/*margin: -447px 0 0 -16px !important;
font-size: 19px;
width: 100%;
text-align: center;*/
/*font-size: 19px;
width: 100%;
text-align: center;
position: absolute;
top: -400px;
margin: 0 !important;*/
font-size: 16px;
width: 100%;
text-align: center;
position: absolute;
top: -650px;
max-width: 479px;
margin: 0 0 0 -4% !important;
}
.pd_part1_cnt p {
float: left;
color: #2e2e2e;
font: 13px/18px gothic;
text-align: justify;
/*min-height: 118px;*/
min-height: 235px;
height: auto;
}
.pd_part1_cnt > div#page {
background-color: #fff;
margin: 0px;
float: left;
max-width: 990px !important;
max-height: 400px !important;
width: 100% !important;
height: 290px !important;
}
.pd_part1_cnt > div#page  > div.content {
display: none;
/*float: left;
max-width: 404px;
margin: 0px;*/
float: none;
max-width: 404px;
margin: 0 auto;
padding: 0px;
width: 100%;
}
div.slideshow span.image-wrapper {
display: block;
position: absolute;
/*top: 80px;*/
top: 0px;
left: 0;
width: 100%;
max-width: 480px;
}
div.slideshow-container {
position: relative;
clear: both;
height: 328px;
}
div.slideshow span.image-wrapper  > a.advance-link{
width: 100%;
max-width: 475px;
}
div.slideshow img {
border: 1px solid #ccc;
max-width: 403px;
max-height: 200px;
margin-left: 0px;
width: 72%;
}
div.caption-container {
/*position: relative;
float: left;
height: 75px;
display: block;
color: black;
top: -325px;
width: 100%;*/
position: relative;
float: left;
height: 75px;
display: block;
color: black;
top: 0px;
width: 100%;
}
span.image-caption {
display: block;
position: absolute;
max-width: 400px;
top: 0;
left: 0;
width: 100%;
}
div.caption {
padding: 12px;
width: 100%;
}
#stoc {
/*background-color: #000;
color: white;
font-family: "tahoma";
font-size: 15px;
left: 4px;
margin-top: -36px;
opacity: 0.6;
padding: 15px;
position: absolute;
top: -18px;
max-width: 480px;
width: 90%;*/
background-color: #000;
color: white;
font-family: "tahoma";
font-size: 15px;
left: 14.2%;
margin-top: -36px;
opacity: 0.6;
padding: 3% 1.8%;
position: absolute;
top: auto;
max-width: 480px;
width: 69.7%;
bottom: 599%;
}
.slider_border {
float: left;
margin-left: 60px;
margin-top: 70px;
display: none;
}
div.navigation {
max-width: 350px !important;
/*float: right !important;
margin-right: 0px;*/
position: relative;
float: none !important;
margin: 0 auto;
z-index: 99999;
width: 100% !important;
top: -170px;
}
div.navigation div.top {
max-width: 440px;
margin-top: 0px;
position: absolute;
margin-left: 0px;
height: 107px;
background-color: transparent;
z-index: -11111;
width: 100%;
}
ul.thumbs {
margin: 0 auto;
padding: 0;
max-width: 480px;
margin-top: -5px;
width: 100%;
}
ul.thumbs li {
float: left;
padding: 0;
margin: 1% 1%;
list-style: none;
opacity: 1 !important;
/*width: 31%;*/
width: 23%;
}
ul.thumbs li.selected a.thumb {
background: #000;
width: 94%;
}
ul.thumbs img{
width: 100%;
height: 47px;
}
.pd_cnt_part2 {
float: left;
/*margin-top: 420px;*/
/*margin-top: 230px;*/
margin-top: 170px;
width: 100%;
}
pd_cnt_part2_lt {
float: left;
max-width: 515px;
margin: 0px;
width: 100%;
}
pd_cnt_part2_lt h3 {
float: left;
width: auto;
border-bottom: 1px solid #ababab;
text-transform: uppercase;
font: 20px/15px gothic;
padding-bottom: 20px;
margin: 0px 0px 16px 0px;
}
.pd_feature_list h4 {
color: #4e4e4e;
float: left;
width: 100%;
text-transform: uppercase;
font: bold 15px/0px gothic;
}
.pd_feature_list ul li {
display: list-item;
float: left;
width: 100%;
margin: 0px;
padding: 4px 0px;
font: 15px/13px gothic;
color: #4e4e4e;
}
.pd_cnt_part2_lt {
float: left;
max-width: 100%;
margin: 0px;
width: 100%;
}
.pd_cnt_part2_lt h3 {
float: left;
width: 100%;
border-bottom: 1px solid #ababab;
text-transform: uppercase;
font: 20px/10px gothic;
padding-bottom: 20px;
margin: 0px 0px 16px 0px;
text-align:center;
}
.pd_cnt_part2_rt {
/*float: right;
max-width: 380px;
padding: 0px;
margin: 0px 0px 0px 0px;*/
float: none;
max-width: 380px;
padding: 0px;
margin: 0 auto;
width: 100%;
}
.pd_cnt_part2_rt h3{
float: left;
border-bottom: 1px solid #ababab;
text-transform: uppercase;
font: 20px/10px gothic;
padding-bottom: 20px;
margin: 0px 0px 16px 0px;
width: 100%;
text-align: center;
}
.pd_con_frm {
float: left;
max-width: 352px;
border: 1px solid #bababb;
padding: 5% 2%;
text-align: center;
width: 96%;
}
.pd_cnt_part3 {
float: left;
max-width: 990px;
margin: 20px 0px 0px 0px;
width: 100%;
}
.pd_part3_top h4 {
color: #4e4e4e;
float: left;
width: 100%;
text-transform: uppercase;
font: bold 17px/21px gothic;
margin: 0px 0px 5px 0px;
text-align: center;
}
.pd_prop {
float: left;
width: 95%;
padding: 0px 0px 0px 20px;
background-image: url(../images/square.png);
margin: 12px 0px 0px 0px;
background-repeat: no-repeat;
background-position: 0px 3px;
}
.pd_prop p {
margin: 0px;
padding: 0px;
font: 14px/17px gothic;
color: #4e4e4e;
display: inline;
}
.pd_prop h5 {
color: #4e4e4e;
text-transform: uppercase;
font: bold 14px/17px gothic;
display: inline;
}
.pd_part3_btm h4 {
color: #4e4e4e;
float: left;
width: 100%;
text-transform: uppercase;
font: bold 16px/22px gothic;
text-align: center;
}
.pd_part3_btm p {
margin: 10px 0px 0px 0px;
padding: 0px;
font: 14px/17px gothic;
text-align: justify;
color: #4e4e4e;
float: left;
}
.pd_part1_list h6 {
float: left;
max-width: 100%;
border-bottom: 1px solid #bdbdbd;
margin: 0px;
font: 14px/17px gothic;
color: #4e4e4e;
padding: 5px 0px 5px 1%;
width: 98%;
text-align: right;
}
.pd_part1_list h6 span {
color: #4e4e4e;
text-transform: capitalize;
font: bold 14px/17px gothic;
max-width: 345px;
float: left;
width: 50%;
text-align: left;
}
.pd_cnt_txt {
margin: 20px 0px 0px 0px !important;
font: 14px/17px gothic !important;
width: 100%;
float: left;
}

.box1 {
max-width: 327px;
background-color: #eeeff0;
padding: 1% 2%;
margin: 0px 0px 15px 0px;
font: 14px gothic;
color: #585858;
height: 20px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
outline: 1px solid #DBD2D2;
width: 95%;
}
.box2{
max-width: 327px;
background-color: #eeeff0;
padding: 1% 2%;
margin: 0px 0px 15px 0px;
font: 14px gothic;
color: #585858;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
outline: 1px solid #DBD2D2;
width: 95%;
}

/*-----------sandstone PAGE--------------end--------480----------*/

/*-----------gallery PAGE--------------start----------480-------*/

.con_container {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}
.gallery_view {
float: left;
margin: 0 auto;
padding: 0px;
margin-left: 0px;
width: 100%;
}
.scl {
width: 100%;
margin: 0 auto;
}
ul.gallery {
float: left;
margin: 0px;
padding: 1%;
width: 98%;
margin: 0 auto;
}
ul.gallery li {
list-style: none;
margin: 1%;
float: left;
padding: 3px;
/*max-width: 220px;*/
height: auto;
background-color: white;
box-shadow: 0px 0px 3px black;
width: 46.5%;
}
ul.gallery li a img {
max-width: 100%;
height: auto;
margin: 0px;
width: 100%;
min-height: 195px;
}
ul.gallery li a {
width: 100% !important;
height: 100% !important;
clear: both !important;
position: relative;
top: 2px !important;
}
.left_abots.pro.con_hd.packaging_heading {
margin-top: 50px !important;
margin-left: 5%;
}
.left_abots.pro.con_hd.gallery_heading {
margin-top: 50px !important;
margin-left: 8%;
}
/*-----------gallery PAGE--------------end----------480-------*/

/*-----------manpower PAGE--------------start----------480-------*/

.factory_left {
float: left;
margin: 0px;
padding: 0px;
max-width: 750px;
margin-right: auto;
width: 100%;
}
.factory_left h1 {
float: left;
width: 100%;
text-transform: uppercase;
padding: 0px 0px 10px 0px;
font: 23px/29px gothic;
color: #393939;
text-align: center;
}
.factoey_im {
float: left;
width: 100%;
}
.factoey_im img {
margin: 0px;
padding: 0px;
border: 3px solid rgb(222, 222, 222);
margin-top: 20px;
width: 98%;
}
.factoey_im > p {
float: initial;
text-align: justify;
font: 15px/26px gothic;
color: #59595a;
width: 95%;
margin-top: 15px;
margin: 10px auto;
}
.factory_imgs {
float: left;
margin-top: 15px;
max-width: 1150px;
width: 100%;
}
.factory_right {
float: none;
margin: 0 auto;
max-width: 380px;
width: 100%;
}
.cont_section {
float: none;
width: 90%;
margin: 0 auto;
}
.left_abots.pro.con_hd.manpower_heading h1{
float: none;
}
.left_abots.pro.con_hd.manpower_heading span {
font: 1.6em Gothic;
}
.left_abots.pro.con_hd.manpower_heading {
margin-left: 5%;
}


/*-----------manpower PAGE--------------end----------480-------*/

/*-----------packaging PAGE--------------start----------480-------*/

.pack {
max-width: 850px;
float: none;
margin: 0 auto;
width: 100%;
}
.pack > h1{
font: 1.5em gothic;
color: #3a3a3a;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #f8d219;
margin: 0px;
padding: 0px 0px 21px 0px;
line-height: 20px;
}
.pack p {
float: left;
text-align: justify;
font: 15px/26px gothic;
color: #59595a;
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}

.left_abots.pro.con_hd.packaging_heading {
margin-top: 70px !important;
margin-left: 5%;
}


/*-----------packaging PAGE--------------end----------480-------*/


/*-----------contactus PAGE--------------start----------480-------*/

.con_part1 h1 {
margin: 0px 0px 22px 0px;
padding: 0px 0px 20px 0px;
height: 24px;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
font: 1.5em gothic;
}
.con_part1_lt {
max-width: 100%;
float: left;
margin: 0 auto 20px auto;
padding: 0px;
width: 100%;
}
.con_lt1 {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0px 0px 15px 0px;
border-bottom: 1px solid #d8d8d8;
}
.con_lt1 h4 {
font: 19px gothic;
color: #444545;
float: left;
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
text-transform: uppercase;
}
.con_lt1 h5 {
font: 13px gothic;
color: #525352;
float: left;
width: 100%;
margin: 5px 0 0 0;
padding: 0px 0px 5px 0px;
text-transform: uppercase;
}
.con_lt1 h6 {
font: 13px gothic;
color: #676767;
float: left;
width: 100%;
margin: 3px 0px 0px 0px;
padding: 0px;
}
.con_img {
margin-left: 0px;
float: left;
margin: 0px 15px 0px 0px;
width: 12px;
height: 21px;
}
.con_lt2 h4 {
font: 19px gothic;
color: #454546;
float: left;
width: 100%;
margin: 0px;
text-transform: uppercase;
padding: 0px 0px 10px 0px;
}
.con_part1_rt {
max-width: 100%;
float: right;
margin: 0px;
padding: 0px;
width: 100%;
}
.cnt_box1 {
max-width: 100%;
width: 96%;
background-color: #f2efee;
padding: 1% 2%;
margin: 0px 0px 15px 0px;
font: 14px gothic;
color: #6e6e6f;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
outline: 1px solid #DBD2D2;
font-weight: 600;
}
.mgn_lft {
margin-left: 0px !important;
}
.cnt_box2 {
max-width: 100%;
background-color: #f2efee;
padding: 1% 2%;
margin: 0px 0px 15px 0px;
font: 14px gothic;
color: #6e6e6f;
height: 150px;
border: none;
width: 96.6%;
}
input.cnt_box3{
padding: 10px 45px;
background-color: #f8d219;
border: 1px solid white;
box-shadow: 0px 0px 1px rgb(107, 107, 107);
margin-left: 28%;
margin-top: 2px;
font: 14px Arial;
text-transform: uppercase;
cursor: pointer;
float: right;
}
.con_part2 h1 {
margin: 0px 0px 22px 0px;
padding: 0px 0px 20px 0px;
height: 24px;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
font: 1.5em gothic;
}

.con_lt2 a {
font: 14px gothic;
color: #3a3a3a;
float: left;
width: 100%;
margin: 0px;
padding: 0px 0px 5px 0px;
text-decoration: none;
}

.con_map {
float: left;
max-width: 100%;
max-height: 342px;
width: 100%;
}
.left_abots.pro.con_hd.contactus_heading h1 {
float: none;
}
.left_abots.pro.con_hd.contactus_heading h1 {
font: bold 2em Gothic;
}
.left_abots.pro.con_hd.contactus_heading {
margin-left: 5%;
}


/*-----------contactus PAGE--------------end----------480-------*/


span#js_text2 {
position: absolute;
top: -116px;
left: 14%;
font-size: 14px;
}

/*-----------mosaic-wallpanels-PAGE--------------start----------480-------*/

.pd_part1_lt h3 {
float: left;
width: auto;
border-bottom: 1px solid #aba;
text-transform: uppercase;
font: 20px/25px gothic;
width: 100%;
text-align: center;
} 
ul.thumbs > li > p {
min-height: initial;
font-size: 10px !important;
margin-left: 0% !important;
width: 100%;
text-align: center;
}
p.head_detail.head_detail1 {
margin-top: 10px;
min-height: initial !important;
}
.head_detail2 {
margin-top: 10px;
min-height: initial !important;
}
p.mgn1{
min-height: initial !important;
}
/*-----------mosaic-wallpanels-PAGE--------------end----------480-------*/


/*------------circle-PAGE--------------start----------480-------*/
h3.sto1 {
top: -873px !important;
font-size: 16px !important;
padding-bottom: 0px;
}
p.head_detail.head_detail3 {
margin-top: 10px;
min-height: 226px !important;
}   
p.head_detail4{
margin-top: 10px;
min-height: 90px !important;
}
p.mgn1_2 {
margin-top: 10px;
min-height: 144px !important;
}
/*h3#sto {
top: -745px;
font-size: 18px;
}*/
/*------------circle-PAGE--------------end----------480-------*/

/*------------roofing-PAGE--------------start----------480-------*/

p.head_detail.head_detail5 {
min-height: 93px;
margin-top: 10px;
}
p.head_detail5_2 {
min-height: 77px;
}
h3.sto2 {
top: -567px !important;
display: block !important;   
}
h3#storoofing {
display: none !important;
top: -567px !important;
}
.pd_cnt_part2.part2 {
margin-top: 0px;
}
.pd_cnt_part2.part2 h3 {
font: 16px/10px gothic;
}
ul.thumbs.thumbsroofing > li {
width: 31%;
}

/*------------roofing-PAGE--------------end----------480-------*/


/*------------spheres-PAGE--------------start----------480-------*/
/* p.head_detail.sphereshead_detail {
max-height: 226px;
margin-top: 10px;
min-height: 152px;
}
p.sphereshead_detail2 {
min-height: 110px;
max-height: 130px;
}*/

p.head_detail.sphereshead_detail {
min-height: 144px;
margin-top: 10px;
}
p.sphereshead_detail2 {
min-height: 90px;
}
.sto_speheres {
top: -630px !important;
}
div.navigation div.top {
max-width: 105% !important;
margin-top: -100px;
width: 105% !important; 
margin-left: -2.2% !important;
}


/*------------spheres-PAGE--------------end----------480-------*/
/*------------steps-PAGE--------------start----------480-------*/

p.head_detail.stepshead_detail {
min-height: 130px;
margin-top: 10px;
}
p.stepshead_detail2 {
min-height: 100px;
}
h3#sto.sto_steps {
top: -623px !important;
}



/*------------steps-PAGE--------------end----------480-------*/

/*------------stepping-PAGE--------------start----------480-------*/
p.head_detail.steppinghead_detail {
min-height: 100px;
margin-top: 10px;
}
p.steppinghead_detail2 {
min-height: 80px;
}
p.steppinghead_detail3 {
min-height: 198px;
}


h3#sto.sto_stepping {
top: -761px !important;
font-size: 15px;   
}


/*------------stepping-PAGE--------------end----------480-------*/



}

/*---media 480px-767px-end----*/








@media (min-width:768px) and (max-width:1023px){
/*-----------HOME PAGE--------------START------------768------*/
.wel_come{
float:none;
 margin-bottom: 20px;
}

.left_part > h2{
float: left;
}


.header_top {
max-width: 1150px;
margin: 0 auto;
padding: 0px;
width: 100%;
}
.top_info {
float: right;
margin: 0px 10px 0 0;
padding: 0px;
}
.head {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}
.logo {
float: left;
margin: 0px;
padding: 0px;
width: 30%;
}
.logo a {
margin: 0px;
padding: 0px;
width: 100%;
}
.logo a img {
width: 96%;
height: 100% !important;
}
.nav {
float: right;
margin: 0px;
padding: 0px;
margin-top: 12px;
width: 70%;
}
ul#menu-top-nav {
display: block !important;
float: right;
}
.nav ul li a {
float: left;
margin: 0px;
padding: 13px 3px;
color: white;
text-decoration: none;
text-transform: uppercase;
/*font: 0.64em gothic;*/
font: 1.3vw gothic;
word-spacing: 0px;
word-wrap: normal;
word-break: normal;
margin-left: 5px;
margin-right: 2px;
}
.top-nav li ul {
position: absolute;
left: 0%;
display:none;
}
.top-nav li:hover .sub-menu {
display: block !important;
}










stripViewer {
position: relative;
overflow: hidden;
width: 100%;
/* height: 498px; */
float: left;
min-height: 450px;
height: 450px;
}
.panelContainer > .panel > .wrapper {
width: 100%;
max-width: 1023px;
}
.slide img {
width: 100% !important;
margin: 0px;
padding: 0px;
min-height: 450px;
max-width: 1023px;
height: 450px;
}
.slide_text {
max-width: 1150px;
margin: 0 auto;
position: absolute;
/* top: auto; */
overflow: hidden;
display: block;
right: auto;
left: 0%;
bottom: 10%;
width: 100%;
}
.slids {
float: left;
margin: 0px;
padding: 0px;
max-width: 480px;
width: 100%;
height: auto;
}
.slids p {
font: 19px Conv_Dosis-Regular;
color: white;
padding: 8px 17px 8px 17px;
text-transform: uppercase;
line-height: 24px;
word-wrap: normal;
word-spacing: normal;
word-break: normal;
background-image: url(../images/slide_text_bg.png);
background-repeat: repeat;
/* position: absolute; */
bottom: 4px;
}





section {
width: 100%;
margin: 0px;
padding: 0px;
float: left;
margin-top: 20px;
/*max-width:768px;
width: 76%;
margin: 0px;
padding: 0 12%;
float: left;
margin-top: 20px;*/
}
.middle {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}
.wel_come h3 {
font: 1.5em gothic;
color: #3a3a3a;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #f8d219;
margin: 0px;
padding: 0px 0px 21px 0px;
line-height: 20px;
float: left;
text-align: right;
width: 50%;
}
.wel_come h1 {
color: #3a3a3a;
font: 1.5em gothic;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #f8d219;
margin: 0px;
padding: 0px 0px 21px 1%;
line-height: 20px;
float: left;
text-align: left;
width: 49%;
}







.center_content {
/*float: left;
margin: 0px;*/
float: none;
margin: 0 auto;
width: 100%;
padding: 0px;
max-width: 768px;
}
.left_part {
float: none;
max-width: 768px;
/* max-width: 100%; */
margin: 0 auto;
padding: 0px;
width: 100%;
}
.left_part > h2{
width:100%;
text-align:center;
}
.about_text img {
margin: 0px;
padding: 0px;
width: 100%;
min-height: 280px;
}


.about_text {
width: 99.5%;
float: left;
margin: 0 auto;
padding: 0px;
border: 1px solid #c0c0c0;
min-height: 450px;
}
.center_part {
float: left;
margin: 0px;
padding: 0px;
width: 362px;
margin-left: 5%;
margin-right: 5%;
}



.midlle_foot .flag {
float: none;
width: 100%;
text-align: center;
}
.country_flags {
float: left;
margin: 0px;
width: 95%;
padding: 0px 0 0 5%;
margin-left: 0px;
}
.brochure {
float: none;
margin: 0 auto;
padding: 0px;
width: 300px;
text-align: center;
}




.footer {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}
.foot_left {
float: left;
margin: 0px;
width: 50%;
padding: 0 5%;
min-height: 129px;
}
.foot_menu {
float: left;
margin: 0px;
margin-left: 40px;
margin-right: 15px;
width: 25%;
min-height: 131px;
}
.foot_menu ul {
margin: 0px;
padding: 0px;
float: left;
margin-top: 35px;
width: 100%;
}
.foot_menu ul li {
margin: 0px;
padding: 0px;
list-style: none;
width: 50%;
float: left;
}
.foot_address {
max-width: 258px;
float: left;
margin: 0px;
padding: 0px;
margin-top: 35px;
width: 100%;
}
.right_foot {
float: right;
max-width: 410px;
margin: 0px;
padding: 0px;
width: 50%;
}
.social {
width: 376px;
float: right;
padding: 0px;
margin: 0px;
margin-top: 80px;
}
p.craft_by {
float: left;
margin: 0px;
padding: 0px;
color: white;
font: 15px arial;
margin-left: 5%;
}
p.copyright{
margin-right:5%;
}
#content h2 {
font-size: 18px;
 width: 100%;
}




/*-----------HOME PAGE--------------END---------768---------*/
/*-----------aboutus PAGE--------------start-----------768-------*/


.slide > img {
width: 100% !important;
margin: 0px;
padding: 0px;
height: 200px;
}
.slide > .slide_text {
max-width: 1150px;
margin: 0 auto;
position: absolute;
top: 8%;
overflow: hidden;
display: block;
right: 0px;
left: 0px;
width: 100%;
height: 400px;
}
.left_abots h1 {
/*font: 1.5em Gothic;*/
font: bold 2em Gothic;
/*line-height: 37px;*/

}
.left_abots h1 strong {
background-color: #f1d135;
color: white;
margin-left: 4px;
}
section.about {
margin-top: 26px;
}
.middle {
max-width: 1150px;
margin: 0 auto;
width: 99%;
}
.about_name > .left_side_about {
/*max-width: 860px;*/
float: left;
margin: 0px;
padding: 0px;
width: 100%;
}

.about_name > .left_side_about h1{
font: 1.5em Century Gothic;
color: rgb(48, 48, 48)ss;
text-transform: uppercase;
display: block;
border-bottom: 0px;
margin: 0px;
padding: 0px 0px 38px 0px;
line-height: 20px;
width: 100%;
text-align: center;
}
.us_about p {
font: 16px Century Gothic;
text-align: justify;
line-height: 25px;
color: #4b4a4b;
display: table;
margin: 0px;
padding: 0px;
margin-bottom: 29px;
width: 90%;
margin: 0 auto;
}
.us_about > p > img {
float: left;

margin: 0 20px 0px auto;
}
.us_about h2 {
padding-top: 20px;
width: 90%;
margin: 0 auto;
}
.us_about h2 {
padding-top: 20px;
width: 90%;
margin: 0 auto;
font: 1.2em gothic;
text-align: center;
}
ul.about_li {
margin: 0px;
padding: 0px;
margin-bottom: 20px;
width: 90%;
margin: 0 auto;
}
.about_name > .left_side_about{
margin: 0px 0px 50px 0px;
}
.right_get {
float: none;
max-width: 100%;
margin-left: auto;
width: 90%;
margin: 0 auto !important;
}

.right_get h1 {
border-bottom: 0px;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
}
.form_r input[type="text"] {
float: left;
margin: 0px;
padding: 8px 3%;
width: 94%;
}
input.cnt_box1.cnt_box1_packaging {
width: 94% !important;
}
input.cnt_box1.cnt_box1-aboutus {
width: 94% !important;
}
.form_r input[type="email"] {
float: left;
margin: 0px;
padding: 8px 3%;
width: 94%;
}
.form_r textarea {
background-image: url(../images/text_bg.jpg);
background-repeat: repeat-x;
float: left;
margin: 0px;
padding: 8px 3%;
width: 94%;
max-width: 94%;
}
.form_r input[type="submit"] {
margin: 0px;
padding: 10px 45px;
background-color: #f8d219;
border: 1px solid white;
box-shadow: 0px 0px 1px rgb(107, 107, 107);
margin-left: 34%;
margin-top: 2px;
font: 14px Arial;
text-transform: uppercase;
cursor: pointer;
width: 33%;
}

.margin_top {
margin-top: 300px;
}
/*-----------aboutus PAGE--------------end----------768--------*/
/*-----------products PAGE--------------start-------768-----------*/

.about_tags {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
margin-top: 300px;
}



/*-----------products PAGE--------------end--------768----------*/
/*-----------sandstone PAGE--------------start---------768---------*/


/*.left_abots.pro {
margin-top: 0px !important;
}*/

.left_abots.pro {
margin-top: -20px !important;
}
.middle > .product_list > .pd_content {
float: left;
max-width: 1103px;
width: 90%;
padding: 5%;
}
.pd_section{
margin-top: -0px !important;
}
.pd_cnt_part1_cont {
max-width: 985px;
margin: 0 auto;
width: 100%;
}
section.product.pd_section > h3#sto {
margin-top: 0px !important;
width: 100%;
float: left;
width: auto;
border-bottom: 1px solid #aba;
text-transform: uppercase;
font: 20px/25px gothic;
padding-bottom: 17px;
margin: 0px 0px 15px 0px;
width: 90% !important;
color: #dcb827;
font-weight: bold;
display: block !important;
margin: 0 0 0 5% !important;
position: absolute;
top: 37px;
}
section.product.pd_section > h3#sto span {
color: #000;
display:block !important;
float: left;
margin-right: 7px;
}
#sto{
font-size: 22px;
width: 100%;
position: absolute;
/*top: -419px;*/
top: -475px;
max-width: 100%;
margin: 0 0 0 0% !important;
}
.pd_part1_cnt p {
float: left;
color: #2e2e2e;
font: 13px/18px gothic;
text-align: justify;
min-height: 136px;
}
.pd_part1_cnt > div#page {
background-color: #fff;
margin: 0px;
float: left;
max-width: 990px !important;
max-height: 400px !important;
width: 100% !important;
height: 290px !important;
}
.pd_part1_cnt > div#page  > div.content {
display: none;
/*float: left;
max-width: 404px;
margin: 0px;*/
float: left;
/*max-width: 404px;*/
max-width: 510px;
margin: 0 auto;
padding: 0px;
width: 58% !important;
}
div.slideshow span.image-wrapper {
display: block;
position: absolute;
top: 0px;
left: 0;
width: 100%;
/*max-width: 383px*/
max-width: 510px;
}
div#slideshow {
width: auto;
}
div.slideshow a.advance-link {
display: block;
height: auto;
line-height: initial;
text-align: center;
}
div.slideshow span.image-wrapper  > a.advance-link{
width: 100%;
/*max-width: 475px;*/
max-width: 510px;
}
div.slideshow img {
border: 1px solid #ccc;
/*max-width: 403px;*/
max-width: 100%;
max-height: 215px;
margin-left: 0px;
width: 100%;
}
div.caption-container {
position: relative;
float: left;
height: 75px;
display: block;
color: black;
top: 0px;
width: 100%;
/*max-width: 388px;*/
}
div.slideshow-container {
position: relative;
clear: both;
min-height: 243px;
max-height: 300px;
height: 100%;
}
span.image-caption {
display: block;
position: absolute;
/*max-width: 400px;*/
max-width: 100%;
top: 0;
left: 0;
width: 100%;
}
div.caption {
padding: 0px;
width: 100%;
}
#stoc {
/*background-color: #000;
color: white;
font-family: "tahoma";
font-size: 15px;
left: 4px;
margin-top: -36px;
opacity: 0.6;
padding: 15px;
position: absolute;
top: -18px;
max-width: 480px;
width: 90%;*/


/*background-color: #000;
color: white;
font-family: "tahoma";
font-size: 15px;
left: 0px;
margin-top: -36px;
opacity: 0.6;
padding: 5%;
position: absolute;
top: -18px;
max-width: 480px;
width: 89%;*/
background-color: #000;
color: white;
font-family: "tahoma";
font-size: 15px;
left: 0px;
margin-top: -36px;
opacity: 0.6;
padding: 15px 5%;
position: absolute;
top: -18px;
max-width: 480px;
width: 90%;
min-width: 352px;
}
.slider_border {
float: left;
margin-left: 2%;
margin-top: 0px;
display: block;
}
div.navigation {
max-width: 350px !important;
/*float: right !important;
margin-right: 0px;*/
position: relative;
/*float: none !important;
margin: 0 auto;
z-index: 99999;
width: 100% !important;
top: -170px;*/
float: right !important;
margin: 0 auto;
z-index: 99999;
width: 100% !important;
top: 19px;
/*width: 39% !important;*/
width: 38% !important;
left: 15px;
}
.pd_part1_lt {
float: left;
width: 100%;
min-height: 485px;
}
div.navigation div.top {
max-width: 440px;
margin-top: 0px;
position: absolute;
margin-left: 0px;
height: 107px;
background-color: transparent;
z-index: -11111;
width: 100%;
}
ul.thumbs {
margin: 0 auto;
padding: 0;
max-width: 480px;
margin-top: -5px;
width: 100%;
}
ul.thumbs li {
float: left;
padding: 0;
margin: 1% 1%;
list-style: none;
opacity: 1 !important;
width: 31%;
/*width: 23%;*/
}
ul.thumbs li.selected a.thumb {
background: #000;
width: 94%;
}
ul.thumbs img{
width: 100%;
height: 47px;
}
.pd_cnt_part2 {
float: left;
/*margin-top: 420px;*/
margin-top: 0px;
width: 100%;
}
pd_cnt_part2_lt {
float: left;
max-width: 515px;
margin: 0px;
width: 100%;
}
pd_cnt_part2_lt h3 {
float: left;
width: auto;
border-bottom: 1px solid #ababab;
text-transform: uppercase;
font: 20px/15px gothic;
padding-bottom: 20px;
margin: 0px 0px 16px 0px;
}
.pd_feature_list h4 {
color: #4e4e4e;
float: left;
width: 100%;
text-transform: uppercase;
font: bold 15px/0px gothic;
}
.pd_feature_list ul li {
display: list-item;
float: left;
width: 100%;
margin: 0px;
padding: 4px 0px;
font: 15px/13px gothic;
color: #4e4e4e;
}
.pd_cnt_part2_lt {
float: left;
max-width: 100%;
margin: 0px 2% 0 0;
width: 50%;

}
.pd_cnt_part2_lt h3 {
float: left;
width: 100%;
border-bottom: 1px solid #ababab;
text-transform: uppercase;
font: 20px/10px gothic;
padding-bottom: 20px;
margin: 0px 0px 16px 0px;
text-align:center;
}
.pd_cnt_part2_rt {
/*float: right;
max-width: 380px;
padding: 0px;
margin: 0px 0px 0px 0px;*/
float: left;
max-width: 600px;
padding: 0px;
margin: 0 auto;
width: 48%;
}

.pd_cnt_part2_rt h3{
float: left;
text-transform: uppercase;
font: 20px/10px gothic;
padding-bottom: 20px;
margin: 0px 0px 0px 0px;
width: 100%;
text-align: center;
}
.pd_con_frm {
float: left;
max-width: 600px;
border: 1px solid #bababb;
padding: 5% 2%;
text-align: center;
width: 96%;
}
.pd_cnt_part3 {
float: left;
max-width: 990px;
margin: 20px 0px 0px 0px;
width: 100%;
}
.pd_part3_top h4 {
color: #4e4e4e;
float: left;
width: 100%;
text-transform: uppercase;
font: bold 17px/21px gothic;
margin: 0px 0px 5px 0px;
text-align: center;
}
.pd_prop {
float: left;
width: 95%;
padding: 0px 0px 0px 20px;
background-image: url(../images/square.png);
margin: 12px 0px 0px 0px;
background-repeat: no-repeat;
background-position: 0px 3px;
}
.pd_prop p {
margin: 0px;
padding: 0px;
font: 14px/17px gothic;
color: #4e4e4e;
display: inline;
}
.pd_prop h5 {
color: #4e4e4e;
text-transform: uppercase;
font: bold 14px/17px gothic;
display: inline;
}
.pd_part3_btm h4 {
color: #4e4e4e;
float: left;
width: 100%;
text-transform: uppercase;
font: bold 16px/22px gothic;
text-align: center;
}
.pd_part3_btm p {
margin: 10px 0px 0px 0px;
padding: 0px;
font: 14px/17px gothic;
text-align: justify;
color: #4e4e4e;
float: left;
}
.pd_part1_list h6 {
float: left;
max-width: 100%;
border-bottom: 1px solid #bdbdbd;
margin: 0px;
font: 14px/17px gothic;
color: #4e4e4e;
padding: 5px 0px 5px 1%;
width: 98%;
text-align: right;
}
.pd_part1_list h6 span {
color: #4e4e4e;
text-transform: capitalize;
font: bold 14px/17px gothic;
max-width: 345px;
float: left;
width: 50%;
text-align: left;
}
.pd_cnt_txt {
margin: 20px 0px 0px 0px !important;
font: 14px/17px gothic !important;
width: 100%;
float: left;
}

.box1 {
max-width: 100%;
background-color: #eeeff0;
padding: 1% 2%;
margin: 0px 0px 7px 0px;
font: 14px gothic;
color: #585858;
height: 17px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
outline: 1px solid #DBD2D2;
width: 95%;
}
.box2{
max-width: 100%;
background-color: #eeeff0;
padding: 1% 2%;
margin: 0px 0px 15px 0px;
font: 14px gothic;
color: #585858;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
outline: 1px solid #DBD2D2;
width: 95%;
height: 100px;
}
.box3 {
width: 200px;
height: 40px;
padding: 0px 0px 0px 0px;
background-color: #f9d11a;
border: none;
color: #353535;
margin: 0px 0px 10px 0px;
font: bold 17px gothic;
cursor: pointer;
}
h3.sandstone_heading {
top: -489px !important;
text-align: left !important;
}


/*-----------sandstone PAGE--------------end-----------768-------*/

/*-----------gallery PAGE--------------start----------768-------*/

.con_container {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}
.gallery_view {
float: left;
margin: 0 auto;
padding: 0px;
margin-left: 0px;
width: 100%;
}
.scl {
width: 100%;
margin: 0 auto;
}
ul.gallery {
float: left;
margin: 0px;
padding: 1%;
width: 98%;
margin: 0 auto;
}
ul.gallery li {
list-style: none;
margin: 1%;
float: left;
padding: 3px;
/*max-width: 220px;*/
height: auto;
background-color: white;
box-shadow: 0px 0px 3px black;
width: 30.50%;
}
ul.gallery li a img {
max-width: 100%;
height: auto;
margin: 0px;
width: 100%;
min-height: 195px;
}
ul.gallery li a {
width: 100% !important;
height: 100% !important;
clear: both !important;
position: relative;
top: 2px !important;
}
.left_abots.pro.con_hd.gallery_heading {
margin-top: 50px !important;
margin-left: 8%;
}
.left_abots.pro.con_hd.gallery_heading > h1 {
font: bold 2em Gothic;
}

/*-----------gallery PAGE--------------end----------768-------*/

/*-----------manpower PAGE--------------start----------768-------*/

.factory_left {
float: left;
margin: 0px;
padding: 0px;
margin-right: auto;
width: 100%;
}
.factory_left h1 {
float: left;
width: 100%;
text-transform: uppercase;
padding: 0px 0px 10px 0px;
font: 23px/29px gothic;
color: #393939;
text-align: center;
}
.factoey_im {
float: left;
width: 100%;
}
.factoey_im img {
margin: 0px;
padding: 0px;
border: 3px solid rgb(222, 222, 222);
margin-top: 20px;
width: 98%;
}
.factoey_im > p {
float: initial;
text-align: justify;
font: 15px/26px gothic;
color: #59595a;
width: 95%;
margin-top: 15px;
margin: 10px auto;
}
.factory_imgs {
float: left;
margin-top: 15px;
max-width: 1150px;
width: 100%;
}
.factory_right {
/*float: right;
margin: 0px;
max-width: 380px;
width: 100%;*/
float: none;
margin: 0 auto;
/* max-width: 380px; */
width: 100%;
}
.cont_section {
float: none;
width: 90%;
margin: 0 auto;
}

.factory_imgs > div > ul.gallery{
float: left;
margin: 0px !important;
padding: 1% 0  !important;
width: 100%  !important;
margin: 0 auto  !important;
}
ul.gallery.clearfix > li {
list-style: none;
margin: 1%;
float: left;
padding: 3px;
/* max-width: 220px; */
height: auto;
box-shadow: 0px 0px 3px black;
/*width: 30.45%;*/
width: 30.43%;
}
.factory_right > .pd_cnt_part2_rt {
float: none;
max-width: 600px;
padding: 0px;
margin: 0 auto;
width: 48%;
}
.left_abots.pro.con_hd.manpower_heading h1 {
float: none;
text-align: center;
font: bold 2em Gothic;
}
.left_abots.pro.con_hd.manpower_heading span {
font: 2em Gothic;
}
.left_abots.pro.con_hd.manpower_heading {
margin-left: 5%;
}


/*-----------manpower PAGE--------------end----------768-------*/


/*-----------packaging PAGE--------------start----------768-------*/

.pack {
max-width: 850px;
float: none;
margin: 0 auto;
width: 100%;
}
.pack > h1{
color: #3a3a3a;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #f8d219;
margin: 0px;
padding: 0px 0px 21px 0px;
line-height: 20px;
}
.pack p {
float: left;
text-align: justify;
font: 15px/26px gothic;
color: #59595a;
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}
.pack > .gallery_view.mrugj > .scl > ul.gallery.clearfix > li {
width: 30.43%;
}
.left_abots.pro.con_hd.packaging_heading {
margin-top: 5% !important;
margin-left: 5%;
}
.left_abots.pro.con_hd.packaging_heading > h1 {
font: bold 2em Gothic;
}

/*-----------packaging PAGE--------------end----------768-------*/


/*-----------contactus PAGE--------------start----------768-------*/

.con_part1_rt {
max-width: 100%;
float: left;
margin: 20px auto;
padding: 0px;
width: 100%;
}
.cnt_box1 {
/*width: 307px !important;
background-color: #f2efee;
padding: 5px 10px;
margin: 0px 0px 15px 0px;
font: 14px gothic;
color: #6e6e6f;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
outline: 1px solid #DBD2D2;
font-weight: 600;*/
/*max-width: 422px !important;*/
background-color: #f2efee;
padding: 1% 2%;
margin: 0px 0px 15px 0px;
font: 14px gothic;
color: #6e6e6f;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
outline: 1px solid #DBD2D2;
font-weight: 600;
width: 44.3% !important;
}
.cnt_box2 {
max-width: 885px !important;
width: 96.5%;
background-color: #f2efee;
padding: 5px 10px;
margin: 0px 0px 15px 0px;
font: 14px gothic;
color: #6e6e6f;
height: 150px;
border: none;
outline: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
outline: 1px solid #DBD2D2;
font-weight: 600;
max-height: 150px;
}
contactus.htmlmedia="screen"
.con_map {
float: left;
width: 98%;
}
cnt_box3 {
float: right;
width: 140px;
height: 42px;
padding: 0px 0px 0px 0px;
background-color: #f8d219;
color: #2a2a2a;
margin: 13px 0px 23px 0px;
font: bold 15px gothic;
box-shadow: 0px 2px 5px #c2c4c6;
border: 1px solid #fff;
outline: 1px solid #DBD2D2;
cursor: pointer;
-webkit-transition: .5s all;
margin-right: 1%;
}
.con_map {
float: left;
width: 98%;
}

.left_abots.pro.con_hd.contactus_heading h1 {
float: none;
}
.left_abots.pro.con_hd.contactus_heading h1 {
font: bold 2em Gothic;
}
.left_abots.pro.con_hd.contactus_heading {
margin-left: 5%;
}

/*-----------contactus PAGE--------------end----------768-------*/

/*-----------mosaic-wallpanels-PAGE--------------start----------768-------*/

.pd_part1_lt h3 {
float: left;
width: auto;
border-bottom: 1px solid #aba;
text-transform: uppercase;
/*font: 20px/25px gothic;*/
width: 100%;
text-align: center;
} 
ul.thumbs > li > p {
min-height: initial;
font-size: 10px !important;
margin-left: 0% !important;
width: 100%;
text-align: center;
}
p.head_detail.head_detail1 {
margin-top: 10px;
min-height: initial !important;
}
.head_detail2 {
margin-top: 10px;
min-height: initial !important;
}
p.mgn1{
min-height: initial !important;
}
/*-----------mosaic-wallpanels-PAGE--------------end----------768-------*/

/*------------circle-PAGE--------------start----------768-------*/
h3.sto1 {
top: -536px !important;
font-size: 16px !important;
padding-bottom: 0px;
text-align: left;
}
p.head_detail.head_detail3 {
margin-top: 10px;
min-height: 108px !important;
}   
p.head_detail4{
margin-top: 10px;
min-height: 45px !important;
}
p.mgn1_2 {
margin-top: 10px;
min-height: 60px !important;
}
h3#sto {  
top: -745px;
font-size: 18px;
}
h3#sto.sto_cobblesheading {
top: -480px;
text-align: left;  
}
h3#sto.sto_Pebblesheading {
text-align: left;
top: -480px;
}
h3#sto.sto_slateheading {
text-align: left;
top: -480px;
}
h3#sto.sto_limestoneheading {
top: -482px;
text-align: left;
}  
/*------------circle-PAGE--------------end----------768-------*/
/*------------roofing-PAGE--------------start----------768-------*/

p.head_detail.head_detail5 {
min-height: 55px;
margin-top: 10px;
}
p.head_detail5_2 {
min-height: 55px;
}
h3.sto2 {
top: -426px !important;
text-align: left;
font-size: 24px !important;
display: none !important;
}
h3#storoofing {
display: block !important;
margin-top: -430px !important;  
}
.pd_cnt_part2.part2 {
margin-top: -65px;
}
.pd_cnt_part2.part2 h3 {
font: 16px/10px gothic;
}
ul.thumbs.thumbsroofing > li {
width: 31%;
}

/*------------roofing-PAGE--------------end----------768-------*/


/*------------spheres-PAGE--------------start----------768-------*/
/* p.head_detail.sphereshead_detail {
max-height: 226px;
margin-top: 10px;
min-height: 152px;
}
p.sphereshead_detail2 {
min-height: 110px;
max-height: 130px;
}*/

p.head_detail.sphereshead_detail {
min-height: 100px;
margin-top: 10px;
}
p.sphereshead_detail2 {
min-height: 54px;
}
.sto_speheres {
top: -465px !important;
text-align: left !important;
}
div.navigation div.top {
max-width: 118% !important;
margin-top: 69px;
width: 118% !important;
margin-left: -9.2% !important;
}
div.navigation div.top > a img {
width: 68%;
max-width: 68%;
}


/*------------spheres-PAGE--------------end----------768-------*/


/*------------steps-PAGE--------------start----------768-------*/

p.head_detail.stepshead_detail {
min-height: 75px;
margin-top: 10px;
}
p.stepshead_detail2 {
min-height: 65px;
}
h3#sto.sto_steps {
top: -455px !important;
text-align: left;
}



/*------------steps-PAGE--------------end----------768-------*/



/*------------stepping-PAGE--------------start----------768-------*/
p.head_detail.steppinghead_detail {
min-height: 64px;
margin-top: 10px;
}
p.steppinghead_detail2 {
min-height: 65px;
}
p.steppinghead_detail3 {
min-height: 126px;
}


h3#sto.sto_stepping {
top: -566px !important;
font-size: 18px;
text-align: left;
}



/*------------stepping-PAGE--------------end----------768-------*/





}





@media (min-width:1024px) and (max-width:1279px){

.wel_come{
float:none;
 margin-bottom: 20px;
}

.left_part > h2{
float: left;
}

.header_top {
max-width: 1150px;
margin: 0 auto;
padding: 0px;
width: 100%;
}
.top_info {
float: right;
margin: 0px 10px 0 0;
padding: 0px;
}
.head {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}
.logo {
float: left;
margin: 0px;
padding: 0px;
width: 30%;
}
.logo a {
margin: 0px;
padding: 0px;
width: 100%;
}
.logo a img {
width: 96%;
height: 100% !important;
}
.nav {
float: right;
margin: 0px;
padding: 0px;
margin-top: 12px;
width: 70%;
}
ul#menu-top-nav {
display: block !important;
float: right;
}
.nav ul li a {
float: left;
margin: 0px;
padding: 13px 3px;
color: white;
text-decoration: none;
text-transform: uppercase;
/*font: 0.64em gothic;*/
font: 1.3vw gothic;
word-spacing: 0px;
word-wrap: normal;
word-break: normal;
margin-left: 5px;
margin-right: 2px;
}
.top-nav li ul {
position: absolute;
left: 0%;
display:none;
}
.top-nav li:hover .sub-menu {
display: block !important;
}










stripViewer {
position: relative;
overflow: hidden;
width: 100%;
/* height: 498px; */
float: left;
min-height: 450px;
height: 450px;
}
.panelContainer > .panel > .wrapper {
width: 100%;
max-width: 1279px;
}
.slide img {
width: 100% !important;
margin: 0px;
padding: 0px;
min-height: 450px;
max-width: 1279px;
height: 450px;
}
.slide_text {
max-width: 1150px;
margin: 0 auto;
position: absolute;
/* top: auto; */
overflow: hidden;
display: block;
right: auto;
left: 0%;
bottom: 10%;
width: 100%;
}
.slids {
float: left;
margin: 0px;
padding: 0px;
max-width: 480px;
width: 100%;
height: auto;
}
.slids p {
font: 19px Conv_Dosis-Regular;
color: white;
padding: 8px 17px 8px 17px;
text-transform: uppercase;
line-height: 24px;
word-wrap: normal;
word-spacing: normal;
word-break: normal;
background-image: url(../images/slide_text_bg.png);
background-repeat: repeat;
/* position: absolute; */
bottom: 4px;
}





section {
width: 100%;
margin: 0px;
padding: 0px;
float: left;
margin-top: 20px;
/*max-width:768px;
width: 76%;
margin: 0px;
padding: 0 12%;
float: left;
margin-top: 20px;*/
}
.middle {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}
.wel_come h3 {
font: 1.5em gothic;
color: #3a3a3a;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #f8d219;
margin: 0px;
padding: 0px 0px 21px 0px;
line-height: 20px;
float: left;
text-align: right;
width: 50%;
}
.wel_come h1 {
color: #3a3a3a;
font: 1.5em gothic;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #f8d219;
margin: 0px;
padding: 0px 0px 21px 1%;
line-height: 20px;
float: left;
text-align: left;
width: 49%;
}







.center_content {
/*float: left;
margin: 0px;*/
float: none;
margin: 0 auto;
width: 100%;
padding: 0px;
max-width: 768px;
}
.left_part {
float: none;
max-width: 768px;
/* max-width: 100%; */
margin: 0 auto;
padding: 0px;
width: 100%;
}
.left_part > h2{
width:100%;
text-align:center;
}
.about_text img {
margin: 0px;
padding: 0px;
width: 100%;
min-height: 280px;
}


.about_text {
width: 99.5%;
float: left;
margin: 0 auto;
padding: 0px;
border: 1px solid #c0c0c0;
min-height: 450px;
}
.center_part {
float: left;
margin: 0px;
padding: 0px;
width: 362px;
margin-left: 5%;
margin-right: 5%;
}



.midlle_foot .flag {
float: none;
width: 100%;
text-align: center;
}
.country_flags {
float: left;
margin: 0px;
width: 95%;
padding: 0px 0 0 5%;
margin-left: 0px;
}
.brochure {
float: none;
margin: 0 auto;
padding: 0px;
width: 300px;
text-align: center;
}




.footer {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}
.foot_left {
float: left;
margin: 0px;
width: 50%;
padding: 0 5%;
min-height: 129px;
}
.foot_menu {
float: left;
margin: 0px;
margin-left: 40px;
margin-right: 15px;
width: 25%;
min-height: 131px;
}
.foot_menu ul {
margin: 0px;
padding: 0px;
float: left;
margin-top: 35px;
width: 100%;
}
.foot_menu ul li {
margin: 0px;
padding: 0px;
list-style: none;
width: 50%;
float: left;
}
.foot_address {
max-width: 258px;
float: left;
margin: 0px;
padding: 0px;
margin-top: 35px;
width: 100%;
}
.right_foot {
float: right;
max-width: 410px;
margin: 0px;
padding: 0px;
width: 50%;
}
.social {
width: 376px;
float: right;
padding: 0px;
margin: 0px;
margin-top: 80px;
}
p.craft_by {
float: left;
margin: 0px;
padding: 0px;
color: white;
font: 15px arial;
margin-left: 5%;
}
p.copyright{
margin-right:5%;
}

#content h2 {
font-size: 18px;
 width: 100%;
}  

/*-----------HOME PAGE--------------END---------1024---------*/



/*-----------aboutus PAGE--------------start--------1024---------*/
.middle {
max-width: 1150px;
margin: 0 auto;
width: 98%;
}
.left_side_about {
/*max-width: 860px;
float: left;
margin: 0px;
padding: 0px 0% 0 3%;
width: 63%;*/
max-width: 100%;
float: left;
margin: 0px;
padding: 1%;
width: 98%;
}
.right_get {
/*float: left;
max-width: 245px;
padding: 0 2.5%;
width: 100%;*/
float: none;
max-width: 100%;
padding: 0;
width: 80%;
margin: 0 auto;
}
.slide > .slide_text  {
max-width: 1150px;
width:100%;
margin: 0 auto;
position: absolute;
top: 213px;
overflow: hidden;
display: block;
right: 0px;
left: 0px;
height: 200px;
}
.brochure {
float: none;
margin: 0 auto;
padding: 0px;
width: 28%;
}
.brochure a {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
}
.brochure a img {
margin: 0px;
padding: 0px;
width: 100%;
}

/*-----------aboutus PAGE--------------end----------1024--------*/


/*-----------products PAGE--------------start-------1024-----------*/
/*----NOTHING IS REQUIRED HERE---*/
/*-----------products PAGE--------------end--------1024----------*/




/*-----------sandstone PAGE--------------start--------1024----------*/

.left_abots.pro {
margin-top: 0px !important;
}
.pd_content {
float: left;
padding: 25px 2%;
max-width: 1103px;
width: 96%;
}
.pd_cnt_part1_cont {
/* width: 985px; */
margin: 0 auto;
width: 100%;
}
.pd_part1_cnt p {
float: left;
color: #2e2e2e;
font: 18px/29px gothic;
text-align: justify;
min-height: 213px;
}
#sto {
/* width: 427px; */

/*width: 492px;
margin-top: -712px !important;
margin-left: -37px !important;*/

width: 492px;
/*margin-top: -622px !important;*/
margin-top: -717px !important;
margin-left: -37px !important;
font-size: 28px;
}
.pd_part1_lt h3 {
float: left;
width: auto;
border-bottom: 1px solid #aba;
text-transform: uppercase;
}
div.content {
/*display: none;*/
float: left;
width: 404px;
margin: 0px 0 0 3%;
padding: 0px;
}
.slider_border {
float: left;
/*margin-left: 8%;*/
margin-left: 9%;
margin-top: 70px;
}
div#page {
background-color: #fff;
margin: 0px;
float: left;
/*max-width: 990px !important;*/
max-width: 100% !important;
height: 400px !important;
width: 100% !important;
}
div.navigation {
width: 350px !important;
float: right !important;
margin-right: 2%;
position: relative;
z-index: 99999;
}
.pd_cnt_part3 {
float: left;
max-width: 990px;
margin: 20px 0px 0px 0px;
width: 100%;
}
.pd_prop p {
margin: 0px;
padding: 0px;
font: 20px/29px gothic;
color: #4e4e4e;
display: inline;
}
.pd_prop h5 {
color: #4e4e4e;
text-transform: uppercase;
font: bold 18px/20px gothic;
display: inline;
}
.pd_part3_btm p {
margin: 10px 0px 0px 0px;
padding: 0px;
font: 18px/27px gothic;
text-align: justify;
color: #4e4e4e;
float: left;
}
.pd_feature_list ul li {
display: list-item;
float: left;
width: 100%;
margin: 0px;
padding: 8px 0px;
font: 18px/18px gothic;
color: #4e4e4e;
}
.pd_part1_list h6 span {
color: #4e4e4e;
text-transform: capitalize;
font: bold 20px/22px gothic;
width: 345px;
float: left;
}
.pd_part1_list h6 {
float: left;
width: 488px;
border-bottom: 1px solid #bdbdbd;
margin: 0px;
font: 20px/28px gothic;
color: #4e4e4e;
padding: 10px 0px 0px 8px;
}
.pd_cnt_txt {
margin: 20px 0px 0px 0px !important;
font: 18px/27px gothic !important;
width: 100%;
}




/*-----------sandstone PAGE--------------end--------1024---------*/
/*-----------gallery PAGE--------------start----------1024-------*/

.con_container {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}
.gallery_view {
float: left;
margin: 0 auto;
padding: 0px;
margin-left: 0px;
width: 100%;
}
.scl {
width: 100%;
margin: 0 auto;
}
ul.gallery {
float: left;
margin: 0px;
padding: 1%;
width: 98%;
margin: 0 auto;
}
ul.gallery li {
list-style: none;
margin: 1%;
float: left;
padding: 3px;
/*max-width: 220px;*/
height: auto;
background-color: white;
box-shadow: 0px 0px 3px black;
width: 30.50%;
}
ul.gallery li a img {
max-width: 100%;
height: auto;
margin: 0px;
width: 100%;
min-height: 195px;
}
ul.gallery li a {
width: 100% !important;
height: 100% !important;
clear: both !important;
position: relative;
top: 2px !important;
}
.left_abots.pro.con_hd.gallery_heading {
margin-top: 50px !important;
margin-left: 7%;
}
/*-----------gallery PAGE--------------end----------1024-------*/


/*-----------manpower PAGE--------------start----------1024-------*/

.factory_left {
float: left;
margin: 0px;
padding: 0px;
margin-right: auto;
width: 100%;
}
.factory_left h1 {
float: left;
width: 100%;
text-transform: uppercase;
padding: 0px 0px 10px 0px;
font: 23px/29px gothic;
color: #393939;
text-align: center;
}
.factoey_im {
float: left;
width: 100%;
}
.factoey_im img {
margin: 0px;
padding: 0px;
border: 3px solid rgb(222, 222, 222);
margin-top: 20px;
width: 98%;
}
.factoey_im > p {
float: initial;
text-align: justify;
font: 15px/26px gothic;
color: #59595a;
width: 95%;
margin-top: 15px;
margin: 10px auto;
}
.factory_imgs {
float: left;
margin-top: 15px;
max-width: 1150px;
width: 100%;
}
.factory_right {
float: right;
margin: 0px;
max-width: 380px;
width: 100%;
}
.cont_section {
float: none;
width: 90%;
margin: 0 auto;
}

.factory_imgs > div > ul.gallery{
float: left;
margin: 0px !important;
padding: 1% 0  !important;
width: 100%  !important;
margin: 0 auto  !important;
}
ul.gallery.clearfix > li {
list-style: none;
margin: 1%;
float: left;
padding: 3px;
/* max-width: 220px; */
height: auto;
box-shadow: 0px 0px 3px black;
width: 30.45%;
}
.left_abots.pro.con_hd.manpower_heading {
margin-left: 5%;
}
/*-----------manpower PAGE--------------end----------1024-------*/
/*-----------manpower PAGE--------------start----------1024-------*/

.factory_left {
float: left;
margin: 0px;
padding: 0px;
margin-right: auto;
width: 100%;
}
.factory_left h1 {
float: left;
width: 100%;
text-transform: uppercase;
padding: 0px 0px 10px 0px;
font: 23px/29px gothic;
color: #393939;
text-align: center;
}
.factoey_im {
float: left;
width: 100%;
}
.factoey_im img {
margin: 0px;
padding: 0px;
border: 3px solid rgb(222, 222, 222);
margin-top: 20px;
width: 99.5%;
}
.factoey_im > p {
float: initial;
text-align: justify;
font: 15px/26px gothic;
color: #59595a;
width: 95%;
margin-top: 15px;
margin: 10px auto;
}
.factory_imgs {
float: left;
margin-top: 15px;
max-width: 1150px;
width: 100%;
}
.factory_right {
/*float: right;
margin: 0px;
max-width: 380px;
width: 100%;*/
float: none;
margin: 0 auto;
/* max-width: 380px; */
width: 100%;
}
.cont_section {
float: none;
width: 90%;
margin: 0 auto;
}

.factory_imgs > div > ul.gallery{
float: left;
margin: 0px !important;
padding: 1% 0  !important;
width: 100%  !important;
margin: 0 auto  !important;
}
ul.gallery.clearfix > li {
list-style: none;
margin: 1%;
float: left;
padding: 3px;
/* max-width: 220px; */
height: auto;
box-shadow: 0px 0px 3px black;
width: 30.45%;
}
.factory_right > .pd_cnt_part2_rt {
float: none !important;
max-width: 600px !important;
padding: 0px !important;
margin: 0 auto !important;
width: auto !important;
}
.factory_right > .pd_cnt_part2_rt > h3 {
float: left;
width: 100%;
text-transform: uppercase;
padding: 0px 0px 20px 0px;
font: 30px/29px gothic;
color: #393939;
text-align: center;
}


/*-----------manpower PAGE--------------end----------1024-------*/

/*-----------packaging PAGE--------------start----------1024-------*/

.pack {
max-width: 850px;
float: none;
margin: 0 auto;
width: 100%;
}
.pack > h1{
color: #3a3a3a;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #f8d219;
margin: 0px;
padding: 0px 0px 21px 0px;
line-height: 20px;
}
.pack p {
float: left;
text-align: justify;
font: 15px/26px gothic;
color: #59595a;
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}
.pack > .gallery_view.mrugj > .scl > ul.gallery.clearfix > li {
width: 30.43%;
}
.right_get h1 {
border-bottom: 0px;
color: rgb(48, 48, 48);
width: 100%;
text-align: center;
}
.form_r input[type="text"] {
float: left;
margin: 0px;
padding: 1% 2%;
width: 95%;
}
.form_r input[type="email"]{
float: left;
margin: 0px;
padding: 1% 2%;
width: 95%;
}
.form_r textarea{
float: left;
margin: 0px;
padding: 1% 2%;
width: 95%;
max-width: 100%;
}
.form_r {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
margin-bottom: 18px;
}
.form_r input[type="submit"] {
margin: 0px;
padding: 10px 45px;
background-color: #f8d219;
border: 1px solid white;
box-shadow: 0px 0px 1px rgb(107, 107, 107);
margin-left: 34%;
margin-top: 2px;
font: 14px Arial;
text-transform: uppercase;
cursor: pointer;
width: 33%;
}
.left_abots.pro.con_hd.packaging_heading {
margin-top: 70px !important;
margin-left: 8%;
}





/*-----------packaging PAGE--------------end----------1024-------*/

/*-----------contactus PAGE--------------start----------1024-------*/

.con_part1_lt {
max-width: 450px;
float: left;
margin: 0px;
padding: 0px;
width: 30%;
}
.con_part1_rt {
max-width: 632px;
float: right;
margin: 0px;
padding: 0px;
width: 70%;
}
input.cnt_box1.cnt-box1-contactus {
float: left;
width: 287px;
}
input.cnt_box1.mgn_lft.mgn_lft-contactus {
float: left;
}
.con_lt1 h4 {
font: 20px gothic;
color: #444545;
float: left;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.con_lt1 h5 {
font: 14px gothic;
color: #525352;
float: left;
width: 100%;
margin: 10px 0 0 0;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.con_lt1 h6 {
font: 15px gothic;
color: #676767;
float: left;
width: 100%;
margin: 3px 0px 0px 0px;
padding: 0px;
}
.con_lt2 a {
font: 15px gothic;
color: #3a3a3a;
float: left;
width: 100%;
margin: 0px;
padding: 0px 0px 5px 0px;
text-decoration: none;
}
.left_abots.pro.con_hd.contactus_heading {
margin-left: 4%;
}


/*-----------contactus PAGE--------------end----------1024-------*/

/*-----------mosaic-wallpanels-PAGE--------------start----------1024-------*/

.pd_part1_lt h3 {
float: left;
width: auto;
border-bottom: 1px solid #aba;
text-transform: uppercase;
/*font: 20px/25px gothic;*/
width: 100%;
text-align: center;
} 
ul.thumbs > li > p {
min-height: initial;
font-size: 10px !important;
margin-left: 0% !important;
width: 100%;
text-align: center;
}
p.head_detail.head_detail1 {
margin-top: 10px;
min-height: initial !important;
}
.head_detail2 {
margin-top: 10px;
min-height: initial !important;
}
p.mgn1{
min-height: initial !important;
margin-bottom: 50px;
}
/*-----------mosaic-wallpanels-PAGE--------------end----------1024-------*/


/*------------circle-PAGE--------------start----------1024-------*/
h3.sto1 {
top: -536px !important;
font-size: 22px !important;
padding-bottom: 10px;
text-align: left;
}
p.head_detail.head_detail3 {
margin-top: 10px;
min-height: 184px !important;
}   
p.head_detail4{
margin-top: 10px;
min-height: 65px !important;
}
p.mgn1_2 {
margin-top: 10px;
min-height: 100px !important;
}
/*h3#sto {  
margin-top: -850px !important;
}*/
h3#sto.sto1 {
margin-top: -850px !important;
}
/*------------circle-PAGE--------------end----------1024-------*/


/*------------roofing-PAGE--------------start----------1024-------*/

p.head_detail.head_detail5 {
min-height: 93px;
margin-top: 10px;
}
p.head_detail5_2 {
min-height: 93px;
}
h3.sto2 {
margin-top: -663px !important;
text-align: left;
/*font-size: 24px !important;*/
display: none !important;
}
h3#storoofing {
display: block !important;
margin-top: -668px !important;
margin-left: -38px;     
}
.pd_cnt_part2.part2 {
margin-top: 50px;
}
.pd_cnt_part2.part2 h3 {
/*font: 16px/10px gothic;*/
}
ul.thumbs.thumbsroofing > li {
width: 31%;
}

/*------------roofing-PAGE--------------end----------1024-------*/

/*------------spheres-PAGE--------------start----------1024-------*/
/* p.head_detail.sphereshead_detail {
max-height: 226px;
margin-top: 10px;
min-height: 152px;
}
p.sphereshead_detail2 {
min-height: 110px;
max-height: 130px;
}*/

p.head_detail.sphereshead_detail {
min-height: 100px;
margin-top: 10px;
}
p.sphereshead_detail2 {
min-height: 110px;
}
.sto_speheres {
top: -465px !important;
text-align: left !important;
font-size: 25px !important;
}
/*div.navigation div.top {
max-width: 118% !important;
margin-top: 69px;
width: 118% !important;
margin-left: -9.2% !important;
}
div.navigation div.top > a img {
width: 68%;
max-width: 68%;
}*/



 

/*------------spheres-PAGE--------------end----------1024-------*/

/*------------steps-PAGE--------------start----------1024-------*/

p.head_detail.stepshead_detail {
min-height: 135px;
}
p.stepshead_detail2 {
min-height: 115px;
}
h3#sto.sto_steps {
margin: -760px 0 0 -37px !important;
text-align: left;
font-size: 24px;
}
.pd_cnt_part2_rt {
/*float: right;
width: 380px;
padding: 0px;
margin: 0px 9% 0px 0px;*/
float: right;
width: 380px;
padding: 0px;
margin: 0px 0% 0px 0%;
}



/*------------steps-PAGE--------------end----------1024-------*/
/*------------stepping-PAGE--------------start----------1024-------*/
p.head_detail.steppinghead_detail {
min-height: 98px;
}
p.steppinghead_detail2 {
min-height: 95px;
}
p.steppinghead_detail3 {
min-height: 230px;
}


h3#sto.sto_stepping {
margin: -925px 0 0 -37px !important;
top: -566px !important;
font-size: 24px;
text-align: left;
}



/*------------stepping-PAGE--------------end----------1024-------*/







}



@media (min-width:1280px) and (max-width:1345px){


#sto {
/*margin-top: -678px !important;*/
margin-top: -796px !important;
width: 700px !important;
max-width: 550px;
}
.pd_part1_cnt p {
float: left;
color: #2e2e2e;
font: 22px/35px gothic;
text-align: justify;
min-height: 290px;
}


/*-----------mosaic-wallpanels-PAGE--------------start----------1280-------*/

.pd_part1_lt h3 {
float: left;
width: auto;
border-bottom: 1px solid #aba;
text-transform: uppercase;
/*font: 20px/25px gothic;*/
width: 100%;
text-align: center;
} 
ul.thumbs > li > p {
min-height: initial;
font-size: 10px !important;
margin-left: 0% !important;
width: 100%;
text-align: center;
}
p.head_detail.head_detail1 {
margin-top: 10px;
min-height: initial !important;
}
.head_detail2 {
margin-top: 10px;
min-height: initial !important;
}
p.mgn1{
min-height: initial !important;
margin-bottom: 50px;
}
/*-----------mosaic-wallpanels-PAGE--------------end----------1280-------*/

/*------------circle-PAGE--------------start----------1280-------*/
h3.sto1 {
top: -536px !important;
font-size: 25px !important;
padding-bottom: 10px;
text-align: left;
}
p.head_detail.head_detail3 {
margin-top: 10px;
min-height: 220px !important;
}   
p.head_detail4{
margin-top: 10px;
min-height: 110px !important;
}
p.mgn1_2 {
margin-top: 10px;
min-height: 150px !important;
}
h3#sto.sto1 {  
margin-top: -982px !important;
}
/*------------circle-PAGE--------------end----------1280-------*/

/*------------roofing-PAGE--------------start----------1280-------*/

p.head_detail.head_detail5 {
min-height: 180px;
margin-top: 10px;
}
p.head_detail5_2 {
/*min-height: 315px;*/
}
h3.sto2 {
margin-top: -663px !important;
text-align: left;
/*font-size: 24px !important;*/
display: none !important;
}
h3#storoofing {
display: block !important;
margin-top: -835px !important;
}
.pd_cnt_part2.part2 {
margin-top: 50px;
}
.pd_cnt_part2.part2 h3 {
/*font: 16px/10px gothic;*/
}
ul.thumbs.thumbsroofing > li {
width: 31%;
}
div.roofingpage {
margin-top: -115px !important;
}


/*------------roofing-PAGE--------------end----------1280-------*/

/*------------spheres-PAGE--------------start----------1280-------*/

p.head_detail.sphereshead_detail {
min-height: 220px;
margin-top: 10px;
}
p.sphereshead_detail2 {
min-height: 150px;
}
.sto_speheres {
top: -465px !important;
text-align: left !important;
font-size: 25px !important;
}
h3#sto.sto_speheres {
top: -1188px !important;
margin: -855px 0 0 -12px !important;
}


/*------------spheres-PAGE--------------end----------1280-------*/




/*------------steps-PAGE--------------start----------1280-------*/

p.head_detail.stepshead_detail {
min-height: 185px;
}
p.stepshead_detail2 {
min-height: 165px;
}
h3#sto.sto_steps {
margin: -852px 0 0 -10px !important;
text-align: left;
font-size: 28px;
}
.pd_cnt_part2_rt {
float: right;
width: 380px;
padding: 0px;
margin: 0px 0% 0px 0px;
}
  


/*------------steps-PAGE--------------end----------1280-------*/
/*------------stepping-PAGE--------------start----------1280-------*/
p.head_detail.steppinghead_detail {
min-height: 98px;
}
p.steppinghead_detail2 {
min-height: 120px;
}
p.steppinghead_detail3 {
min-height: 300px;
}


h3#sto.sto_stepping {
margin: -1065px 0 0 -10px !important;
font-size: 28px;
text-align: left;
}



/*------------stepping-PAGE--------------end----------1280-------*/


/*------------gallery-PAGE--------------start----------1280-------*/
.left_abots.pro.con_hd.gallery_heading {
margin-top: 0px !important;
margin-left: 3% !important;
}

/*------------gallery-PAGE--------------end----------1280-------*/


/*------------contactus-PAGE--------------sart----------1280-------*/
input.cnt_box1.cnt-box1-contactus {
float: left;
width: 287px;
}
input.cnt_box1.mgn_lft.mgn_lft-contactus {
float: left;
}
/*------------contactus-PAGE--------------end----------1280-------*/



}

/*@media (max-width:1023px){
h3.sto2 {
margin-top: -663px !important;
text-align: left;
/*font-size: 24px !important;*/
/*
display: none !important;
}

}*/
@media (min-width:1346px){
/*------------contactus-PAGE--------------sart----------1280-------*/
input.cnt_box1.cnt-box1-contactus {
float: left;
width: 287px;
}
input.cnt_box1.mgn_lft.mgn_lft-contactus {
float: left;
width: 287px;
}
/*------------contactus-PAGE--------------end----------1280-------*/