/* Potrait Mobile */
@media screen and (min-width: 320px) and (max-width: 767px){
.navbar-collapse{
	background-color:#000;
}
.navbrd  img{
    width: 55% !important;
	 margin-left: 10px;
	 margin-top:-6px;
}
.navbar-inverse .navbar-toggle{
	border-color:transparent !important;
}
.navbar-toggle{
	background-color: #000;
}
.navlist li{
	padding-top:0px;
}
.navlist li a{
	color:#fff !important;
	font-size:11.5px;
	line-height:11px;
	padding-bottom:0px;
	margin-top:-10px !important;
}
ul .dpmenu li a{
	font-size:10px !important;
	color:#000 !important;
	
}
.abutdet h1{
	font-size:19px;
	line-height:10px;
}
.abutdet h3 a{
	font-size:11px;
}
.lftarrw{
	left:42%;
	margin-top:31px;
}
.backgd{
	min-height:230px !important;
}
/* .servimag img{
	width:auto;
	margin:0 auto;
} */
.tabpills{
	margin-left:-41px;
}
#home h1{
	font-size:35px;
}
#home h6{
	margin-top:-2px;
}
#home p{
	font-size:12.4px;
	line-height:19px;
}
#profile h1{
	font-size:35px;
}
#profile h6{
	margin-top:-2px;
}
#profile p{
	font-size:12.4px;
	line-height:19px;
}
#messages h1{
	font-size:35px;
}
#messages h6{
	margin-top:-2px;
}
#messages p{
	font-size:12.4px;
	line-height:19px;
}
#settings h1{
	font-size:35px;
}
#settings h6{
	margin-top:-2px;
}
#settings p{
	font-size:12.4px;
	line-height:19px;
}
.viewal{
	font-size:12px;
}
.lftarrw1{
	left:50%;
	margin-top:0;
}
.tablist a{
	font-size:11px;
}
.tablist li{
	width:50%;
}
.tablist  li  a{
	padding:10px 0;
	margin-right:-3px;
}
.tablist{
	margin-left:11%;
}
.tablist li.active a{
	padding:10px 0;
}
.tabpills{
	padding-bottom:6%;
}
.clear1{
	padding:1%;
}
.projects h6{
	font-size:17px;
}
/* .view .content{
	top:23px !important;
	width:50px !important;
}
.content h2{
	font-size:8px !important;
	margin-bottom:-8px !important;
}
.info{
	background-color:#fff !important;
	color:#000 !important;
	padding:5px 3px !important;
	border-radius:3px !important;
	font-size:5px !important;
	margin-left:-5px !important;
	margin-top:-8px !important;
} */
.assocpg h2{
	font-size:21px;
}
.assocpg h5{
	font-size:9px;
}
.conactlk{
	margin-top:10px;
}
.conactlk a{
	padding:12px;
	font-size:10px;
}
.conactlk a:hover{
	padding:12px;
	font-size:10px;
}
.ftform h5{
	font-size:13px;
}
.borderal{
	font-size:10px;
	height:28px;
}

