/*

Author: W3layout

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

*/

/* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}

ol,ul{list-style:none;margin:0;padding:0;}

blockquote,q{quotes:none;}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

table{border-collapse:collapse;border-spacing:0;}

/* start editing from here */

a{text-decoration:none;}

.txt-rt{text-align:right;}/* text align right */

.txt-lt{text-align:left;}/* text align left */

.txt-center{text-align:center;}/* text align center */

.float-rt{float:right;}/* float right */

.float-lt{float:left;}/* float left */

.clear{clear:both;}/* clear float */

.pos-relative{position:relative;}/* Position Relative */

.pos-absolute{position:absolute;}/* Position Absolute */

.vertical-base{	vertical-align:baseline;}/* vertical align baseline */

.vertical-top{	vertical-align:top;}/* vertical align top */

.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */

nav.vertical ul li{	display:block;}/* vertical menu */

nav.horizontal ul li{	display: inline-block;}/* horizontal menu */

img{max-width:100%;}

/*end reset*/

@font-face {

    font-family: 'caviar_dreamsregular';

    src:          url('../fonts/CaviarDreams-webfont.ttf') format('truetype');

}

body {

	background:#ffffff;

	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

	background:url('../images/bg.png');

	font-size: 0.8924em;

	color: #777;

}

.wrap{

	width: 80%;

	margin: 0 auto;

}

.header{

	padding: 3% 0 2%;

}

.logo{

	float: left;

}

/*menu*/

.hdr-nav{

	margin-top:2%;

	float:right;

}

.nav li {

    float: left;

    position: relative;

}

.nav li.active a{

	color: #990066;

	border-bottom:2px solid;

}

.nav li a {

	 font-family: 'caviar_dreamsregular';

	color: #999;

	display: block;

	float: left;

	font-weight:800;

	font-size: 1.1em;

	padding:8px 20px;

	position: relative;

	text-decoration: none;

}

.nav li:hover > a {

    color:#990046;

    

}

/*slider*/

.slider{

	margin-top: 1%;

}

.text{

	border-bottom: 2px solid rgb(241, 240, 241);

	margin:-4% 0 4%;

}

.text-h{

	float:left;

	width: 82.33%;

	margin-right: 3.33%;

}

.text-b{

	float:right;

	width: 14.33%;

}

.text-h h2,.details h2 {

	font-family: "arial", verdana Helvetica, sans-serif;

	padding: 10px 0;

	font-size: 2em;

	text-transform: uppercase;

	color: #555;

}

.text-h h3{

	margin-bottom: 2%;

	line-height: 1.8em;

	color:#777;

	font-size:1em;

}

.caption{

	font-family: "arial", verdana Helvetica, sans-serif;

    font-size: 1.4em;

    text-transform: capitalize;

    color: #990066;

}

/*btn*/

.btn {

text-align: right;

}

.btn1{

	text-align:left;

}

