/*
// Extra large devices (large desktops, 1200px and up)
============================================================*/
@media (min-width: 1200px) {
	.services,.portfolio2,.pricing,.team,.testimonial,.contact,.footer_bottom{
		margin-left: 30px;
	}
	.hover_overlay .border h4{
		margin-top: 15px;
		font-size: 24px;
		line-height: 20px;
	}
	.hover_overlay .border strong{
		margin-bottom: 5px;
	}
	.border{
		padding: 10px;
	}
	.border p {
	    margin-bottom: 15px;
	}
}
/*
// Large devices (desktops, 992px and up)
============================================================*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	h1 {
	    font-size: 28px;
	    line-height: 32px;
	}
	h2 {
	    font-size: 20px;
	    line-height: 24px;
	}
	h3{
		font-size: 16px;
		line-height: 20px;
	}
	h4 {
	    font-size: 15px;
	    line-height: 18px;
	}
	p{
		font-size: 12px;
	}
	.member .hover_overlay{
		padding: 5px;
	}
	.border{
		padding: 10px;
	}
	.member .hover_overlay h4{
	    margin-bottom: 0px;
	}
	.member .hover_overlay strong{
		margin-bottom: 0px;
		font-size: 14px;
		font-weight: 500
	}
	.border p{
	    margin-bottom: 10px;
	    font-size: 13px;
	    line-height: 16px;
	}
	.hover_overlay .socal_media ul li a {
	    width: 40px;
	    height: 40px;
	    line-height: 32px;
	}
	.services,.portfolio2,.pricing,.team,.testimonial,.contact,.footer_bottom{
		margin-left: 70px;
	}
	.member_feedback h5{
		margin-bottom: 15px;
	}
	.service_one{
		padding: 30px 15px;
	}
}
/*
// Medium devices (tablets, 768px and up)
============================================================*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.mainbanner_content p{
		width: 71%;
	}
	.section_title_1{
	    width: 75%;
	}
	.profile_img.personal_video .iconround:before{
		left: 6px;
    	width: 80px;
    	height: 80px;
	}
	.profile_img.personal_video a{
		width: 50px;
    	height: 50px;
    	line-height: 53px;
    	left: 46px;
	}
	.personal_video .video-popup i:before{
		font-size: 20px;
	}
	.profile_img.personal_video .loader{
		left: 17%;
	}
	.about_myskill h2{
		font-size: 30px;
	}
	.counter h3{
		font-size: 15px;
	}
	.blog_item{
		margin-bottom: 30px;
	}
	.carousel-caption p {
	    width: 100%;
	}
	/*	horizontal and vertical version responsive css */
	.video_content {
	   padding: 0px;
	}
	.services,.portfolio2,.pricing,.team,.testimonial,.contact,.footer_bottom{
		margin-left: 70px;
	}
	.main_title p{
		width: 80%;
	}
	.hover_overlay .border h4{
		margin-top: 20px;
		font-size: 28px;
		line-height: 32px;
	}
	.hover_overlay .border strong{
		font-size: 24px;
	}
	.hover_overlay .border p{
		font-size: 16px;
		line-height: 26px;
		padding: 30px 30px 0px;
	}
	.hover_overlay .socal_media ul li a{
	  width: 50px;
	  height: 50px;
	  line-height: 40px;
	}
	.contact_text span{
		font-size: 13px;
	}
	.company p,.company,.video_content{
		padding-bottom: 30px;
	}
	.company h1,.company p{
		padding-top: 30px;
	}
	.filters ul li{
		margin: 0px 10px;
	}
	.table{
		margin-bottom: 30px;
	}
}

/*
// Small devices (landscape phones, 576px and up)
============================================================*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.mainbanner_content p{
		width: 100%;
	}
	.section_title_1 {
	    width: 100%;
	}
	.profile_img.personal_video .loader{
		left: 15%;
	}
	.counter,.blog_item{
		margin-bottom: 30px;
	}
	.filters ul li{
		margin: 5px 10px
	}
	.profile_img.personal_video .iconround:before{
		width: 130px;
		height: 130px;
		left: 20px;
	}
	.profile_img.personal_video a{
		width: 90px;
    	height: 90px;
    	line-height: 100px;
    	left: 84px;
	}
	.profile_img.personal_video .loader {
	    left: 16%;
	}
	.skill-progress{
		margin-top: 20px;
	}
	.contact_message{
		margin-top: 50px;
	}
/*	horizontal and vertical version responsive css */
	.carousel-caption{
		top: 55%;
	}
	.carousel-caption p{
		font-size: 16px;
		width: 100%;
	}
	.carousel-caption{
		left: 15%;
	}
	h1{
		font-size: 26px;
		line-height: 30px;
	}
	h2 {
	    font-size: 22px;
	    line-height: 26px;
	}
	h3 {
	    font-size: 20px;
	    line-height: 24px;
	}
	h4{
		font-size: 16px;
		line-height: 22px;
	}
	.btn {
	    padding: 5px 15px;
	    font-size: 12px;
	}
	.sidebar{
		padding: 30px 10px;
	} 
	.about_myself,.education_experience,.video_content,.services,
	.portfolio2,.pricing,.team,.testimonial,.contact,.footer_bottom{
	    margin-left: 70px;
	}
	.main_title p{
		width: 90%;
	}
	.education_experience .company span{
		margin-bottom: 15px;
		display: inline-block;
	}
	.education_experience .company h1{
		margin-top: 15px;
	}
	.company,.company p{
		padding-bottom: 15px;
	}
	.video_content{
		padding-bottom: 30px;
	}
	.hover_overlay .border h4{
		margin-top: 20px;
		font-size: 24px;
		line-height: 20px;
	}
	.hover_overlay .border strong{
		font-size: 20px;
	}
	.hover_overlay .border p{
		font-size: 16px;
		line-height: 26px;
		padding: 15px 15px 0px;
	}
	.footer-widget .main_title{
		margin-top: 30px;
	}
}