.address{
	padding-left:0px;
}
.address h5{
	font-size:13px;
}
.address p{
	font-size:11.5px;
	line-height:20px;
}
.contactus{
	padding-left:0px;
}
.contactus h5{
	font-size:13px;
	padding-left:0px;
}
.contactusli li{
	font-size:12.5px;
	line-height:20px;
	margin-left:-39px;
}
.socialicon h5{
	font-size:13px;
}
.sociallnks a{
	background-color:#44494F;
	padding:2px 1px;
}
.sociallnks a:hover{
	background-color:#44494F;
	padding:2px 1px;
}
.sociallnks img{
	width:10%;
}
.footer2 p{
	font-size:9px;
	padding-top:9px;
}
.abutdet{
	margin-top:16%;
}
.capfnt{
	top:10%;
}
.capfnt h1{
	font-size:20px;
	margin-bottom: 1px;
}
.fntal{
	font-size:14px;
	word-spacing:5px;
}
#name{
	font-size:9px;
	padding:7px 14px;
}
#email{
	font-size:9px;
	padding:7px 14px;
}
#phone{
	font-size:9px;
	padding:7px 14px;
}
#message{
	font-size: 9px;
	padding:7px 14px;
}
#submit{
	padding:5px 14px;
	font-size:9px;
}
/*** ABOUT US ***/
.inner-banner-wrapper {
    position: relative;
    height: 40vh;
}
.inner-banner-wrapper img{
	height:40vh;
}
.aboutus-banner-wrapper-title h1{
	font-size:20px;
}
.aboutus-banner-wrapper-title h2{
	font-size:21px;
}
.aboutus-banner-wrapper-title{
	font-family: "OSWALD-REGULAR";
	left: calc(50% - 151px);
	position: absolute;
	top: calc(50% - 52px);
}
.briefabt h2{
	margin-right:13%;
	font-size:12px;
	line-height:16px;
}
.abtdet1 h2{
	font-size:12px;
	word-spacing:0;
	margin-left:-26px;
}
.abtdet1 p{
	font-size:10px;
	margin-left:-26px;
	margin-bottom:2px;
}
.abtdet2{
	margin-left:-26px;
}
.abtdet2 h3{
	font-size:12px;
	word-spacing:0;
	margin-top:5px;
}
.abtdet2 p{
	font-size:10px;
}
.abtdet3{
	margin-left:-26px;
}
.abtdet3 h3{
	font-size:12px;
	word-spacing:0;
	margin-top:5px;
}
.abtdet3 p{
	font-size:10px;
}
.briefabt1 h2{
	font-size:12px;
	line-height:15px;
	margin-right:-2%;
	margin-top:-40px;
}

/*** quality ***/
.briefqul h2{
	font-size:12px;
	line-height:16px;
	margin-right:12%;
	margin-top:128%;
}
.quadet1 h2{
	font-size:15px;
}
.quadet1 p{
	font-size:10px;
}
.backgd1{
	min-height:236px !important;
}
/**our approach **/
.briefapp h2{
	font-size:12px;
	line-height:17px;
	margin-right:-1%;
}
.appdet1 h2{
	font-size:12px;
	margin-left:-15px;
}
.applist li{
	font-size:11px;
	line-height:15px;
}
.applist img{
	float:left;
	margin-left:-21px;
	width:10%;
}
/**services **/
.service-banner-wrapper-title {
    position: absolute;
    top: calc(50% - 33px);
    left: calc(50% - 74px);
    color: #EFCB13;
    font-family: 'OSWALD-REGULAR';
}
.service-banner-wrapper-title h1{
   font-size:25px;
}

.serviceimg img{
	width:50%;
}
.servpgdet h2{
	font-size:16px;
}
.servpgdet p{
	font-size:11px;
}
.servcsdet h2{
	font-size:14px;
	margin-top:-18px;
}
.servcsdet h1{
	font-size:26px;
	margin-bottom:53px;
	margin-top:10px;
}
.servcsdet{
	margin-top:-54%;
}
.servcicon{
	padding-bottom:14px;
}
.servcicon h2{
	font-size:16px;
}
.servcicon p{
	font-size:11px;
}
.servcicon a{
	font-size:8px;
	padding:3px 10px;
	margin-bottom:0;
}
.servcdet2 h2{
	font-size:23px;
}
.servcdet2 p{
	font-size:12px;
}
/**Projects **/
.project-banner-wrapper-title {
    position: absolute;
    top: calc(50% - 33px);
    left: calc(50% - 74px);
    color: #EFCB13;
    font-family: 'OSWALD-REGULAR';
}
.project-banner-wrapper-title h1{
   font-size:25px;
}
.projects-heading h2{
	font-size:22px;
	margin-bottom:13px;
}
ul.cust-nvtabs{
	margin-left:-5%;
}
ul.cust-nvtabs li a{
	font-size:11px;
}
.vrtx_citynm h5 a{
	font-size:13px;
}
/**project details **/
.banptw2 h2{
	font-size:24px;
}
.banptw2 h6{
	font-size:14px;
}
.leftar h2{
	font-size:19px;
}