.btn a,.btn1 a{

	font-family: 'caviar_dreamsregular';

	padding: 10px;

	color:#fff;

	letter-spacing:1px;

	background: rgb(153,0,85);

	background: -moz-linear-gradient(top,  rgba(153,0,85,1) 1%, rgba(153,0,102,1) 60%, rgba(153,0,105,1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(153,0,85,1)), color-stop(60%,rgba(153,0,102,1)), color-stop(100%,rgba(153,0,105,1)));

	background: -webkit-linear-gradient(top,  rgba(153,0,85,1) 1%,rgba(153,0,102,1) 60%,rgba(153,0,105,1) 100%);

	background: -o-linear-gradient(top,  rgba(153,0,85,1) 1%,rgba(153,0,102,1) 60%,rgba(153,0,105,1) 100%);

	background: -ms-linear-gradient(top,  rgba(153,0,85,1) 1%,rgba(153,0,102,1) 60%,rgba(153,0,105,1) 100%);

	background: linear-gradient(to bottom,  rgba(153,0,85,1) 1%,rgba(153,0,102,1) 60%,rgba(153,0,105,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990055', endColorstr='#990069',GradientType=0 );

	border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

}

.btn a:hover,.btn1 a:hover{

	background: rgb(142,8,102);

	background: -moz-linear-gradient(top,  rgba(142,8,102,1) 1%, rgba(150,10,89,1) 60%, rgba(142,9,107,1) 99%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(142,8,102,1)), color-stop(60%,rgba(150,10,89,1)), color-stop(99%,rgba(142,9,107,1)));

	background: -webkit-linear-gradient(top,  rgba(142,8,102,1) 1%,rgba(150,10,89,1) 60%,rgba(142,9,107,1) 99%);

	background: -o-linear-gradient(top,  rgba(142,8,102,1) 1%,rgba(150,10,89,1) 60%,rgba(142,9,107,1) 99%);

	background: -ms-linear-gradient(top,  rgba(142,8,102,1) 1%,rgba(150,10,89,1) 60%,rgba(142,9,107,1) 99%);

	background: linear-gradient(to bottom,  rgba(142,8,102,1) 1%,rgba(150,10,89,1) 60%,rgba(142,9,107,1) 99%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e0866', endColorstr='#8e096b',GradientType=0 );

}

/*  GRID OF FOUR   ============================================================================= */

.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}

.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1;

}

.col_1_of_4{

	display: block;

	float:left;

	margin: 1% 0 1% 1.6%;

}

.col_1_of_4:first-child {

	 margin-left: 0;

	 padding-left: 0;

}



.col_1_of_4:last-child{

	padding-right: 0;

}

 /* all browsers except IE6 and lower */

	

.span_1_of_4 {

	width: 21.33%;

	padding:1.5%; 

}

.span_1_of_4  h3{

	font-family: "arial", verdana Helvetica, sans-serif;

	color:#990066;

	margin-bottom: .5em;

	font-size:1.4em;

	line-height: 1.2;

	font-weight : normal;

	margin-top: 0px;

	letter-spacing: 0px;

}

.span_1_of_4  p {

	line-height: 1.8em;

}

.span_1_of_4 img{

	border-radius:4px;

	-o-border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}

/*text1*/

.text1{

	border-bottom: 2px solid rgb(241, 240, 241);

	margin: 2% 0;

}

/*  GRID OF THREE   ============================================================================= */

.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}

.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1;

}

.listview_1_of_2{

	display: block;

	float:left;

	margin: 0% 0 0% 1.6%;

}

.listimg{

	display: block;

	float:left;

}

.list_2_of_1-text{

	display: block;

	float:left;

	margin: 0% 0 0% 3.6%;

}

.listview_1_of_2:first-child { margin-left: 0;

	padding-left: 0; 

} 

.listview_1_of_2:last-child{

	margin-right: 0;

	padding-right: 0; 

}

.images_1_of_2 {

	width: 47.2%;

	padding:1.5%; 

}

.listimg_2_of_1 {

	width: 30.2%;

}

.list_2_of_1 {

	width: 66.2%;

}

.images_1_of_2  img {

	max-width:100%;

	display:block;

}

.list_2_of_1  h3{

	font-family: "arial", verdana Helvetica, sans-serif;

	font-size: 1.4em;

	text-transform: capitalize;

	color: #990066;

}

.list_2_of_1  p{

	margin-top:10px;

	line-height: 1.8em;

}

.list_2_of_1 .button{

	margin-top:0.5em;

}

.list_2_of_1 .button a{

	font-family: "arial", verdana Helvetica, sans-serif;

	font-size: 1em;

	text-transform: capitalize;

	color: #610241;

}

.list_2_of_1 .button a:hover{

    color: #4E0034; 

}

b {

	color:#333;

}

/*footer*/

.footer{

	margin-top: 2.6%;

	background: #f6f6f6;

}

/*  GRID OF THREE   ============================================================================= */

.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}

.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1;

}

.col_1_of_3{

	display: block;

	float:left;

	margin: 1% 0 1% 1.6%;



}

.col_1_of_3:first-child { margin-left: 0; }



