/*
	Site Name: 
	URI: http:
	Description: This is the responsive css for 
	Version: 2.0
	Author: Amal-Techware Solution
	Author URI:
	Tags:

	---------------------------
	CUSTOM STYLES
	---------------------------

	TABLE OF CONTENTS
	---------------------------
	01.0 Smartphones (portrait and landscape)
	02.0 Smartphones (landscape)
	03.0 Smartphones (portrait)
	04.0 iPads (portrait and landscape)
	05.0 iPads (landscape)
	06.0 iPads (portrait)
	07.0 Desktops and laptops
	08.0 Large screens
	09.0 iPhone 4
	10.0 iPhone 5
	11.0 iPhone 6
	12.0 iPhone 6+
	13.0 Samsung Galaxy S3
	14.0 Samsung Galaxy S4
	15.0 Samsung Galaxy S5


*/


/* 01. Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
//navbar scss
nav{
	.logo{
		max-width: 250px !important;
		img{
			width: 100% !important;
		}
	}
	.navbar-collapse{
		margin-left: 0px !important;
		ul{
			flex-direction: row !important;
			li{
				width: 75px !important;
				a{
					text-align: center !important;
				}
			}
			.icon_box{
				display: none !important;
			}
		}
	}
}
// landing page scss
.landing_page{
	.backgnd_grey{
		.map_overlay{
			.map_contents{
				padding-top: 100px !important;
				padding-bottom: 50px !important;
				.row{
					.col-md-5{
						padding-bottom: 20px !important;
						.left_side{
							font-size: 28px !important;
							.lorem{
								font-size: 50px !important;
							}
							.ipsum{
								font-size: 50px !important;
							}
							.get_info{
								margin-left: 1px !important;
							}
						}
					}
					.col-md-7{
						.right_side{
							max-width: 400px !important;
							margin-left: 1px !important;
							margin-right: 1px !important;
						}
					}
				}
			}
		}
	}
	.our_products{
		margin-bottom: 50px !important;
		.prod_overlay{
			padding-top: 40px !important;
		}
		.pill_margin{
			margin-top: 40px !important;
		}
		.container{
			.nav-pills{
				.nav-item{
					.nav-link{
						padding: 5px 25px 5px 25px !important;
					}
				}
			}
			.tab-content{
				.tab-pane{
					.row{ 
						.col{
							display: contents !important;
							.prod_img{
								height: 300px !important;
								padding-top: 10px !important;
							}
							.prod_hover{
								.prod_hover_overlay{
									margin: 20px 20px 20px 20px !important;
									img{
										height: 50px !important;
									}
									h6{
										margin-top: 0px !important;
									}
									p{
										margin-top: 0px !important;
									}
								}
							}
						}
					}
				}
			}
		}
	}
	h2{
		font-size: 35px !important;
	}
	.why_codein_overlay{
		.code_overlay{
			padding-top: 40px !important;
		}
		.icon_container{
			.row{
				.col{
					.image_icon{
						width: 110px !important;
						height: 100px !important;
					}
					h4{
						font-size: 18px !important;
					}
				}
			}
		}
	}
	.rating_review{
		.rating_overlay{
			padding-top: 40px !important;
		}
		.rating_review_box{
			padding-top: 20px !important;
			ngx-slick-carousel{
				.rating_slide{
					.rating_review_box_one{
						.row{
							.rating_head{
								.rating_star{
									margin: 0px 0px 0px 4px !important;
									line-height: 1.5 !important;
								}
								.for-design-quality{
									padding: 5px 16px 0px 0px !important;
									float: right !important;
									font-size: 19px !important;
									line-height: 1.5 !important;
								}
								.kochi_taxi{
									padding: 0px 0px 0px 0px !important;
									font-size: 19px !important;
									text-align: center !important;
									float: none !important;
								}
							}
						}
						.rating_body{
							.rating_content{
								font-size: 18px !important;
								margin: 25px 15px 25px 15px !important;
								line-height: 1.5 !important;
							}
						}
					}
				}
			}
		}
	}
}

//scss for aboutus
.about{
	padding-top: 50px !important;
	margin-bottom: 0px !important;
	.map_overlay{
		padding-left: 10px !important;
		padding-right: 10px !important;
		padding-bottom: 40px !important;
		h5{
			line-height: 1.5 !important;
		}
		p{
			text-align: justify !important;
		}
	}
}
.our_process{
	.our_process_bg{
		.container{
			.row{
				.col{
					.our_process_img{
						margin-right: 20px !important;
					}
					.our_process_contents{
						.process_line{
							left: -61px !important;
						}
					}
				}
			}
		}
	}
}
.anim_background{
	.anim_background_overlay{
		.container{
			.row{
				.col-md-3{
					padding-top: 30px !important;
				}
			}
		}
	}
}

/******************contact**************************/
.cnt{
	.send-mail{
		width: 86px !important;
		height: 34px !important;
		font-size: 15px !important;
	}
	.cnt-det{
		 input{
		width: 150px !important;
		height: 25px !important;
		margin-bottom: 10px !important;
		}
		.txt-left{
			margin-right: 0px !important;
		}
		.form-control{
		width:311px !important;
		height: 35px !important;
		}
		
			.mess-txt{
				width: 311px !important;
				height: 75px !important;
				margin-bottom: 0px !important;
		}
		
	}
		
	.head-cnt{
		p {
		   font-size: 17px !important;
		}

	}
}
/*************footer************/
.foot-codeinfo{
	.row{
		margin-left: 0px !important;
		margin-right: 0px !important; 
	}
	.col-md-4
	{
		margin-bottom: 5px !important;
		margin-left:36px !important;
		.margins{
			border-right: 0 !important;
				height: auto !important;
				p{
					font-size: 15px !important;
				}
		}
		h5{
			font-size: 19px !important;
		
	}
}
	.col-md-2{
		margin-left: 36px !important;
		border-right: 0px !important;
		 height: auto !important; 
		 margin-top: 20px !important;
		 h5{
			font-size: 19px !important;
		}
		a{
			font-size: 15px !important;
		}
	}
}
/****************product*******************************/
.pro-main{
	padding-top: 75px !important;
	.ban-sun{
		.sun-det{
			h3{
				font-size: 39px !important;
			}
		}
	}
	.products-det{
		.decl{
			p{
				font-size: 18px !important;
			}
		}
		.nav{
			padding-left:86px !important;
		  }
		  
		.alval{
			.img-cls {
				width: 100% !important;
				margin-left: 0 !important; 
				height: 100% !important;
			}
			.txt-cls{
				width: 100% !important;
				height: 100% !important;
			}
			.txt-cls-l{
				width: 100% !important;
				margin-left:0 !important;
			}
			.img-cls-l{
				width:100% !important;
				height: 100% !important;
			}
		}
	}
}
}