.rgtar h2{
	font-size:19px;
}
.rgtar img{
	margin-top:-39px;
}
.projtdet{
	padding-bottom:23%;
}
/** career **/
.career-banner-wrapper-title {
    position: absolute;
    top: calc(50% - 33px);
    left: calc(50% - 48px);
    color: #EFCB13;
    font-family: 'OSWALD-REGULAR';
}

.career-banner-wrapper-title h3{
   font-size:25px;
}
.career h1{
	font-size:22px;
}
.career p{
	font-size:12px;
}
.carerdt h1 {
    font-size: 20px;
}
.accdtitle{
	font-size:16px;
}
.accdtitle a:hover{
	font-size:16px;
}
 .accd1 {
	font-size:l2px ;
}
.accddt {
	font-size:22px;
}
.accdlt li{
	font-size:13px;
}
.accd1 h2{
	font-size:16px;
}
/**SERVICES INNER PAGES **/
.servcdet h1{
	font-size:22px;
}
.servcdet p{
	font-size:13px;
	line-height:20px;
}
.servcdet1 h1 {
    font-size: 22px;
}
.servcdet1 p{
    font-size:13px;
	line-height:20px;
}
/**work environment **/
.workenvdt1 h2{
	font-size:23px;
}
.workenvdt1 p{
	font-size:13px;
}
/**contact us **/
.contactus-banner-wrapper-title {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 113px);
    color: #EFCB13;
    font-family: 'OSWALD-REGULAR';
}
.contactus-banner-wrapper-title h1 {
  font-size:21px;
}
.contactdt h1{
	font-size:22px;
}
.padal{
	width:48%;
}
#lname{
	font-size:9px;
}
#subbtn{
	padding:10px 20px;
}
/**inforamtion **/
.intech1 img {
    width: 50%;
    margin: 0 auto;
}
.intech2 h2{
	font-size:22px;
}
.intech2 p{
	font-size:12px;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
.navlist {
    margin-right: -12px;
    margin-top: -10px;
}
.navlist li a{
	font-size:11.5px;
	margin-top:-45px;
	padding-right:18px;
}
.navlist li a.active{
	margin-top:-37px;
}
.navlist li a{
	padding-right:10px;
}
ul .dpmenu li a{
	font-size:11px !important;
	margin-top:-8px;	
}
ul .dpmenu li {
	font-size:11px;
	padding-bottom:15px;
}
.navbrd img{
	width:75%;
	margin-left:9px;
}
.capfnt{
	top:35%;
}
.capfnt h1{
	font-size:30px;
	margin-bottom: 1px;
}
.fntal{
	font-size:18px;
	word-spacing:5px;
}
.abutdet h1{
	font-size:37px;
}
.abutdet h3 a{
	font-size:13px;
}
.lftarrw{
	left:69%;
}
.abutdet{
	margin-top:8%;
}
.clear1{
	padding:1%;
}
.tabpills{
	padding:1%;
}
#home h6{
	margin-top:0%;
}
#home h1{
	font-size:37px;
}
#home p{
	font-size:13px;
	
	line-height:22px;
}
#profile h6{
	margin-top:0%;
}
#profile  h1{
	font-size:37px;
}
#profile  p{
	font-size:13px;
	line-height:22px;
}
#messages h6{
	margin-top:0%;
}
#messages h1{
	font-size:37px;
}
#messages p{
	font-size:13px;
	line-height:22px;
}
#settings h6{
	margin-top:0%;
	
}
#settings h1{
	font-size:29px;
}
#settings p{
	font-size:13px;
	line-height:22px;
}
.viewal a{
	font-size:12px;
}
.line hr{
	margin-left:13%;
	margin-right:79%;
	margin-top:-2%;
}
.tablist  li  a{
	padding:10px 0;
	margin-right:-3px;
}
.tablist li{
	width:48%;
}
.tablist a{
	font-size:13px;
}
.projects{
	margin-top:-8px;
}
.projects h6{
	font-size:31px;
	margin-top:10px;
}
.contactusli li{
	margin-left:-19px;
}
.assocpg h2{
	font-size:40px;
}
.assocpg h5{
	font-size:13px;
}
.conactlk a{
	font-size:10px;
	padding:12px 26px;
}
.borderal{
	font-size:10px;
}
#message{
	padding-bottom:11px;
	padding-top:7px;
}
#submit{
	font-size:10px;
	padding:10px 9px;
}
.address p{
	font-size:11.5px;
	line-height:17px;
}
.contactusli li{
	font-size:11.5px;
	line-height:17px;
	margin-left:-46px;
}
.contactus h5{
	padding-left:0;
	margin-left:-8px;
	}