.span_1_of_3 {

	width: 29.2%;

	padding:1.5%; 

}

.span_1_of_3  h3{

	text-transform: capitalize;

	font-family: "arial", verdana Helvetica, sans-serif;

	font-size: 1.6em;

	color: #555;

	margin-bottom: 8%;

}

.span_1_of_3  p  {

	line-height: 1.8em;

}

.search-f input {

	font-size: 1em;

	color: #090006;

    width: 73.33%;

    height: 20px;

    padding: 10px 6px;

    float: left;    

    border: 0;

    background: #eee;

    -moz-border-radius: 3px 0 0 3px;

	-webkit-border-radius: 3px 0 0 3px;

    border-radius: 3px 0 0 3px;  



}

.search-f input:focus {

	border-right:none;

	outline: 0;

    border:0;

    outline:none;

    background: #eee;

  

}

.search-f input::-webkit-input-placeholder {

   color: #999;

   font-weight: normal;

   font-style: italic;

}

.search-f input:-moz-placeholder {

    color: #999;

    font-weight: normal;

    font-style: italic;

}

.search-f input:-ms-input-placeholder {

     color: #999;

     font-weight: normal;

     font-style: italic;

}    

.search-f button {

    	font-family: 'caviar_dreamsregular';

		overflow: visible;

        position: relative;

        float: right;

        border: 0;

        padding: 0;

        cursor: pointer;

        height: 40px;

        width: 23.33%;

        color: #fff;

        text-transform: uppercase;

        background: #990066;

        -moz-border-radius: 0 3px 3px 0;

        -webkit-border-radius: 0 3px 3px 0;

        border-radius: 0 3px 3px 0;      

        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);

}   

.search-f button:hover{		

     background: #990077;

}	

.search-f button:before {

        content: '';

        position: absolute;

        border-width: 8px 8px 8px 0;

        border-style: solid solid solid none;

        border-color: transparent #990066 transparent;

        top: 12px;

        left: -6px;

    }

/*footer1*/

.footer1{

	padding:30px 0;

	background: #E0E0E1;

	border-top: 1px ridge rgba(228, 228, 228, 1);

}

.footer1 p{

	text-align:center;

}

.footer1 p.w3-link {

	color: #777;

	font-size:1em;

}

.footer1 p.w3-link a {

	font-family: 'caviar_dreamsregular';

	color:#990066;

	text-decoration: none;

	font-size:14px;

}

.footer1 p.w3-link a:hover {

	text-decoration: underline;

}

/***** Media Quries *****/

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

		.wrap{

		width:95%;

	}	

	.search-f{

		padding: 6px 8px;

		width: 72.33%;

	}

}

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

	.wrap{

		width:95%;

	}	

	.text-h {

		width: 76.33%;

	}

	.text-b {

		width: 18.33%;

	}

	.search-f{

		padding: 6px 8px;

		width: 98.33%;

	}

	.search-f input {

		font-family: 'caviar_dreamsregular';

		width: 71.33%;

	}

}

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

	.wrap{

		width:95%;

	}

	.text-h {

		width: 72.33%;

	}

	.text-b {

		width: 24.33%;

	}

	.search-f{

		padding: 6px 8px;

		width: 60.33%;

	}

	.submit {

		font-size:0.9em;

		width: 26.9%;

	}

	.hdr-nav {

		margin-top: 4%;

		float: right;

	}

	.nav li a {

		padding: 8px 6px;

	}

}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

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

	.wrap{

		width:95%;

	}

	.col_1_of_4{ 

		margin: 1% 0 1% 0%;

	}

	.span_1_of_4 {

		width:94%;

		padding:3%;  

	}

		.col_1_of_3{ 

		margin: 1% 0 1% 0%;

	}

	.span_1_of_3 {

		width:94%;

		padding:3%;  

	}

		.listview_1_of_2{ 

		margin: 2% 0 2% 0%;

	}	

	.images_1_of_2 {

		width:94%;

		padding:3%;

	}

	.listimg_2_of_1{

	     width:100%;		

   }

	.list_2_of_1 {

		width: 100%;

	}

	.text{

		border:none;

	}

	.text-h,.text-b {

		width: 100%;

		float: none;

		border:none;

	}

	.btn{

		text-align: left;

	}

}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

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

	.wrap{

		width:95%;

	}

	.col_1_of_4{ 

		margin: 1% 0 1% 0%;

	}

	.span_1_of_4 {

		width:92%;

		padding:4%; 

	}

		.col_1_of_3{ 

		margin: 1% 0 1% 0%;

	}

	.span_1_of_3 {

		width:92%;

		padding:4%;

	}

		.listview_1_of_2{ 

		margin: 2% 0 2% 0%;

	}

	

	.images_1_of_2 {

		width:92%;

		padding:4%;

	}

	.listimg_2_of_1{

	     width:100%;		

   }

	.list_2_of_1 {

		width: 100%;

	}

	.logo,.hdr-nav{

		float:none;

		text-align:center;

	}

}

