/*============================================= Css Of Small Device ======================================================*/

@media (max-width: 767px){
	section {
	    padding: 30px 0px;
	}
	.title {
	    margin-bottom: 30px;
	    width: 100%;
	}
	.title .title-text {
	    line-height: 30px;
	    font-size: 16px;
	    margin-bottom: 15px;
	}
	.title .title-text:after {
	    width: 50px;
	    height: 1px;
	    bottom: -5px;
	    margin-left: 2px;
	}
	.title p {
	    font-size: 12px;
	    line-height: 20px;
	}

	ul.social-icone {
	    margin: 5px 0px;
	}
	.circle li a {
	    width: 30px;
	    height: 30px;
	    font-size: 14px;
	}
	.circle li i {
	    line-height: 30px;
	}
	form .form-inline .form-group, form .form-group {
	    margin-bottom: 5px;
	}
	.container-fluid {
	    padding: 0px 15px;
	}
	.box-content {
	    margin-top: 20px;
	}
	.box-content .title .title-text {
	    font-size: 26px;
	    margin-bottom: 30px;
	}
	.box-content .title .title-text:after {
	    bottom: -10px;
	}
}

/*------------------- mobile (landscape) --------------------*/

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

/*------------------ mobile(portrait) -------------------*/

@media only screen and (min-width: 361px) and (max-width: 384px) and (orientation: portrait){}
@media only screen and (min-width: 320px) and (max-width: 360px) and (orientation: portrait){}



/*============================================= Css Of Medium Device ======================================================*/

/*--------------- iPads (landscape) ------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	section {
	    padding: 70px 0px;
	}
	.container-fluid {
	    padding: 0px 50px;
	}
}

/*--------------- iPads (portrait) ------------*/
@media only screen and (min-width: 992px) and (max-width: 1024px) and (orientation: portrait){
	section {
	    padding: 50px 0px;
	}
	.container-fluid {
	    padding: 0px 80px;
	}
}

@media  screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait){
	section {
	    padding: 50px 0px;
	}
	.container-fluid {
	    padding: 0px 80px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 767px) and (orientation: portrait){
	section {
	    padding: 40px 0px;
	}
	.container-fluid {
	    padding: 0px 80px;
	}
}



/*============================================= Css Of Large Device ======================================================*/

@media only screen  and (min-width : 1825px) and (max-width: 1920px){
	h1,h2,h3,h4,h5,h6,p,a,span,strong {
	   font-weight: 300;
	}
}
@media only screen  and (min-width : 1600px) and (max-width: 1824px){
	h1,h2,h3,h4,h5,h6,p,a,span,strong {
	   font-weight: 300;
	}
	section {
	    padding: 100px 0px;
	}
}
@media only screen  and (min-width : 1225px) and (max-width: 1599px){
	h1,h2,h3,h4,h5,h6,p,a,span,strong {
	   font-weight: 300;
	}
	section {
	    padding: 100px 0px;
	}
	.container-fluid {
	    padding: 0px 180px;
	}
}
@media  screen and (min-width: 1025px) and (max-width: 1224px) and (orientation: landscape){}