﻿ 
@media screen and (max-width:1170px) {
.right_con {	    width: 72%;}
}
@media screen and (max-width:980px) {
.right_con {  width: 72%;}
.ful_wdith{ width:94%;}



}

@media screen and (max-width:900px) {
.right_con {   width: 72%;}
.left_con h2 { font-size: 14px;}
h2.dashboard { font-size: 14px;}
.ful_wdith{ width:94%;}
}
 @media screen and (max-width:768px) {
 .left_con { text-align: center;  width: 94%;}
.right_con { width: 94%;}
.ful_wdith{ width:90%;}
}
@media screen and (max-width:767px) {
	

.page {
    left: 0;
    margin: 50px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
} 
 

 
 
}
 
 @media screen and (max-width:650px) {
 
}
@media screen and (max-width:600px) {
 

}
@media screen and (max-width:480px) {
 
 .left_con { text-align: center;  width: 85%;}
.right_con { width: 85%;}
.right_con .big_button {  float: left; width: 50%;}

.grey-bg.no-margin {   margin: 0 0 0 -7px;  width: 89.2%;}
#breadcrumb{ margin:0.667em 1em 0;}
.ful_wdith{ width:90%;}
.container_12 {  width: 99%;}
.menu_tb ul { margin: 0 0 30px 10px;}
.input-with-button input[type="reset"] {
    float: left;
    margin: 0;
}

.field label {
    margin: 3px 0 5px;
    width: 100%;
}

.field > input[type="checkbox"] {
    float: none;
    margin: 2px 4px 0 0;
}

.field {
	text-align: center;
}

.boxRound {
    display: inline-block;
    float: none;
    margin: 5px 0;
    width: 90%;
}
}
 
 @media screen and (max-width:320px) {
	  .left_con { text-align: center;  width: 85%;}
.right_con { width: 85%;}
.right_con .big_button {  float: left; width: 70%;}

.grey-bg.no-margin {  margin: 0 0 0 -8px;  width: 89.4%;}
#breadcrumb{ margin:0.667em 1em 0;}
.ful_wdith{ width:90%;}
.container_12 {  width: 99%;}
.menu_tb ul { margin: 0 0 30px 10px;}
.menu_tb.mrgin_tp li {  margin: 0 15px 20px 0;  width: 160px;}

.ful_wdith { width: 88%;}
.input-with-button .big_button {
    margin: 2px 5px 9px 1px;
}
.input-with-button input[type="reset"] {
    float: left;
    margin: 0;
}
  
}



/*****ala****/




