/* CSS Document */

@media screen and (max-width: 1024px){
#main{ width:100%;}
.header{ width:100%;}
#wrapper img{ width:100%;}

/*about us*/
.wrapper-about{ width:96%;}
.wrapper-about p{padding:0px 12px;  text-align:justify;}
.wrapper-about h2 { padding-left:12px;}
.content{ width:95%; float:none;}
.about-img { width:34%; margin-right:10px;}
.about-img img{ width:100%; }
.banner{width:100%;}
.footer{ width:100%;}

.set img{ margin:0px 0px 0px 15px; }
.set h4{ margin-left:10px;}

/*services*/
.wrapper-services { width:100%;}
.wrapper-services h2{ padding-left:12px;}
.wrapper-services p{ width:95%; text-align:justify; padding:0px 12px;}
.wrapper-services h4 { padding-left:12px;}
.left ul { padding:0px 12px;}
.images{ width:30%; text-align:center;}
.images img { margin-left:-58%; float:none; }

/*career*/
.wrapper-career h2 { padding-left:13px;}
.wrapper-career p { text-align:justify; padding:0px 13px;}
.wrapper-career img{ margin-right:10px; margin-bottom:15px;  float:right;}
.wrapper-career h4{ margin-left:10px;}

/*contact*/
.left-ser{ }
.right-ser {float:left; width:30%; margin-left:40px;}
.map{margin-bottom:15px; margin-left:4%; float:left;}
.right-ser h3{ margin:0px 20px 10px 10px;}

}

@media screen and (max-width: 768px){
#main{ width:100%;}
.header{ width:100%;}
.head-wrap{width:100%; text-align:center;}
.head-wrap img{float:none;}
.menu{width:100%; float:none;}
.wrapper{width:100%;}
.left-sidebar{float:none; width:100%;}
.box{width:100%; padding:0; text-align:center; margin-top:30px;}
.box span{margin-left:0;}
.right-sidebar{width:31%; float:none; text-align:center; margin:0 auto; margin-top:10px; clear:both;}
.footer-wrap{width:100%; text-align:center;}
.copy{width:100%;}
.footer-menu{float:none; margin:0;}
.footer-menu ul{margin-left:30%;}
.footer-menu ul li{margin-right:6px;}
.aakruti{float:none; padding:10px 0px; clear:both;}
.nav a{padding:12px 0px !important;}
.toggleMenu{width:95% !important;}
.banner{width:100%;}
.box p{ padding:0px 10px;}
.box1{ margin-top:20px;}
.copy{width:97%;}
.footer{ width:100%;}
.toggleMenu{width:100% !important; padding:10px 0px!important;}

/*...About...*/
.about{width:94%; margin:0 auto;}
.about-img { width:99%; margin-bottom:20px;}
.wrapper-about{ width:87%;}

/*...Services...*/
.left{width:100%; padding:0; float:none;}
.right{width:100%; float:none; text-align:center;}
.right img{  margin:0px 20px 20px 0px;}
.right img:nth-child(3){ margin:0px 0px 20px 0px;}
.wrapper-services p { width:95%}
.wrapper-career{width:100%;}
/*career*/
/*.wrapper-career img { width:29%;}*/
.wrapper-career{width:93%;}

/*...Contact Us...*/
.left-ser{width:100%;}
.right-ser{width:88%; margin-left:0; float:none; margin:0 auto; clear:both;}
.map{margin:0; width:88%; float:none; clear:both; margin:0 auto; margin-top:10px; margin-bottom:10px;}

.set img{ margin:0px 0px 0px 15px;}
.set h4{ margin-left:10px;}

}



@media screen and (max-width: 640px){
#main{ width:100%;}
.header{ width:100%;}
.toggleMenu{width:95% !important;}
.banner{width:100%;}
.box p{ padding:0px 10px;}
.box1{ margin-top:20px;}
.copy{width:97%;}
.footer{ width:100%;}
.toggleMenu{width:100% !important; padding:10px 0px!important;}

.about-img { width:99%; margin-bottom:20px;}
.wrapper-about{ width:87%; text-align:center;}
.footer-menu ul{ margin-left:27%}
.right img{  margin:0px 0px 20px 0px;}
.right img:nth-child(3){ margin:0px 0px 20px 0px;}
.wrapper-career h2 { text-align:center;}
.wrapper-career{width:93%;}


.map{margin:0; width:88%; float:none; clear:both; margin:0 auto; margin-top:10px; margin-bottom:10px;}

.set img{ margin: 18px 10px 10px 15px;}
.set ul li{ text-align: left;}
}