/*about*/

.main{

	margin-bottom:-3%;

	background: #f9f9f9;

	padding: 1.5%;

}

/*  GRID OF Content and sidebar   ============================================================================= */

.b{

	 list-style-type: square;

}

.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}

.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1;

}

.cont{

	display: block;

	float:left;

	margin: 0% 0 1% 0;

}

.rsidebar{

	display: block;

	float:left;

	margin: 1% 0 1% 1.6%;

	} 	

.span_2_of_3 {

	width: 66.1%;

	padding:1.5%; 

}

.span_1_of_3 {

	width: 26.23%;

	padding:1.5%; 

}

.span_2_of_3  h3,

.span_1_of_3  h3 {

	margin-bottom:0.5em;

}

/***** Media Quries *****/

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

	.wrap{

		width:95%;

	}	

}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

@media only screen and (max-width: 640px) and (min-width: 480px) {

	.wrap{

		width:95%;

	}

	.cont{ 

		margin: 1% 0 1% 0%;

	}

	.rsidebar{

		margin:0;

	}

	.span_2_of_3 {

		width:94%;

		padding:3%;  

	}

	.span_1_of_3 {

		width:94%;

		padding:3%; 

	}

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



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

	.wrap{

		width:95%;

	}

	.cont{ 

		margin: 1% 0 1% 0%;

	}

	.rsidebar{

		margin:0;

	}

	.span_2_of_3 {

		width:92%;

		padding:4%;

	}

	.span_1_of_3 {

		width:92%;

		padding:4%;

	}

}

.rsidebar p a{

	color: #555;

	font-size: 0.94em;

	line-height: 1.8em;

}

.rsidebar p a:hover{

	color: #990066;

	-webkit-transition: 0.9s;

}

.rsidebar p a img{

	float: left;

	margin-right: 4%;

	margin-top: 1.6%;

}

.rsidebar p a img{

	border: 4px solid #fdfdfd;

	-webkit-box-shadow: 0px 0px 4px #A0A0A0;

	-moz-box-shadow: 0px 0px 4px #A0A0A0;

	-o-box-shadow: 0px 0px 4px #A0A0A0;

	-webkit-border-radius:0.4em;

	-o-border-radius:0.4em;

	-moz-border-radius:0.4em;

}

.top:first-child{

	border:none;

}

.top{

	padding:10px 0;

	margin-top: 3%;

}

.btn1{

	margin-top: 2.6%;
   
}

.span_2_of_3 p{

	color: #666;

	line-height: 1.8em;

}

.span_2_of_3 img{

	float:left;

	vertical-align: middle;

	margin-right: 3%;

}

.span_2_of_3 img,.images_3_of_1 img ,.det-pic img{

	cursor:pointer;

	-webkit-box-shadow:  0px 0px 4px #A0A0A0;

	-moz-box-shadow: 0px 0px 4px #A0A0A0;	

	-o-box-shadow: 0px 0px 4px #A0A0A0;

	box-shadow:  0px 0px 4px #A0A0A0;

	-webkit-border-radius:0.9em;

	-o-border-radius:0.9em;

	-moz-border-radius:0.9em;

}