/** about us **/
.inner-banner-wrapper {
    position: relative;
    height: 40vh;
}
.inner-banner-wrapper img{
	height:40vh;
	width:100%;
}
.aboutus-banner-wrapper-title{
	color: #efcb13;
    font-family: "OSWALD-REGULAR";
    left: calc(50% - 226px);
    position: absolute;
    top: calc(50% - 59px);
}	
.aboutus-banner-wrapper-title h1{
	font-size:25px;
}
.aboutus-banner-wrapper-title h2{
	font-size:26px;
}
.abtdet1 p{
	font-size:14px;
}
.abtdet2 p{
	font-size:14px;
}
.abtdet3 p{
	font-size:14px;
}
/*** quality ***/
.backgd1{
	min-height:268px !important;
}
.quadet1 p{
	font-size:13px;
}
.briefqul h2{
	font-size:13px;
	margin-right:30%;
	line-height:19px;
}
/**our approach **/
.applist li{
	font-size:14px;
	line-height:22px;
}
/**services**/
.servcsdet{
	margin-top:-29%;
}
.servpgdet h2{
	font-size:25px;
}
.servpgdet p{
	font-size:13px;
}
.servcicon p{
	font-size:12px;
}
.servcicon a{
	padding:0 10px;
	font-size:10px;
}
.servcdet2 p{
	font-size:13px;
}
/**Projects **/
ul.cust-nvtabs{
	margin-left:0%;
}
ul.cust-nvtabs li a{
	font-size:13px;
}
/**Project details **/
.leftar img{
	float:left;
	margin-left:-23px;
}
.leftar h2{
	font-size:19px;
}
.rgtar h2{
	font-size:19px;
}
.rgtar img{
	float:right;
	margin-right:-33px;
	 margin-top: -30px;
}
/**contact us **/
.padal{
	width:49%;
}
}
@media screen and (min-width: 980px) and (max-width: 1280px){
.navlist li a{
	margin-top:-8px;
	padding-right:30px;
}
.navlist li a.active{
	margin-top:0px;
}
.lftarrw{
	left:65%;
}
.content{
	left:10px !important;
	top:150px !important; 
}
.content h2{
	font-size:15px !important;
	
}
.contactusli li{
	font-size:13.5px;
	line-height: 25px;
	margin-left:28px;
}
.address p{
	font-size:13.5px;
	line-height:23px;
}
.contactus h5{
	margin-left: 63px;
}
.borderal{
	font-size:12px;
}
.navlist li.active a{
	margin-top:1px;
}
.navlist{
	margin-top:0px;
	padding-bottom:10px;
}
.inner-banner-wrapper {
    position: relative;
    height: 50vh;
}
.inner-banner-wrapper img{
	height:50vh;
	width:100%;
}
.aboutus-banner-wrapper-title{
	color: #efcb13;
    font-family: "OSWALD-REGULAR";
    left: calc(50% - 296px);
    position: absolute;
    top: calc(50% - 59px);
}	
.aboutus-banner-wrapper-title h1{
	font-size:30px;
}
.aboutus-banner-wrapper-title h2{
	font-size:36px;
}

}

}
@media screen and (min-width: 1920px) and (max-width: 900px){
.capfnt{
	bottom:500px !important;
}
.navlist li a{
	margin-top:-10px !important;
}
.abutdet {
	padding-bottom:5%;
}
.tablist li{
	width:48%;
}
.view .mask{
	width:100% !important;
	height:837px !important;
}

}