/*
// Extra small devices (portrait phones, less than 576px)
============================================================*/
@media (max-width: 575.98px) {
	.mainbanner_content h1 {
	    font-size: 26px;
	    line-height: 34px;
	}
	.counter,.blog_item{
		margin-bottom: 30px;
	}
	.banner_title {
	    font-size: 20px;
	}
	.mainbanner_content p {
	    font-size: 14px;
	    letter-spacing: 1px;
	    line-height: 21px;
	    width: 100%;
	}
	.section_title_1 {
	    width: 100%;
	    font-size: 14px;
	}
	.section_title_1 .title{
		font-size: 24px;
    	line-height: 36px;
	}
	.skill-progress{
		margin-top: 20px;
	}
	.profile_img.personal_video .iconround:before{
		width: 100px;
		height: 100px;
		left: 7px;
	}
	.profile_img.personal_video a{
		width: 70px;
		height: 70px;
		line-height: 80px;
		left: 57px;
	}
	.profile_img.personal_video .loader{
		left: 17%
	}
	.about_myskill h2{
		font-size: 24px;
	}

	/*	horizontal and vertical version responsive css */
	.sidebar{
		padding: 30px 10px;
	}
	.carousel-caption{
		left: 30%;
	}
	h1{
		font-size: 20px;
		line-height: 24px;
	}
	h2 {
	    font-size: 18px;
	    line-height: 23px;
	}
	h3 {
	    font-size: 17px;
	    line-height: 22px;
	}
	.btn {
	    padding: 5px 15px;
	    font-size: 12px;
	}
	.carousel-caption{
		top: 43%;
	}
	.carousel-caption p {
	    width: 100%;
	}
	.pattan:after{
		width: 50%;
	}
	.about_myself,.education_experience,.video_content,.services,
	.portfolio2,.pricing,.team,.testimonial,.contact,.footer_bottom{
	    margin-left: 70px;
	}
	.main_title p{
		width: 100%;
	}
	.education_experience .company span{
		margin-bottom: 15px;
		display: inline-block;
	}
	.education_experience .company h1,.company p{
		margin-top: 15px;
	}
	.company,.company p{
		padding-bottom: 15px;
	}
	.video_content{
		padding-bottom: 30px;
	}
	.service_one{
		padding: 30px 10px;
		margin: 0px;
	}
	.filters ul li{
		margin: 0px 10px;
	}
	.tag ul li{
		font-size: 12px;
	}
	.member .hover_overlay{
		padding: 0px;
	}
	.member .hover_overlay h4{
		margin-bottom: 0px;
	}
	.member .hover_overlay .border strong{
		margin-bottom: 5px;
	}
	.border {
	    padding: 12px;
	}
	.border p {
	    margin-bottom: 15px;
	    font-size: 13px;
	    line-height: 18px;
	}
	.hover_overlay .socal_media ul li a {
	    width: 40px;
	    height: 40px;
	    line-height: 32px;
	}
	.hover_overlay .socal_media{
		padding-bottom: 3px;
	}
	.member_feedback{
		margin: 60px 0px 10px 0px;
	}
	.footer-widget .main_title{
		margin-top: 30px;
	}
}

/* 
//	(320x480) iPhone (Original, 3G, 3GS)
============================================================*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	h1,h2,h3,h4,h4,h6{
		font-weight: 600
	}
	body{
		font-size: 13px;
	}
	h1 {
	    font-size: 18px;
	    line-height: 22px;
	}
	.profile_img.personal_video .iconround:before {
	    width: 80px;
	    height: 80px;
	    left: 8px;
	}
	.profile_img.personal_video a {
	    width: 60px;
	    height: 60px;
	    line-height: 70px;
	    left: 48px;
	}
	.about_myskill h2 {
	    font-size: 24px;
	    line-height: 32px;
	}
	.filters ul li {
	    margin: 0px 8px;
	}
	.admin{
		padding: 0px;
	}
	.date{
		font-size: 13px;
		line-height: 40px;
	}
	.socal_media_2{
		margin-bottom: 30px;
	}
/*	horizontal and vertical version responsive css */
	.carousel-caption p{
		font-size: 13px;
		line-height: 18px;
	}
	.sidebar img{
		margin-bottom: 25px;
	}
	.socal_media{
		margin-top: 25px;
	}
	#education .nav-item{
		margin: 0px 0px 10px 0px;
	}
	.service_one{
		margin: 15px 10px;
	}
	.member .data h4,.member .data strong{
		font-size: 14px;
		padding: 5px 15px;
	}
	.hover_overlay .socal_media{
		display: none;
	}
	.hover_overlay p{
		font-size: 12px;
	}
}