/* Extra small devices (phones, less than 768px) */
@media (max-width : 766px) {


	 /* PAGE INNER WHITE BACKGROUND WRAPPER */
	.inner-wrapper {
		width: 100%;
		margin: 0;
	}



	/* SERVICE ICON */
	.services-box span.icon{
		margin-bottom: 20px;
	}


	/* GLOBAl SIDE MARGIN */
	.sm-margin {
		margin-top:30px;
	}


	/* TESTIMONIAL */
	.client-testimonial-caruosel {
		margin-top:30px;
	}

	/* GLOBAL MARGIN BOTTOM */
	.mb-30 {
		margin-bottom:30px;
	}

	/* FOOTER WRAPPER */

	.footer-wrapper .social-icon {
		text-align: center;
		margin-bottom: 20px;
	}

	/* BACK TO TOP */
	.backtop {
		display:none;
	}


	/* NAVIGATION */
	.nav > li > a {
		padding: 10px 2px;
	}

	/* ERROR PAGE */
	.page-notfound strong {
		font-size: 90px;
		line-height: 90px;
	}

		/*HOME RECENT PROJECT*/
	.portfolio-content .grid-block figure{
		width: 100% ;
		margin-right: 0;
	}	

	/*PROJECT*/
	.css-project-box .img-box {
		float: none !important;
		display: block;
		margin: 0 0 20px;
	}

	.css-project-box .img-box img {
		max-width: 100%;
	}
	
	.css-project-box .img-box a::before {
		left: 48%;
		top: 48%;	
	}	
	
	.my_main{
width:100%;
height:auto;
float:left;
background-color:white;
}

.left1{
width:100%;
height:auto;
float:left;

}



.right2{
width:100%;
height:auto;
float:left;
}

.right_1_nav1 {
	
	float: left;
	height: auto;
	width: 100%;
	
}

.right_1_nav1 ul li a {
	float: left;
	height: auto;
	width: 100%;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:8px;
	font-weight:bold;
	border-bottom:thin;
	border-bottom-color:black;
	border-bottom-style:dotted;
	
}


.right_1_nav1 ul li a:hover {
background-color:#13611d;
color:white;
font-weight:bold;
}


.right_1_nav1 ul ul li a {
	
	float: left;
	height: auto;
	width: 100%;
	font-weight:bold;
	padding-left:26px;
	color:black;
	
}


.right_1_nav1 ul ul li a:hover {
background-color:#fafafa;
color:#d5030f;
font-weight:bold;
}

.content_box1_A_inside4{width:100%;height:auto;text-align:left;font-weight:bold;font-size:15px;margin-left:1%;margin-top:3%; float:left; padding:0 0 0 15px;}
.content_box1_A_inside5{width:100%;height:auto;text-align:left;font-weight:bold;font-size:15px;margin-top:3%;margin-left:1%;margin-right:10%;float:left; padding:0 0 0 75px;}
.content_box1_A_inside6{width:100%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;float:left;}


  
.index_paragraph{
width:100%;
height:auto;
float:left;

}  

.index_paragraph_para1{
width:60%;
height:auto;
float:left;

}


.index_paragraph_para2{
width:40%;
height:auto;
float:left;


}

.index_paragraph1{
width:100%;
height:auto;
float:left;
border:1px solid #e2e1e1;

} 


/* Landscape Mobile */
@media only screen and (min-width: 480px) and (max-width: 767px) {	

	/* GLOBAl SIDE MARGIN */
	.sm-margin {
		margin-top:30px;
	}

	/* CLIENT TESTIMONIAL */

	.client-testimonial-caruosel {
		margin-top:30px;
	}

	/* GLOBAl BOTTOM MARGIN */
	.mb-30 {
		margin-bottom:30px;
	}


	/* FOOTER SOCIAL ICON */
	.footer-wrapper .social-icon {
		text-align: center;
		margin-bottom: 20px;
	}
	
	
	/*PROJECT*/
	.css-project-box .img-box {
		float: none !important;
		display: block;
		margin: 0 0 20px;
	}

	.css-project-box .img-box img {
		max-width: 100%;
	}
	
	.css-project-box .img-box a::before {
		left: 48%;
		top: 48%;	
	}	
	
	.my_main{
width:100%;
height:auto;
float:left;
background-color:white;
}

.left1{
width:100%;
height:auto;
float:left;

}



.right2{
width:100%;
height:auto;
float:left;
}

.right_1_nav1 {
	
	float: left;
	height: auto;
	width: 100%;
	
}

.right_1_nav1 ul li a {
	float: left;
	height: auto;
	width: 100%;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:8px;
	font-weight:bold;
	border-bottom:thin;
	border-bottom-color:black;
	border-bottom-style:dotted;
	
}


.right_1_nav1 ul li a:hover {
background-color:#13611d;
color:white;
font-weight:bold;
}


.right_1_nav1 ul ul li a {
	
	float: left;
	height: auto;
	width: 100%;
	font-weight:bold;
	padding-left:26px;
	color:black;
	
}


.right_1_nav1 ul ul li a:hover {
background-color:#fafafa;
color:#d5030f;
font-weight:bold;
}

.content_box1_A_inside4{width:100%;height:auto;text-align:left;font-weight:bold;font-size:15px;margin-left:1%;margin-top:3%;float:left;padding:0 0 0 15px;}
.content_box1_A_inside5{width:100%;height:auto;text-align:left;font-weight:bold;font-size:15px;margin-top:3%;margin-left:1%;margin-right:10%;float:left;}
.content_box1_A_inside6{width:100%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;float:left;}



.index_paragraph{
width:100%;
height:auto;
float:left;

} 


.index_paragraph_para1{
width:60%;
height:auto;
float:left;

}


.index_paragraph_para2{
width:40%;
height:auto;
float:left;


} 


.index_paragraph1{
width:100%;
height:auto;
float:left;
border:1px solid #e2e1e1;
}


@media only screen and (min-width: 320px) and (max-width: 481px) {	

/* GLOBAl SIDE MARGIN */
	.sm-margin {
		margin-top:30px;
	}

	/* CLIENT TESTIMONIAL */

	.client-testimonial-caruosel {
		margin-top:30px;
	}

	/* GLOBAl BOTTOM MARGIN */
	.mb-30 {
		margin-bottom:30px;
	}


	/* FOOTER SOCIAL ICON */
	.footer-wrapper .social-icon {
		text-align: center;
		margin-bottom: 20px;
	}
	
	
	/*PROJECT*/
	.css-project-box .img-box {
		float: none !important;
		display: block;
		margin: 0 0 20px;
	}

	.css-project-box .img-box img {
		max-width: 100%;
	}
	
	.css-project-box .img-box a::before {
		left: 48%;
		top: 48%;	
	}	
	
	.my_main{
width:100%;
height:auto;
float:left;
background-color:white;
}

.left1{
width:100%;
height:auto;
float:left;

}



.right2{
width:100%;
height:auto;
float:left;
}

.right_1_nav1 {
	
	float: left;
	height: auto;
	width: 100%;
	
}

.right_1_nav1 ul li a {
	float: left;
	height: auto;
	width: 100%;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:8px;
	font-weight:bold;
	border-bottom:thin;
	border-bottom-color:black;
	border-bottom-style:dotted;
	
}


.right_1_nav1 ul li a:hover {
background-color:#13611d;
color:white;
font-weight:bold;
}


.right_1_nav1 ul ul li a {
	
	float: left;
	height: auto;
	width: 100%;
	font-weight:bold;
	padding-left:26px;
	color:black;
	
}


.right_1_nav1 ul ul li a:hover {
background-color:#fafafa;
color:#d5030f;
font-weight:bold;
}

.content_box1_A_inside4{width:100%;height:auto;text-align:left;font-weight:bold;font-size:15px;margin-left:1%;margin-top:3%;float:left;padding:0 0 0 15px;}
.content_box1_A_inside5{width:100%;height:auto;text-align:left;font-weight:bold;font-size:15px;margin-top:3%;margin-left:1%;margin-right:10%;float:left;}
.content_box1_A_inside6{width:100%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;float:left;}


.index_paragraph{
width:100%;
height:auto;
float:left;

} 


.index_paragraph_para1{
width:60%;
height:auto;
float:left;

}


.index_paragraph_para2{
width:40%;
height:auto;
float:left;


} 

.index_paragraph1{
width:100%;
height:auto;
float:left;
border:1px solid #e2e1e1;

}


/* Small devices (tablets, 768px and up) */
@media (min-width : 768px) and (max-width : 991px) {


	/* NAVBAR HIDE */
	.navbar-collapse.collapse{
		display:none !important;
	}

	/* PAGE INNER WHITE BACKGROUND WRAPPER */
	.inner-wrapper {
		width: 100%;
		margin: 0;
	}



	/* SOCIAL ICON */
	.social-icon {
		margin-top: 0px;
	}

	.client-testimonial-caruosel {
		margin-top:30px;
	}

	.mb-30 {
		margin-bottom:30px;
	}

	/* GLOBAl SIDE MARGIN */

	.sm-margin {
		margin-top:30px;
	}

	/* FOOTER TOP */

	.footer-wrapper .social-icon {
		text-align: center;
		margin-bottom: 20px;
		margin-top: 0px;
	}

	/* BACK TO TOP */

	.backtop {
		bottom:0px;
		display:block;
	}

	.call-to-action-box .floatleft,
	.call-to-action-box .floatright  {
		width: 50%;
	}


	/* PROGRESS CHART */

	.our_progress {
		width: 138px;
		margin-left: 0px;
	}

	#donutchart1, 
	#donutchart2, 
	#donutchart3, 
	#donutchart4, 
	#donutchart5 {
		margin-left: 5px;
	}

	/* PORTFOLIO GRID */
	.grid li {
		width: 360px;
	}


	/*HOME RECENT PROJECT*/
	.portfolio-content .grid-block figure{
		width: 47.6% ;
	}	

	.portfolio-content .grid-block figure:nth-child(2n+2){
		margin-right: 0;
	}


	/*PROJECT*/
	.css-project-box .img-box {
		float: none !important;
		display: block;
		margin: 0 0 20px;
	}

	.css-project-box .img-box img {
		max-width: 100%;
	}

	.css-project-box .img-box a::before {
		left: 44%;
		top: 44%;	
	}	
	
	.my_main{
width:100%;
height:auto;
float:left;
background-color:white;
}

.left1{
width:75%;
height:auto;

float:left;

}



.right2{
width:25%;
height:auto;
float:left;
}

.right_1_nav1 {
	
	float: left;
	height: auto;
	width: 100%;
	
}

.right_1_nav1 ul li a {
	float: left;
	height: auto;
	width: 100%;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:8px;
	font-weight:bold;
	border-bottom:thin;
	border-bottom-color:black;
	border-bottom-style:dotted;
	
}


.right_1_nav1 ul li a:hover {
background-color:#13611d;
color:white;
font-weight:bold;
}


.right_1_nav1 ul ul li a {
	
	float: left;
	height: auto;
	width: 100%;
	font-weight:bold;
	padding-left:26px;
	color:black;
	
}


.right_1_nav1 ul ul li a:hover {
background-color:#fafafa;
color:#d5030f;
font-weight:bold;
}

.content_box1_A_inside4{width:90%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;float:left;padding:0 0 0 15px;}
.content_box1_A_inside5{width:40%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;margin-right:10%;float:left;}
.content_box1_A_inside6{width:40%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;float:left;}


.index_paragraph{
width:100%;
height:auto;
float:left;

}  
  
.index_paragraph_para1{
width:60%;
height:auto;
float:left;

}


.index_paragraph_para2{
width:40%;
height:auto;
float:left;


}  

.index_paragraph1{
width:100%;
height:auto;
float:left;
border:1px solid #e2e1e1;
  
}

/* Medium devices (desktops, 992px and up) */
@media (min-width : 992px) and (max-width : 1199px) {
	  

	 /* PAGE INNER WHITE BACKGROUND WRAPPER */
	.inner-wrapper {
		width: 98%;
	}

	/* SERVICE BOX */
	.services-box span.icon{
		margin-bottom: 20px;
	}

	/* PROGRESS CHART */
	.our-progress {
	width: 172px;
	}

	#donutchart1, 
	#donutchart2,
	#donutchart3, 
	#donutchart4, 
	#donutchart5 {
		margin-left: 15px;
	}

	/* PORTFOLIO GRID WIDTH */

	.grid li {
		width: 230px;
	}

	/* TOP RIGHT FEATURE BOX */
	#showcase-content1 {
	margin-bottom: 10px;
	}
	
	.feature {
	height: 155px;
	}	
	
	.feature-green {
	padding: 22px 17px;
	}
	
	.feature-blue {
	padding: 37px;
	}

	.feature-blue .b-light-text {
	font-size: 26px;
	}
	.feature-blue .s-light-text {
	font-size: 14px;
	font-weight: 300;
	}
	.feature-blue .m-bold-text {
	font-size: 24px;
	}	
	
	/* TAB */
	.nav>li>a {
	padding: 10px 5px;
	}
	
	/* MEGAMENU CAROUSEL */
	#myCarousel a.right i {
	top: 23%;
	left: -4px;
	}	
	
	#myCarousel a.left i{
	top: 24%;
	left: 3px;
	}	


	/*HOME RECENT PROJECT*/
	.portfolio-content .grid-block figure{
		width: 30.9% ;
	}	

	.portfolio-content .grid-block figure:nth-child(3n+3){
		margin-right: 0;
	}	
	
	.my_main{
width:100%;
height:auto;
float:left;
background-color:white;
}