/* 02.0 Smartphones (landscape) ----------- */

@media only screen and (min-width: 321px) {}


/* 03.0 Smartphones (portrait) ----------- */

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


/* 04.0 iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	//scss for nav
	nav{
		.logo{
			max-width: 250px !important;
		}
		.navbar-collapse{
			margin-left: 0px !important;
		}
	}
	//scss for aboutus
	.anim_background{
		.anim_background_overlay{
			.container{
				.row{
					padding-top: 70px !important;
					padding-bottom: 70px !important;
					.col-md-3{
						h3{
							font-size: 55px !important;
						}
						h5{
							font-size: 20px !important;
						}
					}
				}
			}
		}
	}
	//scss for landing
	.landing_page{
		.backgnd_grey{
			.map_overlay{
				.map_contents{
					padding-top: 180px !important;
					padding-bottom: 150px !important;
					.slick_main{
						.row{
							.col-md-5{
								.get_info{
									margin-left: 1px !important;
								}
							}
						}
					}
				}
			}
		}
		.our_products{
			.container{
				.tab-content{
					.tab-pane{
						.row{
							.col{
								padding: 8px !important;
								.prod_img{
									width: 680px !important;
									height: 100% !important;
								}
								.prod_hover{
									.prod_hover_overlay{
										img{
											height: 60px !important;
										}
										h6{
											font-size: 32px !important;
										}
										p{
											font-size: 18px !important;
										}
									}
								}
							}
						}
					}
				}
			}

		}
	}	
	/************************footer***********************/
	
	.foot-codeinfo{
		
		.col-md-4{ 
			max-width: 220px !important;
			padding: 0px !important;
			input{
				width: 150px !important;
				height: 22px !important;
			}
			textarea{
				width: 150px !important;
				height: 50px !important;
			}
			button{
				height: 26px !important;
				width: 59px !important;
			}
			
}
.col-md-2{
	padding: 0px !important;
}
}
/**********product**************************/
.pro-main{
	padding-top: 75px !important;
	.decl{
		p{
			font-size: 19px !important;
		}
	}
	.products-det{
		.nav{
			padding-left:256px !important;
		  }
		  
		.alval{
			.img-cls {
				width: 100% !important;
				margin-left: 0 !important; 
				height: 100% !important;
			}
			.txt-cls{
				width: 100% !important;
				height: 100% !important;
				p{
					font-size: 18px !important;
				}
			}

			.txt-cls-l{
				width: 100% !important;
				margin-left:0 !important;
				p{
					font-size: 18px !important;
				}
			}
			.img-cls-l{
				width:100% !important;
				height: 100% !important;
			}
		}
	}
}
}