.span_2_of_3 img:hover,.rsidebar p a img:hover,.det-pic img:hover{

	border-color: #990066;

	-webkit-transition: 0.9s;

}

.images_1_of_3 h3, .images_1_of_4 h3, .span_2_of_3 h3, .span_1_of_4 h3 ,h3.details{

	font-family: "arial", verdana Helvetica, sans-serif;

	font-size: 1.8em;

	text-transform: uppercase;

	color: #555;



}

.span_2_of_3 .btn{

	margin-top: 2%;

}

/*service*/

/*  GRID OF Content with Image   ============================================================================= */

.image {

	clear: both;

	padding: 0px;

	margin: 0px;

	padding: 1.5%;

}

.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1;

}

.grid {

	display: block;

	float:left;

	margin: 0% 0 0% 2.6%;

}

.grid:first-child { margin-left: 0; }



.images_3_of_1 {

	width:30.2%;

}

.span_2_of_3{

	padding:0;

	width: 67.1%;

}

.images_3_of_1  img {

	max-width:100%;

	display:block;
        height: 240px;
    max-width: 350px;

}

.span_2_of_3  h3{

	

}

.span_2_of_3  p  {

	padding:0.3em 0;

	line-height: 1.8em;

}

.span_2_of_3 .button{

	margin-top:.3em;

	line-height:1.9em;

}

.span_2_of_3 .button a:hover{

	

}

/***** Media Quries *****/

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

	.wrap{

		width:90%;

	}	

}



/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

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

	.wrap{

		width:95%;

	}

	.image{

		padding:3%;

	}

	.grid {

		margin:0;

	}	

	.images_3_of_1 {

		width:100%;	

		padding:2% 0 2% 0;	

	}

	.span_2_of_3 {

		width:100%;

	}

}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

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

	

	.wrap{

		width:95%;

	}

	.image{

		padding:4%;

	}

	.grid {

		margin:0;

	}	

	.images_3_of_1 {

		width:100%;

		padding:2% 0 2% 0;		

	}
    /* mujeeb*/
    .images_3_of_1 img{

    height: 280px;
    max-width: 350px;	

	}

    /*end mujeevb*/

	.span_2_of_3 {

		width:100%;

	}

}

/***Contact*/

/*  Contact Form  ============================================================================= */

.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}

.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1;

}

.col{

	display: block;

	float:left;

	margin: 0% 0 1% 1.6%;

}

.col:first-child{

	margin-left:0;

}	

.span_2_of_3 {

	width: 63.1%;

	padding:1.5%; 

}

.span_1_of_3 {

	width: 29.2%;

	padding:1.5%; 

}

.contact-form{

	position:relative;

	padding-bottom:30px;

}

.contact-form div{

	padding:5px 0;

}

.contact-form span{

	display:block;

	font-size:0.8125em;

	padding-bottom:5px;

}

.contact-form input[type="text"],.contact-form textarea{

	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

	color: #333;

	padding: 8px;

	display: block;

	width: 98%;

	background: rgba(153, 0, 102, 0);

	border: 1px solid rgba(202, 156, 178, 0.62);

	outline: none;

	-webkit-appearance: none;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-o-border-radius: 4px;

}

.contact-form textarea{

	resize:none;

	height:120px;		

}

.contact-form input[type="submit"]{

	padding: 7px 20px;

	color: #FFF;

	cursor: pointer;

	background: url('../images/btn.png');

	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);

	-webkit-box-shadow: 0 1px 3px rgba(116, 31, 68, 0.28);

	-moz-box-shadow: 0 1px 3px rgba(116, 31, 68, 0.28);

	-o-box-shadow: 0 1px 3px rgba(116, 31, 68, 0.28);

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

	font-family: Arial, Helvetica, sans-serif;

	position: absolute;

	right: 0;
    top: 502px;
}

.contact-form input[type="submit"]:hover{

	background-color:#E02510;

}