.left1{
width:75%;
height:auto;

float:left;

}



.right2{
width:25%;
height:auto;
float:left;
}
	
	.right_1_nav1 {
	
	float: left;
	height: auto;
	width: 100%;
	
}

.right_1_nav1 ul li a {
	float: left;
	height: auto;
	width: 100%;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:8px;
	font-weight:bold;
	border-bottom:thin;
	border-bottom-color:black;
	border-bottom-style:dotted;
	
}


.right_1_nav1 ul li a:hover {
background-color:#13611d;
color:white;
font-weight:bold;
}


.right_1_nav1 ul ul li a {
	
	float: left;
	height: auto;
	width: 100%;
	font-weight:bold;
	padding-left:26px;
	color:black;
	
}


.right_1_nav1 ul ul li a:hover {
background-color:#fafafa;
color:#d5030f;
font-weight:bold;
}


.content_box1_A_inside4{width:90%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;float:left; padding:0 0 0 15px;}
.content_box1_A_inside5{width:40%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;margin-right:10%;float:left;}
.content_box1_A_inside6{width:40%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;float:left;}


  
.index_paragraph{
width:100%;
height:auto;
float:left;

} 

.index_paragraph_para1{
width:60%;
height:auto;
float:left;

}


.index_paragraph_para2{
width:40%;
height:auto;
float:left;


} 

