@charset "utf-8";
/* CSS Document */

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

/* MOBILE WRAPPER ----------------------------------------------------*/

body{background:url(pack-images/bg2.jpg) fixed no-repeat; width:100%; height:auto; margin:0px; padding:0px; background-size: 100%}
.tdbgr{max-width:100%;}
#headder{width:80%;margin:0px auto}
#gap{display:none}
#mob-gap{display:block}
#content{width:80%; height:4750px;  position:relative; clear:both;margin:0px auto}
.main-cointaner{max-width:100%;}


#wrapper{ width:90%;margin:0px auto;}
#desc{display:none}
#logo1{width:20%;border:solid;float:left}
#mob-frame{display:block}
.navigation1{ height:20px; width:100%;margin:0px auto;position:relative;}
#content-wrapper{max-height:2000px}
#td1{width:100%; height:auto}
.working-table{display:none}
#lower-headder img{width:100%;height:auto}
#lower-headder p{font-size:12px;font-weight:bold;text-align:center}
#contact{display:none}
#lower-headder p span{display:none}
#lower-headder1{max-height:80px}
table#logo p{font-size:12px;}
#gallery1 img{display:none}
table#logo img{}
h2 {font-size:12px;font-weight:bold}
h4 {font-size:9px;font-weight:bold}
#show11{max-width:97%}
#ul1{font-size:10px;}
.left_photo_pannel{display:none}
.right_photo_pannel{width:97%;font-size:65%;line-height:1.2em}
.bottom_round{display:none}

.content{width:100%}
.content img{ width:100%;float:left;height:auto} 
.working_left{ width:100%;float:left;height:auto}
.working_right {width: 97%;float: left;}
p{font-size:80%}



.content p{ font-size:15px;font-size:75%;clear:both} 
#img{ width:100%;float:left} 
#sort-img{display:none}
.top_round{display:none}
.working_area {width:97%;font-size:60%;line-height:1.2em}
img{border:none}

.footer{max-width:100%;}


}


@media  only  screen  and (min-width: 501px) and (max-width: 700px) {

/* MOBILE WRAPPER ----------------------------------------------------*/

body{background:url(pack-images/bg2.jpg) fixed no-repeat; width:100%; height:auto; margin:0px; padding:0px; background-size: 100%}
.tdbgr{max-width:100%}
#headder{width:80%;margin:0px auto}
#gap{display:none}
#mob-gap{display:block}
#content{width:80%; height:4750px;  position:relative; clear:both;margin:0px auto}
.main-cointaner{max-width:100%;}
.navigation1 li{padding:0 10px 0 10px}
.navigation1 li a{font-size:90%;font-weight:bold}
#wrapper{ width:90%;margin:0px auto;}
#desc{display:none}
#logo1{width:20%;border:solid;float:left}
#mob-frame{display:block}
.navigation1{ height:40px; width:100%;margin:0px auto;}
#content-wrapper{max-height:3250px}
#td1{width:100%; height:auto}
.working-table{display:none}
#lower-headder img{width:50%;height:80px}
#lower-headder p{font-size:70%}
#lower-headder p span{font-size:100%}
.left_photo_pannel{display:none}
.right_photo_pannel{width:97%;font-size:70%}
table#logo p{font-size:12px;}
#show11{max-width:97%}
table#logo img{}
h2 {font-size:15px;font-weight:bold}
h4 {font-size:11px;font-weight:bold}

#ul1{font-size:10px;}
#lower-headder1{max-height:70px}
#gallery1 img{display:none}
.navigation1 li{list-style:none;padding:0 -10px 0 5px;}
.navigation1 ul{margin-left:-50px;position:relative}
.content{width:100%}
.content img{ width:100%;float:left;height:auto} 
.working_left{ width:100%;float:left;height:auto}
.working_right {width: 97%;float: left;}
p{font-size:80%}



.content p{ font-size:15px;font-size:75%;clear:both} 
#img{ width:100%;float:left} 
#sort-img{display:none}
.top_round{width:100%}
.working_area {width:100%;font-size:70%}
img{border:none}
#mob-footer{display:block}
.footer{max-width:100%;}
}

 @media only screen and (max-width: 280px){
	 
	
body{background:url(pack-images/bg2.jpg) fixed no-repeat; width:100%; height:auto; margin:0px; padding:0px; background-size: 100%}
.tdbgr{max-width:100%;}
#headder{width:80%;margin:0px auto}
#gap{display:none}
#mob-gap{display:block}
#content{width:80%; height:4750px;  position:relative; clear:both;margin:0px auto}
.main-cointaner{max-width:100%;}
.navigation1 li{padding:0 10px 0 10px}
.navigation1 li a{font-size:200% ;font-weight:bold}
#wrapper{ width:90%;margin:0px auto;}
#desc{display:none}
#logo1{width:20%;border:solid;float:left}
#mob-frame{display:block}
.navigation1{ height:20px; width:100%;margin:0px auto;position:relative;top:-10px}
#content-wrapper{max-height:2000px}
#td1{width:100%; height:auto}
.working-table{display:none}
#lower-headder img{width:100%;height:auto}
#lower-headder p{font-size:12px;font-weight:bold;text-align:center}
#contact{display:none}
#lower-headder p span{display:none}
#lower-headder1{max-height:80px}
table#logo p{font-size:12px;}
#gallery1 img{display:none}
table#logo img{}
h2 {font-size:9px;font-weight:bold}
h4 {font-size:6px;font-weight:bold}
#show11{max-width:97%}
#ul1{font-size:10px;}
.left_photo_pannel{display:none}
.right_photo_pannel{width:97%;font-size:65%;line-height:1.2em}
.bottom_round{display:none}
.navigation1 li{list-style:none;padding:0 -10px 0 5px;}
.navigation1 ul{margin-left:-50px;position:relative}
.content{width:100%}
.content img{ width:100%;float:left;height:auto} 
.working_left{ width:100%;float:left;height:auto}
.working_right {width: 97%;float: left;}
p{font-size:80%}

.content p{ font-size:15px;font-size:60%;clear:both} 
#img{ width:100%;float:left} 
#sort-img{display:none}
.top_round{display:none}
.working_area {width:97%;font-size:60%;line-height:1.2em}
img{border:none}

.footer{max-width:100%;}
 
	 
	 
	 }