/* LANDSCAPE MODE  Mobile*/
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation:landscape){
/**aboutus **/
.aboutus-banner-wrapper-title{
	color: #efcb13;
    font-family: "OSWALD-REGULAR";
    left: calc(50% - 175px);
    position: absolute;
    top: calc(50% - 55px);
}
	.servimag img{
	width:50%;
	margin:0 auto;
}
.line hr{
	margin-left:10px;
	margin-left:15%;
	margin-right:76%;
	margin-top:-2%;
}
.view-sixth img{
	width:100%;
	margin:0 auto;
	height:100%;
}
.view .mask{
	width:500px !important;
	height:803px !important;
}
.content{
	left:-24px !important;
	top:275px !important;
}
.content h2{
	font-size:15px !important;
}
.socialicon{
	padding:0% !important;
}
.lftarrw1{
	left:38%;
}
.abutdet{
	margin-top:12%;
}
.capfnt{
	top:20%;
}
.sociallnks a{
	background-color:#44494F;
	padding:2px 1px;
}
.sociallnks a:hover{
	background-color:#44494F;
	padding:2px 1px;
}
.sociallnks img{
	width:6% !important;
}
/** quality**/
.quadet1 p{
	font-size:12px;
}
/**our approach **/
.applist img{
	margin-left:-22px;
	width:7%;
}
/** services **/
.servcsdet{
	margin-top:-36%;
}
/**projectdetails**/
.rgtar img{
	margin-top:-3px;
}
.leftar img{
	margin-top:-3px;
}
/**contactus **/
.padal {
    width: 48.5%;
}


}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){
.navlist li a{
	font-size:15.5px;
	margin-top:5px;
}
.navlist {
    margin-right: -2px !important;
    margin-top: 11px;
}
.navlist li a.active{
	margin-top:14px;
}
.navbrd img{
	width:100%;
}
.abutdet{
	margin-top:6%;
}
.lftarrw{
	left:64%;
}
.clear1{
	padding:1%;
}	
.tabpills{
	padding:1% 1% 33%;
}
.content{
	left:-48px !important;
	top:150px !important; 
}
.content h2{
	font-size:15px !important;
	
}
.projects h6{
	margin-top:10px;
}
#home h6{
	margin-top:28px;
}
#messages h6{
	margin-top:28px;
}
#profile h6{
	margin-top:28px;
}
#settings h6{
	margin-top:28px;
}
.contactusli li{
	margin-left:-12px;
}
/** ABOUT US **/



/** SErvices **/
.servcsdet{
	margin-top:-22%;
}
.servcsdet h1{
	font-size:35px;
}
.servcdet2 h2{
	font-size:35px;
	margin-top:-23px;
}
/**projects **/
ul.cust-nvtabs{
	margin-left:39px;
}
ul.cust-nvtabs li a{
	font-size:15px;
}
/**contactus **/
.padal{
	width:49%;
}

}
@media screen and (min-width: 980px) and (max-width: 1280px) and (orientation:landscape){
.projects h6{
	margin-top:10px;
}
.content{
	left:0px !important;
	top:200px !important; 
}
.content h2{
	font-size:15px !important;
	
}
.abutdet{
	padding-bottom:2%;
}
.contactus h5{
	margin-left:26px;
}
.navlist{
	margin-top:8px;
	padding-bottom:14px;
}

}
/* @media screen and (min-width: 1920px) and (max-width: 900px) and (orientation:landscape){
.capfnt{
	bottom:500px !important;
}
.tablist li{
	width:48%;
}
.navbrd img{
	margin-top:-28px;
}
.projects{
	margin-top:-10px !important;
}
.view .mask{
	width:100% !important;
	height:837px !important;
}
} */