/*------------------my responsive css---------------------------------------*/




@media (min-width: 960px) and (max-width: 1024px) {
	
	.nav li.frist:hover {    border-radius: 0px;}

.nav li.frist.active {    border-radius: 0px;}

.clients_bg ul {
    margin-left: 15px;
}

.clients_bg ul li.last {
    margin-right: 11px;
}

.menu_right_side {

    margin-right: 56px;
}


.social_link {
    float: right;
    margin-right: 10px;
}


.medium {
    margin: auto;
    width: 98%;
}
.banner  {
    margin: auto;
    width: 100%;
}

.banner img {
    margin: auto;
    width: 94%;
}
}


@media (min-width: 768px) and (max-width: 959px) {
	
	

	.clients_bg ul {
    margin-left: 15px;
}
	.clients_bg ul li.last {
    margin-right: 11px;
}

.toggleMenu{  width:100%;}

.nav li.last:hover {    border-radius: 0;}
	 
.nav{ height:auto; margin-left:0px;} 

.menu_right_side {    float: none; margin:5px 29px 0px 0px; }

.main_bx { width:100%;    border-left: medium none;    border-right: medium none;}

.header_bg {    height: auto; 	background:#dfdfdf; overflow:hidden;}

.logo_bx img{ width:50%; margin-left:15px;}

.logo_bx {    float: left;    margin: auto;    width: 80%;}

.container {    width: auto;}

.navigation {    clear: both;  width: 100%;    float: left;    margin: 10px 15px 0 0;}

.medium {    margin: auto;    width: 100%;}

.banner img{ width:100%;}

.banner {    margin: auto;    width: 100%;}

.welshado {    float: none;    margin: auto;    width: 301px;}

.lastmargin {    margin: auto !important;}

.welcome_bx {    background-color: #dddddd;    border-radius: 8px;    float: left;    height: 170px;    margin-top: 10px;    width: 301px;}

.topmargin{ margin-top:18px !important;}

.white_bg ul {    margin: auto;    padding: 10px 0 0 15px;    width: 99%;}

.white_bg ul li {    float: left;    list-style: none outside none;    margin-right: 8px;}

.white_bg {    background-color: #fff;    height: auto;    overflow: hidden;    padding: 15px 0;    width: 100%;}

.client_logo_bg {    background: url("../images/client_bg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);    height: auto;    margin: auto;    width: 100%;}

.footermenu {    padding: 9px 34px;    text-align: center; }

.client_heand { margin:auto;}



/*------------------clients responsive css---------------------------------------*/

.clt_logo{ width:80px; margin:auto;}

.inner_banner img{ width:100%;}

.clients_bg {    float: none;    margin: 30px auto;    width: 100%;}

.clients_bg ul li {    margin-right: 11px;}

.Over_services {    clear: both;    float: none;    margin: 30px auto;    width: 255px;}

.clt_logo {    margin: auto;    width: 100%;}

.margn{ margin-top:15px; clear:both; display:block;}

.Over_services ul {    margin: auto;    padding: 0;    width: 83%;}

.Over_services {    clear: both;    float: none;    margin: 30px auto;    width: auto;}

/*------------------contact responsive css---------------------------------------*/

.address_bx {    margin: 0 75px 25px 15px;}

.contact_frm {    clear: both;    float: none;    margin: auto;    width: 90%;}

.capst img {    float: left;    margin: 3px;}

.nav li.frist:hover {    border-radius: 0px;}

.nav li.frist.active {    border-radius: 0px;}


}






 @media (min-width: 480px) and (max-width: 767px) {
	 
	 .nav li.frist:hover {    border-radius: 0px;}

.nav li.frist.active {    border-radius: 0px;}

	 .clients_bg ul {
    margin-left: 15px;
}
	 .clients_bg ul li.last {
    margin-right: 11px;
}

.toggleMenu{  width:100%;}

.nav li.last:hover {    border-radius: 0;}
	 
.nav{ height:auto; margin-left:0px;} 

.menu_right_side {    float: none; margin:5px 29px 0px 0px; }

.main_bx { width:100%;    border-left: medium none;    border-right: medium none;}

.header_bg {    height: auto; 	background:#dfdfdf; overflow:hidden;}

.logo_bx img{ width:50%; margin-left:15px;}

.logo_bx {    float: left;    margin: auto;    width: 80%;}

.container {    width: auto;}

.navigation {    clear: both;  width: 100%;    float: left;    margin: 10px 15px 0 0;}

.medium {    margin: auto;    width: 100%;}

.banner img{ width:100%;}

.banner {    margin: auto;    width: 100%;}

.welshado {    float: none;    margin: auto;    width: 301px;}

.lastmargin {    margin: auto !important;}

.welcome_bx {    background-color: #dddddd;    border-radius: 8px;    float: left;    height: 170px;    margin-top: 10px;    width: 301px;}

.topmargin{ margin-top:18px !important;}

.white_bg ul {    margin: auto;    padding: 10px 0 0 15px;    width: 99%;}

.white_bg ul li {    float: left;    list-style: none outside none;    margin-right: 8px;}

.white_bg {    background-color: #fff;    height: auto;    overflow: hidden;    padding: 15px 0;    width: 100%;}

.client_logo_bg {    background: url("../images/client_bg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);    height: auto;    margin: auto;    width: 100%;}

.footermenu {    padding: 9px 34px;    text-align: center; }

.client_heand { margin:auto;}



/*------------------clients responsive css---------------------------------------*/

.clt_logo{ width:80px; margin:auto;}

.inner_banner img{ width:100%;}

.clients_bg {    float: none;    margin: 30px auto;    width: 100%;}

.clients_bg ul li {    margin-right: 11px;}

.Over_services {    clear: both;    float: none;    margin: 30px auto;    width: 255px;}

.clt_logo {    margin: auto;    width: 100%;}

.margn{ margin-top:15px; clear:both; display:block;}

.Over_services ul {    margin: auto;    padding: 0;    width: 83%;}

.Over_services {    clear: both;    float: none;    margin: 30px auto;    width: auto;}

/*------------------contact responsive css---------------------------------------*/

.address_bx {    margin: 0 75px 25px 15px;}

.contact_frm {    clear: both;    float: none;    margin: auto;    width: 90%;}

.capst img {    float: left;    margin: 3px;}



}










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


.clients_bg ul li.last {
    margin-right: 11px;
}

.toggleMenu{  width:100%;}

.nav li.last:hover {    border-radius: 0;}
	 
.nav{ height:auto; margin-left:0px;} 

.menu_right_side {    float: none; margin:5px 29px 0px 0px; }

.main_bx { width:100%;    border-left: medium none;    border-right: medium none;}

.header_bg {    height: auto; 	background:#dfdfdf; overflow:hidden;}

.logo_bx img{ width:100%;}

.logo_bx {    float: none;    margin: auto;    width: 85%;}

.container {    width: auto;}

.navigation {    clear: both;  width: 100%;    float: left;    margin: 10px 15px 0 0;}

.medium {    margin: auto;    width: 100%;}

.banner img{ width:100%;}

.banner {    margin: 15px auto auto;   width: 100%;}

.welshado {    float: none;    margin: auto;    width: 301px;}

.lastmargin {    margin: auto !important;}

.welcome_bx {    background-color: #dddddd;    border-radius: 8px;    float: left;    height: 170px;    margin-top: 10px;    width: 301px;}

.topmargin{ margin-top:18px !important;}

.white_bg ul {    margin: auto;    padding: 10px 0 0 15px;    width: 99%;}

.white_bg ul li {    float: left;    list-style: none outside none;    margin-right: 8px;}

.white_bg {    background-color: #fff;    height: auto;    overflow: hidden;    padding: 15px 0;    width: 100%;}

.client_logo_bg {    background: url("../images/client_bg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);    height: auto;    margin: auto;    width: 100%;}

.footermenu {    padding: 9px 34px;    text-align: center; }

.client_heand { margin:auto;}



/*------------------clients responsive css---------------------------------------*/

.clt_logo{ width:80px; margin:auto;}

.inner_banner img{ width:100%;}

.clients_bg {    float: none;    margin: 30px auto;    width: 100%;}

.clients_bg ul li {    margin-right: 7px;}

.Over_services {    clear: both;    float: none;    margin: 30px auto;    width: 255px;}

.clt_logo {    margin: auto;    width: 100%; margin-bottom: auto;
    margin-left: 5px;
    margin-top: auto;}

.margn{ margin-top:15px; clear:both; display:block;}

.Over_services ul {    margin: auto;    padding: 0;    width: 83%;}

.Over_services {    clear: both;    float: none;    margin: 30px auto;    width: auto;}

/*------------------contact responsive css---------------------------------------*/

.address_bx {    margin: 0 75px 25px 15px;}

.contact_frm {    clear: both;    float: none;    margin: auto;    width: 90%;}

.capst img {    float: left;    margin: 3px;}

.nav li.frist:hover {    border-radius: 0px;}

.nav li.frist.active {    border-radius: 0px;}




}