.index_paragraph1{
width:100%;
height:auto;
float:left;
border:1px solid #e2e1e1;

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width : 1200px) and (max-width: 1280px) {

	 /* PAGE INNER WHITE BACKGROUND WRAPPER */
	 .inner-wrapper {
		width: 99%;
	}
	
	.my_main{
width:100%;
height:auto;
float:left;
background-color:white;
}

.left1{
width:75%;
height:auto;

float:left;

}



.right2{
width:25%;
height:auto;
float:left;
}

.right_1_nav1 {
	
	float: left;
	height: auto;
	width: 100%;
	
}

.right_1_nav1 ul li a {
	float: left;
	height: auto;
	width: 100%;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:8px;
	font-weight:bold;
	border-bottom:thin;
	border-bottom-color:black;
	border-bottom-style:dotted;
	
}


.right_1_nav1 ul li a:hover {
background-color:#13611d;
color:white;
font-weight:bold;
}


.right_1_nav1 ul ul li a {
	
	float: left;
	height: auto;
	width: 100%;
	font-weight:bold;
	padding-left:26px;
	color:black;
	
}


.right_1_nav1 ul ul li a:hover {
background-color:#fafafa;
color:#d5030f;
font-weight:bold;
}

.content_box1_A_inside4{width:90%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;float:left; padding:0 0 0 15px;}
.content_box1_A_inside5{width:40%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;margin-right:10%;float:left;}
.content_box1_A_inside6{width:40%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;float:left;}



.index_paragraph{
width:100%;
height:auto;
float:left;

}

.index_paragraph_para1{
width:60%;
height:auto;
float:left;

}


.index_paragraph_para2{
width:40%;
height:auto;
float:left;


}

.index_paragraph1{
width:100%;
height:auto;
float:left;
border:1px solid #e2e1e1;
}

@media (min-width : 1280px){
	.portfolio-content .grid-block figure:nth-child(4n+4){
	margin-right: 0;
	}
	
	.my_main{
width:100%;
height:auto;
float:left;
background-color:white;
}

.left1{
width:75%;
height:auto;

float:left;

}



.right2{
width:25%;
height:auto;
float:left;
}

.right_1_nav1 {
	
	float: left;
	height: auto;
	width: 100%;
	
}

.right_1_nav1 ul li a {
	float: left;
	height: auto;
	width: 100%;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:8px;
	font-weight:bold;
	border-bottom:thin;
	border-bottom-color:black;
	border-bottom-style:dotted;
	
}


.right_1_nav1 ul li a:hover {
background-color:#13611d;
color:white;
font-weight:bold;
}


.right_1_nav1 ul ul li a {
	
	float: left;
	height: auto;
	width: 100%;
	font-weight:bold;
	padding-left:26px;
	color:black;
	
}


.right_1_nav1 ul ul li a:hover {
background-color:#fafafa;
color:#d5030f;
font-weight:bold;
}

.content_box1_A_inside4{width:90%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;float:left; padding:0 0 0 15px;}
.content_box1_A_inside5{width:40%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;margin-right:10%;float:left;}
.content_box1_A_inside6{width:40%;height:auto;text-align:center;font-weight:bold;font-size:15px;margin-left:5%;margin-top:3%;float:left;}



.index_paragraph{
width:100%;
height:auto;
float:left;


}

.index_paragraph1{
width:100%;
height:auto;
float:left;
border:1px solid #e2e1e1;

}

.index_paragraph_para1{
width:60%;
height:auto;
float:left;

}


.index_paragraph_para2{
width:40%;
height:auto;
float:left;


}  
}