@media screen and (max-width: 480px){
#main{ width:100%;}
.header{ width:100%;}
.head-wrap{width:100%; text-align:center;}
.head-wrap img{float:none;}
.menu{width:100%; float:none;}
.wrapper{width:100%;}
.left-sidebar{float:none; width:100%;}
.box{width:100%; padding:0; text-align:center; margin-top:30px;}
.box span{margin-left:0;}
.box p{ padding:0px 10px;}
.box1{ margin-top:20px;}
.right-sidebar{width:50%; float:none; text-align:center; margin:0 auto; margin-top:10px; clear:both;}
.footer-wrap{width:100%; text-align:center;}
.copy{width:90%;}
.menu a{width:100%;}
.footer{ width:100%;}
.footer-menu{float:none; margin: 0px 0px 0px 57px;}
.footer-menu ul{margin-left:30px;}
.footer-menu ul li{margin-right:6px;}
.aakruti{float:none; padding:10px 0px; clear:both;}
.nav a{padding:12px 0px !important;}
.toggleMenu{width:100% !important; padding:10px 0px!important;}
.banner{width:100%;}

/*...About...*/
.about{width:94%;}
.about-img { width:98%; margin-bottom:20px;}
.wrapper-about{ width:87%; text-align:center;}

/*...Services...*/
.left{width:100%; padding:0; float:none;}
.right{width:100%; float:none; text-align:center;}

/*...career...*/
.wrapper-career{width:87%; text-align:center; }
.wrapper-career p{ padding:0px;}
.wrapper-career h2 { text-align:center;}
.wrapper-career img { width:50%; margin:0% 0% 7% 22%; }
/*...Contact Us...*/
.left-ser{width:100%;}
.right-ser{width:88%; margin-left:0; float:none; margin:0 auto; clear:both;}
.map{margin:0; width:88%; float:none; clear:both; margin:0 auto; margin-top:10px; margin-bottom:10px;}

.set img{ margin: 18px 10px 10px 15px;}
.set ul li{ text-align: left;}
}


@media screen and (max-width: 360px){
.right-sidebar{width:68%; float:none; text-align:center; margin:0 auto; margin-top:10px; clear:both;}
.footer-menu { margin:0px 0px 0px 2px;}
.toggleMenu{width:90% !important; padding:10px 18px!important;}
.banner{width:100%;}
.box p{ padding:0px 10px;}
.box1{ margin-top:20px;}
.copy{width:85%;}
.footer{ width:100%;}
.right img:nth-child(3){ margin:20px 0px 20px 0px;}
.wrapper-career img { width:75%; margin:0% 0% 9% 8%; }
.wrapper-services p { width:93%;}
.map{margin:0; width:88%; float:none; clear:both; margin:0 auto; margin-top:10px; margin-bottom:10px;}
}

@media screen and (max-width: 320px){
#main{ width:100%;}
.header{ width:100%;}
.head-wrap{width:100%; text-align:center;}
.head-wrap img{float:none;}
.menu{width:100%; float:none;}
.wrapper{width:100%;}
.left-sidebar{float:none; width:100%;}
.box{width:100%; padding:0; text-align:center; margin-top:30px;}
.box span{margin-left:0;}
.right-sidebar{width:77%; float:none; text-align:center; margin:0 auto; margin-top:10px; clear:both;}
.footer-wrap{width:100%; text-align:center;}
.footer-menu{float:none; margin:0;}
.footer-menu ul{margin-left:10px;}
.footer-menu ul li{margin-right:6px;}
.aakruti{float:none; padding:10px 0px; clear:both;}
.nav a{padding:12px 0px !important;}
.toggleMenu{width:100% !important; padding:10px 0px!important;}
.banner{width:100%;}
.box p{ padding:0px 10px;}
.box1{ margin-top:20px;}
.copy{width:94%;}
.footer{ width:100%;}

/*...About...*/
.about{width:90%;}
.about-img { width:97%; margin-bottom:20px;}
.wrapper-about{ width:87%; text-align:center;}
/*...Services...*/
.left{width:100%; padding:0; float:none;}
.right{width:100%; float:none; text-align:center;}
.right img:nth-child(3){ margin:20px 0px 20px 0px;}
.wrapper-services p{ width:91%;}
/*...career...*/
.wrapper-career{width:87%;}
.wrapper-career img { width:85%; margin:0% 0% 9% 0%; }

/*...Contact Us...*/
.left-ser{width:100%;}
.right-ser{width:88%; margin-left:0; float:none; margin:0 auto; clear:both;}
.map{margin:0; width:88%; float:none; clear:both; margin:0 auto; margin-top:10px; margin-bottom:10px;}

.set img{ margin: 15px 10px 10px 15px;}
.set ul li{ text-align: left;}
}