/*============== large device ==============*/
@media(min-width:992px) and (max-width:1199px){
#portfolio {
    padding-top: 0;
}
.likes {
	top: 65%;
}
.count-item p {
	font-size: 28px;
}
.team-details h3 {
	padding-top: 10px;
}
.team-details p {
	padding-top: 10px;
}    
.social {
	padding-top: 15px;
}
.test-item-details {
	padding-top: 10px;
	padding-bottom: 0;
}    
.team-details p {
	padding-top: 10px;
}
.poster p {
	line-height: 26px;
}
#blog-left-side .poster p {
    padding-left: 15px;
}
#blog-left-side .blog-text {
	padding: 8px 0;
}
.card2 ul li a {
	font-size: 18px;
}
.card2 .nav-tabs > li > a {
	margin-right: 25px;
}    
.blog-text {
	padding: 15px 0;
}
.popular-intro h3 {
	padding-bottom: 0;
}
.popular-intro h3 {
	font-size: 14px;
	padding-bottom: 20px;
}
.tags a {
	padding: 8px 9px;
    margin-right: 0;
}    
.popular-intro span {
	font-size: 12px;
}    
.blog-item h3 {
	padding-top: 5px;
	line-height: 24px;
    font-size: 18px;
}
.extra5 {
    padding-top: 15px!important;
}
.blog-text2  {
    padding-top: 5px;
}    
.blog-text2 h3 {
	padding-bottom: 4px;
}
.footer-social i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	margin: 0 0px;
}
#port-page .portfolioFilter {
	padding-top: 25px;
} 
#port-page #portfolio {
	padding-bottom: 30px!important;
}
#blog-page .blog-likes {
	bottom: -5px;
}
.view-icon i {
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.comment-details h3 {
	font-size: 14px;
}
.dtails-right h3 {
	font-size: 16px !important;
}
.posted-by p {
	font-size: 12px;
}
.prev-post {
	left: 25%;
}    
}
/*============== medium device ==============*/
@media(min-width:768px) and (max-width:991px){
.navbar-light .navbar-nav .nav-link {
	font-size: 15px;
	padding-right: 12px;
	padding-left: 12px;
}
.banner-text {
	padding-top: 100px;
	padding-bottom: 250px;
}
.brand-slide{
    padding-top: 50px
}
.about-item2 {
    padding-top: 50px;
}
.service-details, .test-details{
    padding-bottom: 50px;
}
#portfolio {
	padding-top: 0;
}
.likes{
    top: 53%;
}
#count {
	padding: 60px 0 0;
}    
.count-item {
    padding-bottom: 60px;
}
.team-details {
	text-align: center;
	padding: 0 20px 20px;
}
#testimonial::after {
	display: none;
} 
#testimonial .content {
    position: inherit;
}     
.blog-text {
	padding: 20px 0;
}    
.blog-item h3 {
	padding-right: 10px;
}
.extra2 {
    background: none;
    padding: 0 30px;
}
#blog .browse {
	 padding-top: 0px; 
}    
.blog-item {
    background: #f1f1f1;
    margin:0  0 50px;
}
.footer-logo {
    padding-bottom: 50px;
}
#client-logo .client-item {
	padding: 20px 10px;
}
#port-page .portfolioFilter {
	padding-top: 25px;
} 
#pagination {
	padding: 30px 0;
}
#port-page #portfolio {
	padding-bottom: 30px!important;
}
.select {
	padding-bottom: 30px;
}
#blog-page .blog-text {
	padding: 20px 20px;
}
#blog-page .blog-right-item {
	padding-bottom: 0px;
}
.pag-center {
    justify-content: center!important
}
#blog-page #footer {
	padding: 30px 0;
	background: #f1f1f1;  
}
.tags p {
	display: inline-block;
}
.bg-video-details p {
    padding-top: 20px;
}
#blog-details-page .tags a {
	margin-right: 1px;
    padding: 8px 6px
}
.prev-post {
	left: 51%;
	top: 38%;
} 
.next-post {
	right: 53%;
	bottom: 2%;
}     
}
/*============== small device ==============*/
@media(min-width:576px)and (max-width:767px){
.navbar {
	padding: .3rem 1rem;
}
.navbar-light .navbar-toggler {
	border-color: transparent;
}
.navbar-toggler span {
	font-size: 28px;
    color: #484DA0;
    font-weight: 700
}
.navbar-toggler:focus {
    outline: 0;
}
.navbar-light .navbar-nav .nav-link {
    text-align: center;
}    
.navbar-light .navbar-nav .nav-link::after {
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.navbar-light .navbar-nav .nav-link:hover:after,
.navbar-light .navbar-nav .nav-link.active:after {
    opacity: 1;
    width: 10%;
}
.navbar .form-inline {
	flex-direction: column;
}
.form-inline a.extra4{
     padding-right: 0;
}
.form-inline a::after {
    display: none;
}
.banner-text h1 {
	font-size: 70px;
}    
.banner-text {
	padding-top: 60px;
	padding-bottom: 250px;
}
.brand-slide {
    padding-top: 40px;    
}
.about-item {
    padding-bottom: 50px
}
#service {
	padding-bottom: 20px;
}    
.service-details {
    padding-bottom: 50px
}
.service-item {
	padding: 40px 0 40px 0;
}    
.service-item p {
	padding: 0 6px;
}
.portfolioFilter a {
	margin-right: 15px;
	font-size: 16px;
}
.count-item{
    padding-bottom: 30px;
}
.team-details {
	text-align: center;
	padding: 0px 5px 20px;
}
    
.test-details {
    padding-bottom: 50px;
}
.test-item-details {
	padding-top: 20px;
    padding: 10px;
}    
.test-item-details p {
	padding:0 20px 0 0;
}
#testimonial::after {
	display: none;
} 
#testimonial .content {
    position: inherit;
}      
#team {
	padding-bottom: 60px;
}    
#team .browse {
	padding-top: 50px;
}    
.blog-item {
	margin-bottom: 40px;
}    
.blog-text {
	text-align: center;
	padding: 20px 10px;
}
.blog-item .extra1 {
	float: none;
    display: block;
}
.extra2 {
	 background: none; 
}
.blog-right-item {
	padding-bottom: 0px;
}
.poster p {
	line-height: 24px;
} 
.browse {
	padding-top: 10px;
}
.footer-logo {
    text-align: center;
}
.footer-logo p {
	font-size: 14px;
}
.footer-social {
	padding-bottom: 50px;
}  
.insta h3 {
    padding-top: 20px;
}
#client-logo .client-item {
	padding: 25px 10px;
}
#pagination {
	padding: 30px 0;
}
.select {
	padding-bottom: 30px;
}
#blog-left-side .pagination {
	justify-content: center!important;
    margin-left: 0;
}
.bg-video-details p {
	padding-top: 20px;
}
#blog-details-page .tags a {
	display: inline-block;
    padding: 8px 18px;
}
.dtails-right h3 {
	font-size: 18px !important;
}
#blog-details-sidebar .post-commnets span {
	line-height: 24px;
}
.error-text h3 {
    padding-left: 0px;
    padding-top: 20px;
}
.error-text p {
	 padding-left: 0px; 
	 padding-right: 0px; 
}
.error-text a {
	margin-left: 0px;
}
.slider-main {
	 padding-right: 0px; 
}
.test-info h3 {
	font-size: 18px;
}    
.test-info p {
	font-size: 14px;
}
.test-info {
	padding: 14px 10px;
}    
}
/*============== xtra small device ==============*/
@media(max-width:575px){
.navbar {
	padding: .3rem 1rem;
}
.navbar-light .navbar-toggler {
	border-color: transparent;
}
.navbar-toggler span {
	font-size: 28px;
    color: #484DA0;
    font-weight: 700
}
.navbar-toggler:focus {
    outline: 0;
}
.navbar-light .navbar-nav .nav-link {
    text-align: center;
}    
.navbar-light .navbar-nav .nav-link::after {
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.navbar-light .navbar-nav .nav-link:hover:after,
.navbar-light .navbar-nav .nav-link.active:after {
    opacity: 1;
    width: 10%;
}
#search input[type="search"] {
	background: rgba(0, 0, 0, 0);
	font-size: 40px;

}    
.navbar .form-inline {
	flex-direction: column;
}
.form-inline a.extra4{
     padding-right: 0;
}
.form-inline a::after {
    display: none;
}
.banner-text h1 {
	font-size: 48px;
}    
.banner-text {
	padding-top: 60px;
	padding-bottom: 250px;
}
.brand-slide {
    padding-top: 40px;    
}
#about {
	padding-top: 80px;
    padding-bottom: 0;
}
.about-item h5 {
	padding-top: 40px;
}
.about-item {
    padding-bottom: 50px
}
#service {
	padding-top: 80px;
	padding-bottom: 0;
}
.service-details {
    padding-bottom: 50px
}
.service-item p {
	padding: 0 15px;
}
.service-item {
	padding: 40px 0 40px 0;
}
#portfolio {
	padding-top: 80px;
    padding-bottom: 80px;
}
#portfolio .browse {
	padding-top: 40px;
}    
.portfolioFilter a {
	margin-right: 16px;
	font-size: 16px;
}    
.count-item{
    padding-bottom: 30px;
}
#count {
	padding: 55px 0 30px;
}
#team {
	padding-top: 80px;
    padding-bottom: 80px;
}
.team-details {
    text-align: center;
    padding-bottom: 20px;
}
.item-main {
	margin-bottom: 30px;
}
#team .browse {
	padding-top: 40px;
}
#testimonial {
	padding-top: 50px;
    padding-bottom: 50px;
}   
.test-details {
    padding-bottom: 50px;
}
.test-info, .test-item-details {
    text-align: center!important;
}
.test-item-details span {
	text-align: center;
    margin-right: 0px; 
}
#testimonial::after {
	display: none;
} 
#testimonial .content {
    position: inherit;
}
.slider-main {
    padding-right: 0;
}    
#blog {
	padding: 50px 0;
}    
.blog-item {
	margin-bottom: 40px;
}    
.blog-text {
	text-align: center;
	padding: 10px 10px;
}
.blog-item .extra1 {
	float: none;
    display: block;
}
.extra2 {
	 background: none; 
}
.blog-right-item {
	padding-bottom: 0px;
}
.poster p {
	line-height: 24px;
} 
.browse {
	padding-top: 10px;
}
#footer {
	padding: 30px 0;
}
.footer-logo {
    text-align: center;
}
.footer-logo p {
	font-size: 14px;
}
.footer-social {
	padding-bottom: 50px;
}
#client-logo {
	padding: 0 0 50px;
}
#pagination {
	padding: 30px 0;
}
#port-page > #portfolio {
	padding-top: 30px;
	padding-bottom: 40px;
}
.view-icon {
    text-align: center;
    margin-bottom: 20px;
}    
.select select {
	padding: 6px 4px;
}
.select label {
	padding: 0 9px;
}    
.select {
	padding-bottom: 20px;
    text-align: center;
}
#pag-nav .page-link {
	margin-left: 0px;
	font-size: 13px;
}
.page-link {
	padding: .5rem .65rem;
}   
.pagination {
    justify-content: center!important;
    margin-left: -5px;
}
.card2 .nav-tabs > li > a {
	margin-right: 27px;
}    
.card2 ul li a {
	font-size: 18px;
}
#blog-left-side .pagination {
	justify-content: center!important;
}
.post-commnets {
	padding-top: 0px;
	text-align: center !important;
}
.post-commnets span {
	line-height: 20px;
}
.bg-video-details p {
	padding-top: 30px;
    padding-bottom: 0;
}
#blog-details-page .tags b {
	display:block;
    padding-bottom: 20px;
}    
#blog-details-page .tags a {
	display: inline-block;
}
#blog-left-side .pagination {
	 margin-left: -5px; 
}
.blog-social i {
	margin: 0 3px;
}
.dtails-left {
    padding-top: 20px;
}    
.dtails-right h3 {
	padding-top: 20px;
}
.comment-details h3 {
	padding-top: 20px;
}
.comment-img {
    padding-top: 20px;
}
.total-comment {
    padding-top: 30px;
}
#blog-details-sidebar .tags a {
	margin-right: 0px;
	display: inline-block;
}
#blog-details-sidebar .blog-social {
	padding-bottom: 40px;
}
.error-text h3 {
    padding-left: 0px;
    padding-top: 20px;
}
.error-text p {
	 padding-left: 0px; 
	 padding-right: 0px; 
}
.error-text a {
	margin-left: 0px;
}
.error-page {
	padding-bottom: 50px;
}
.error-text {
	 padding-top: 0px; 
}     
}