/* 05.0 iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}


/* 06.0 iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}


/* 07.0 Desktops and laptops ----------- */

	/* LOW RESOLUTION ----------- */

    @media only screen and (min-width: 900px) and (max-device-width: 1249px) {
        
    }

    @media only screen and (min-width: 1250px) and (max-device-width: 1359px) {
		//scss for navbar
		nav{
			.navbar-collapse{
				ul{
					.icon_box{
						height: 35px !important;
						width: 35px !important;
						.icon_facebook{
							margin: 5px !important;
						}
						.icon_twitter{
							margin: 4px !important;
						}
						.icon_google{
							margin: 5px !important;
						}
					}
				}
			}
		}
   //scss for aboutus.html
   .anim_background{
	   .anim_background_overlay{
		   .container{
			   .row{
				   padding-top: 70px !important;
				   padding-bottom: 70px !important;
				   .col-md-3{
					   h3{
						   font-size: 55px !important;
					   }
				   }
			   }
		   }
	   }
   }
   //scss for landingpage.html
   .landing_page{
	   h2{
		   font-size: 38px !important;
	   }
	   hr{
		border: 3px solid rgb(125,181,50) !important;
		width: 40px !important;
	   }
	.backgnd_grey{
		.map_overlay{
			.map_contents{
				padding-top: 180px !important;
				padding-bottom: 125px !important;
				.slick_main{
					.row{
					 .col-md-7{
						 .right_side{
							 max-width: 480px !important;
							 margin: 0 auto !important;
						 }
					 }
					 .col-md-5{
						 .left_side{
							font-size: 35px !important;
							p{
								margin-top: 10px !important;
							}
							.lorem{
								font-size: 50px !important;
							}
							.ipsum{
								font-size: 50px !important;
							}
							.get_info{
								font-size: 20px !important;
								font-weight: 700 !important;
							}
						 }
					 }
					}
				}
				ngx-slick-carousel{
					.slick-dots{
						li{
							margin: 0px 0px !important;
							button{
								&::before{
									font-size: 8px !important;
								}
							}
						}
					}
				}
			}
		}
	}
	.our_products{
		margin-bottom: 40px !important;
		.prod_overlay{
			padding-top: 50px !important;
		}
		.pill_margin{
			margin-top: 40px !important;
		}
		.container{
			.nav-pills{
				.nav-item{
					.nav-link{
						padding: 5px 20px 5px 20px !important;
						font-size: 16px !important;
					}
				}
			}
		}
	}
	.why_codein_overlay{
		.icon_container{
			.row{
				.col{
					h4{
						font-size: 24px !important;
					}
				}
			}
		}
	}
   }
   
    }
    @media only screen and (min-width: 1360px) and (max-device-width: 1399px) {
		//scss for landingpage.html
		.landing_page{
			.backgnd_grey{
				.map_overlay{
					.map_contents{
						padding-top: 180px !important;
						padding-bottom: 130px !important;
						.slick_main{
							.row{
							 .col-md-7{
								 .right_side{
									 max-width: 480px !important;
									 margin: 0 auto !important;
								 }
							 }
							 .col-md-5{
								 .left_side{
									 font-size: 35px !important;
									 p{
										 margin-top: 10px !important;
									 }
									 .lorem{
										 font-size: 50px !important;
									 }
									 .ipsum{
										 font-size: 50px !important;
									 }
									 .get_info{
										 font-size: 20px !important;
										 font-weight: 700 !important;
									 }
								 }
							 }
							}
						}
						ngx-slick-carousel{
							.slick-dots{
								li{
									margin: 0px 0px !important;
									button{
										&::before{
											font-size: 8px !important;
										}
									}
								}
							}
						}
					}
				}
			}  
			h2{
				font-size: 38px !important;
			}
			hr{
				border: 3px solid rgb(125,181,50) !important;
			   }
			.our_products{
				margin-bottom: 40px !important;
				.prod_overlay{
					padding-top: 50px !important;
				}
				.pill_margin{
					margin-top: 40px !important;
				}
				.container{
					.nav-pills{
						.nav-item{
							.nav-link{
								padding: 5px 20px 5px 20px !important;
								font-size: 16px !important;
							}
						}
					}
				}
			}
			.why_codein_overlay{
				.icon_container{
					.row{
						.col{
							h4{
								font-size: 24px !important;
							}
						}
					}
				}
			}
			.rating_review{
				.rating_review_box{
					max-width: 700px !important;
				}
			}
		}
  
   //scss for aboutus.html
   .anim_background{
	.anim_background_overlay{
		.container{
			.row{
				.col-md-3{
					h3{
						font-size: 48px !important;
					}
				}
			}
		}
	}
}
	//scss for navbar
	nav{
		.navbar-collapse{
			ul{
				.icon_box{
					height: 35px !important;
					width: 35px !important;
					.icon_facebook{
						margin: 5px !important;
					}
					.icon_twitter{
						margin: 4px !important;
					}
					.icon_google{
						margin: 5px !important;
					}
				}
			}
		}
	}
    }
    @media only screen and (min-width: 1400px) and (max-device-width: 1600px) {
		/****************footer**************************/
		.foot-codeinfo{
			.container{
				.row{
					.col-md-4{ 
						.margins{
							h5{
								font-size: 20px !important;
				
							}
							p{
								font-size: 16px !important;
							}
						}
						
						}
						.col-md-2{
							h5{
								font-size: 20px !important;
				
							}
							a{
								font-size: 16px !important;
							}
						}
				}
			
			}
			
				
	}
	/***************product*****************************/
	.products-det{
		
		
		
		.nav-tabs{
			margin-top: 25px !important;
			margin-bottom: 40px !important;
			
		  .nav-link{
			padding: 5px 40px 5px 40px !important;
			
		  }
		
		
		}
       
    }

	}

/* 08.0 Large screens ----------- */

@media only screen and (min-width: 1824px) {
	

}


/* 09.0 iPhone 4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}


/* 10.0 iPhone 5 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}


/* 11.0 iPhone 6 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}


/* 12.0 iPhone 6+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}


/* 13.0 Samsung Galaxy S3 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}


/* 14.0 Samsung Galaxy S4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}


/* 15.0 Samsung Galaxy S5 ----------- */

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
	/*************contact**************************************/
	.cnt{
		.head-cnt{
			p{
				font-size: 18px !important;
			}
		}
	}
	/***********footer***********************************/
	.foot-codeinfo{
		.col-md-4{
		margin-left:25px !important;
	}
	}
}

@media (max-width: 480px) {}

@media only screen and (min-width: 1000px) {}