.contact-form input[type="submit"]:active{

	background-color:#F7503D;  

}

.company_address p{

	font-size: 0.9em;

	line-height: 1.8em;

}

.company_address p span{

	text-decoration:underline;

	cursor:pointer;

}

.company_address p span:hover{

	text-decoration:none;

	color: #C7779F;

	-webkit-transition:0.9s;

}

.map{

	border:1px solid #C7C7C7;

	margin-bottom:15px;

}



/***** Media Quries *****/

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

	.wrap{

		width:95%;

	}	

}

/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */



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

	.wrap{

		width:95%;

	}

	.span_2_of_3 {

		width: 64%;

padding: 1.5%;

	}

	.col{ 

		margin: 1% 0 1% 0%;

	}

	.span_1_of_3 {

		width:94%;

		padding:3%; 

	}

	.page h2{

		font-size: 8em;

	}

	.menu ul li a {

		padding: 4px 16px;

	}

}



/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */



@media only screen and (max-width: 640px) and (min-width: 480px) {

	.wrap{

		width:95%;

	}

	.span_2_of_3 {

		width:100%;

		padding:0%;

		float: none; 

	}

	.col{ 

		margin: 1% 0 1% 0%;

	}

	.span_1_of_3 {

		width:94%;

		padding:3%; 

	}

   

   .contact-form input[type="text"],.contact-form textarea{

		width:97%;

	}

	.menu ul li a {

		padding: 0px 16px;

		font-size:1.8em;

	}

	.about-data {

		float: none;

		width: 100%;

		margin-right: 0%;

	}

	.sidebar {

		float: none;

		width: 100%;

	}

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



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

	.wrap{

		width:95%;

	}

	.span_2_of_3 {

		width:100%;

		padding:0%;

		float:none; 

	}

	.col { 

		margin: 1% 0 1% 0%;

	}

	.span_1_of_3 {

		width:90%;

		padding:5%; 

	}

	.contact-form input[type="text"],.contact-form textarea{

		width:92%;

	}

		.page h2{

		font-size: 6em;

	}

	.about-data {

		float: none;

		width: 100%;

		margin-right: 0%;

	}

	.sidebar {

		float: none;

		width: 100%;

	}

}

/*details*/



.details{

	padding: 1.5%;

}

.details h2 span{

	color:#777;



}

.det-pic,.det-para{

	padding:1% 0 0;

}

.det-para p{

	line-height: 1.8em;

}

.det-para .btn1{



}
/*mujeeb start*/
/**-------------------------------*/


.list-type5{

    width:410px;
    margin:0 auto;

}
    .list-type5 h3 
    {
        text-decoration: underline;
         font-family: "arial", verdana Helvetica, sans-serif;
    font-size: 1.8em;
    text-transform: uppercase;
    color: #555;
    }

.list-type5 ol {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/

    margin: 0;
    margin-left: 1em;
    padding: 0;

    counter-reset: li-counter;
}
.list-type5 ol  li{
    position: relative;
    margin-bottom: 1.5em;
    padding: 0.5em;
    background-color: #F0D756;
    color: black;
    font-weight: bold;


    padding-left: 58px;
}
.list-type5 a{
    text-decoration:none;
    /*color:black;*/
    font-size:15px;  
    font-family: 'Raleway', sans-serif;
}


.list-type5 li:hover{
    box-shadow:inset -1em 0 #6CD6CC;
    -webkit-transition: box-shadow 0.5s; /* For Safari 3.1 to 6.0 */
    transition: box-shadow 0.5s;


}

.list-type5 ol  li:before {
    position: absolute;
    top: -0.3em;
    left: -0.5em;
    width: 1.8em;
    height: 1.2em;

    font-size: 2em;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    color: white;
    background-color: #6CD6CC;

    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    z-index: 99;
    overflow: hidden;

    content: counter(li-counter);
    counter-increment: li-counter;
}
/*mujeeb end*/
/*404*/

.page{

	text-align:center;

}

.page h2{

	font-size: 12em;

	color:#990066;

}