@media(max-width:767px){
.nav-tabs {
    padding-bottom: 20px;
}
.popular-img {
	width: 100px;
	margin: 0 auto;
}
.popular-intro {
    text-align: center;
} 
.popular-intro h3 {
    padding-top: 10px;
	padding-bottom: 10px;
    line-height: 22px;
}
.tags {
    text-align: center;
}    
.tags a {
	padding: 8px 8px;
	margin-right: 0px;
}
#blog-details-sidebar .tags a {
	margin-right: 0px;
	display: inline-block;
}
#blog-details-sidebar .blog-social {
	padding-bottom: 40px;
}
.navbar-collapse {
  max-height: 280px;
  overflow-y: auto;
}
.dropdown-menu {
	border: none;
	text-align: center;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #494da1;
	text-decoration: none;
	background-color: transparent;
}
.dropdown-item {
	color: #151515;
	background-color: transparent;
    font-weight: 500;
    line-height: 28px;
}
#blog-grid-main {
    padding-top:0px;
} 
#pag-nav .page-link{
    margin-left: 1px;
}
.next-post,
.prev-post{
	display: none;
}
.country .btn {
	padding-left: 27px;
}    
}
@media(min-width:768px){
.navbar-expand-md .navbar-nav .dropdown-menu {
    visibility: hidden;
    display: block;
    top: 70px;
    border: 0;
    left: -36px;
    border-radius: 0;
    transition: all linear .3s;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #494da1;
	text-decoration: none;
	background-color: transparent;
}
.dropdown-item {
	color: #151515;
	background-color: transparent;
    font-weight: 500;
    line-height: 28px;
}
.dropdown:hover>.dropdown-menu {
    visibility: visible;
    top: 60px;
}
}