/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 300px) and (max-width: 756px){
    .carousel-item {
        height: auto;
    }
    
    .carousel-item img {
        width: 100%;
    }
	.p-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	section.mt-5.pt-5.team {
		margin-top: 45px !important;
	}

	.carousel-inner {
	    max-height: 500px;
	}
	.carousel-indicators {
		left: calc(50% - 178px);
	}
	.main-blog .container {
		max-width: 92%;
		padding: 1px 20px;
	}

	navbar-brand {
	    position: relative;
	    left: -15px;
	}
	.navbar-brand img {
	    max-width: 150px;
	}

	ul.navbar-nav.mr-auto {
	    position: absolute;
	}
	.home .nav-link {
	    font-size: 12px;
	}
	.home-top .nav-item.home::before, .home-top .nav-item.home::after {
		height: 80%;
		top:4px;
	}
	.active.nav-item.home::before,
	.active.nav-item.home::after {
	    height: 70%;
	    top: 15%;
	}

	.nav-item.home {
	    top: -45px;
	    left: 60%;
	    width: 70px;
	}

	.nav-item.home.active {
	    left: 30%;
	}
	.search-form {
	    height: 100%;
	    position: absolute;
	    top: 0;
	    min-width: 100%;
	    left: 0;
	    z-index: 20;
	}

	.search-form input {
		width: 89%;
		z-index: 111;
	}

	li.nav-item.seacrh {
	    position: absolute;
	    top: 15px;
	    right: 4%;
	}

	li.nav-item.social,
	li.nav-item.language {
		display: none;
	}
	.arat-menu {
		z-index: 10;
		width: 71%;
		left: 29%;
		background-image: url(../img/icon-header-mob.png);
		background-position: 78% 93%
	}
	.arat-menu ul {
		margin-left: 12px;
	}
	.arat-menu .arat-btn {
		font-size: 13px;
		margin-bottom: 30px;
	}

	.social-mob, .language-mob {
	    display: block;
	}

	a.language-mob {
	    position: absolute;
	    top: 3.8%;
	    right: 7%;
	    color: white;
	    font-size: 12px;
	}

	a.social-mob {
	    position: absolute;
	    top: 3%;
	    right: 35%;
	    filter: brightness(0) invert(1);
	}

	.btn-red {
	    width: 72%;
	    padding: 15px 0;
	    display: block;
	    font-size: 12px;
	    margin: 15px 0px 56px 1px;
	    margin-left: auto
	}
	.btn-blog {
	    font-size: 12px;
	    padding: 10px 15px;
	}

	.btn-black {
	    width: 55%;
	    font-size: 12px;
	    margin-left: 10px;
	}

	.btn.btn-grey {
	    font-size: 12px;
	    line-height: 19px;
	    padding: 10px 15px;
	}
	.back-button {
		display: none;
	}

	.main-blog .container::after {
	    top: -60px;
	    border: 65px solid transparent;
	    border-left: 266px solid #f4f4f4;
	    border-bottom: 1px solid #f4f0;
	}

	.main-blog .col-lg-6.col-sm-6 {
	    position: relative;
	    margin-bottom: 40px;
	}


	.card {
		width: 100%;
	}
	.portfolio-item {
	    margin-bottom: 60px;
	    padding: 15px;
	}

	.fields .main-title {
		padding: 20px 0px 20px 0px;
	    margin-bottom: 20px;
	}

	.main-blog .blog-title {
		font-size: 20px;
		height: 40px;
	}

	.main-title {
	    font-size: 22px;
	    letter-spacing: 2px;
	    margin-left: 0;
	    font-weight: 200;
	}

	.card-title a {
		font-size: 20px;
	}
	h1.main-team-title {
	    text-align: left;
	    font-size: 22px;
	}
	.main-blog .main-title {
		padding: 20px 0 20px 0;
	    margin: 30px 0px 20px 0px;
	}

	.main-blog .blog-text, 
	.main-blog .blog-date {
		font-size: 12px;
	}

	section.lawyers {
	    background: linear-gradient(9deg, transparent 6%, #000 6.2%);
	    margin-top: -24px;
	}

	.lawyers .main-title {
	    margin-bottom: 20px !important;
	    padding-top: 40px;
	    text-indent: 20px;
	}

	.layer-title {
		font-weight: 200;
		margin-top: 20px;
	}

	.layer-rang {
		font-size: 14px;
	}

	.footer-nav ul {
	    list-style: none;
	    justify-content: flex-end;
	    margin-top: auto;
	    width: 100%;
	    display: block;
	    columns: 2;
	    -webkit-columns: 2;
	    -moz-columns: 2;
	    padding: 0;	
	}

	.footer-nav li {
		margin-left: 0;
		margin-bottom: 10px;
	}
	.footer-nav li a {
		font-size: 12px;
	}

	footer .col-md-1 img {
		margin-bottom: 20px;
	}

	.bottom-footer {
		font-size: 12px;
    	margin-top: 50px;
	}

	p.bottom-footer.text-right {
		margin-top: 0px;
		text-align: left !important;
	}

	.img-cutted::before {
	    width: 102%;
	    left: -2px;
	    top: -1px;
	}

	.img-cutted img {
		height: auto;
	}

	.cutted-layout {
		height: 180px;
	}

	.cutted-title {
		font-size: 22px;
		letter-spacing: 5px;
    	font-weight: 200;
    	margin-top: 14%;
	}

	.back-button-mobile {
		max-width: 50px;
	    position: absolute;
	    display: flex;
	    top: 25px;
	}
	.back-button-mobile img {
		width: auto;
	    height: 16px;
	}
	.back-button-mobile span {
	    font-size: 12px;
	    margin-left: 10px;
	    color: #aaaaaa;
	}
	.description {
		font-size: 14px;
	}

	.team .description {
		margin-top: 20px;
	}
	.service .col-md-6:nth-child(odd) {
    padding-right: 0;
    }
    
    .service .col {
        flex: 100%;
    }
    
    .blog-description .col {
    flex: 100% !important;
    width: 100%;
    }
    .service img {
    width: 100%;
    height: auto;
    }

	.description p {
	    margin-bottom: 20px;
	}	
	
	.fields.page .portfolio-item {
	    margin-bottom: 60px;
	}

	.img-cutted .cutted-icon {
		height: auto;
    	width: 70px;
	}

	.team-section.page {
	    padding: 30px 0;
	    margin-top: 30px;
	}

	.team .description h1 {
	    font-size: 22px;
	}

	.team .description .team-position {
	    font-size: 16px;
	    margin-bottom: 30px;
	    display: block;
	    color: #949494;
	}
	.main-blog.list .container::after {
	    top: -35px;
	}

	.btn-ya, .btn-go {
	    padding: 15px 0;
	    font-size: 12px;
	    max-width: 170px;
	}
	
	form.contact-form .col-md-12 {
	    padding: 0;
	}
	p.checkbox-text {
	    width: 70%;
	    font-size: 12px;
	}

	.checkbox {
	    width: 30px;
	    height: 30px;
	}

	button.submit {
	    padding: 10px 15px;
	    font-size: 14px;
	    margin-top: 13px;
	    margin-right: -15px;
	}

	.contacts {
	    margin-top: 40px;
	}

	.contacts-title {
	    margin-bottom: 20px;
	    font-size: 16px;
	}
	
	.contacts-text {
	    margin-bottom: 20px;
	    font-size: 14px;
	}

	.team-contact span {
	    font-size: 14px;
	}

	.blog-header {
		display: block;
	}
	.blog-header .blog-title {
		margin-bottom: 0;
	}

	.share {
	    line-height: 40px;
	    margin-left: auto;
	    width: 36%;
	}
	a.share-link {
	    margin-left: 5px;
	}
	a.share-link img {
	    height: 15px;
	}
	footer {
		margin-top: 60px;
	}
	.blog-description iframe {
	    max-width: 100%;
	}
}

/* SMARTPHONES LANDSCAPE */
@media only screen and (max-width: 480px) {
    .btn.btn-grey {
        bottom: 3.5%;
    }
	.col-lg-6.col-sm-6::before {
	    content: '';
	    position: absolute;
	    bottom: -20px;
	    width: 90%;
	    height: 1px;
	    background: #cccccc;
	}
	.col-lg-6.col-sm-6:last-of-type::before {
	    content: none;
	}
}
@media only screen and (min-width: 550px) and (max-width: 760px) {
    .btn.btn-grey {
        bottom:7.5%;
    }
	.col-lg-4.col-sm-4.portfolio-item {
    max-width: 100%;
    flex: 100%;
}

}
/* TABLETS PORTRAIT */
@media only screen and (min-width: 765px) and (max-width: 1022px) {
    .carousel-item {
        height: auto;
    }
    
    .carousel-item img {
        width: 100%;
    }
	.carousel-indicators {
		left: calc(50% - 365px);
	}
	.p-0 {
		padding: 0px !important;
	}
    
	button.navbar-toggler.navbar-toggler-right {
	    display: none;
	}
	.nav-item.home {
	    margin-left: 50px;
	}

	a.nav-link.menu-btn {
	    padding-left: 5px;
	}

	.navbar-brand img {
	    max-width: 190px;
	}

	ul.navbar-nav.ml-auto {
		flex-direction: row;
	}

	ul.navbar-nav.ml-auto li {
	    margin-left: 20px;
	}

	.search-form {
	    margin-right: -20px;
	}

	.arat-menu {
		width: 71%;
		height: 71vh;
		left: 29%;
		z-index: 10;
	}

	.card {
		width: 98%;
	}
	.layout-item {
		min-height: 160px;
	}

	.card.h-100:hover>.layout-item {
		min-height: 170px;
	}

	.card-icon {
	    bottom: 70px;
	    left: 20px;
	    height: 40px;
	}

	.card-title {
		bottom: 25px;
    	left: 25px;
	}

	.card-title a {
		font-size:  14px;
		line-height: 18px;
	}

	.btn {
		font-size: 13px;
	}

	.btn-blog {
		padding: 10px 15px;
	}

	.btn.btn-grey {
		padding: 10px 15px;	
		font-size: 13px;	
		bottom: 5%;
	}

	.btn-ya, .btn-go {
		padding: 15px 0;
	    font-size: 14px;
	    max-width: 168px;
	}

	button.submit {
		padding: 10px 15px;
	    font-size: 12px;
	}
	.main-title {
		font-size: 30px;
	}

	.main-blog .blog-title {
		height: 50px;
		font-size: 20px;
	}

	.layer-title {
		font-size: 20px;
	}

	.layer-rang {
		font-size: 14px
	}
	.description {
		font-size: 12px;
	}

	.description p {
		margin-bottom: 20px;
	}

	.description h3 {
		font-size: 1.25rem;
	}
	.description li:before {
		width: 1.6em;
    	height: 1.6em;
	}

	.description li {
    margin-bottom: 19px;
	}

	.contacts-text {
		margin-bottom: 31px;
	}

	.fields .main-title {
		padding: 50px 0px 30px 0px;
    	margin-bottom: 40px;
	}

	.main-blog .main-title {
		padding: 0px 0 30px 0;
		margin: 0px 0px 40px 0px;
	}

	.lawyers .main-title {
		margin-bottom: 50px !important;
    	padding-top: 50px;
	}

	.cutted-title {
		font-size: 30px;
		margin-top: 16%;
	}

	h1.main-team-title {
		font-size: 28px;
		margin-bottom: 80px;
	}

	.team .description h1 {
		font-size: 30px;
	}
	.team .description .team-position {
		font-size: 14px;
    	margin-bottom: 15px;
    	margin-top: 10px;
	}
	.team-contact span {
		font-size: 10px;
	}

	.team-contact .info {
		margin-bottom: 20px;
	}

	.team-contact h3 {
		font-size: 12px;
	}
	.main-blog .blog-date {
		font-size: 12px;
		margin: 10px 0;
	}

	.main-blog .blog-text {
		font-size: 12px;
	    margin-bottom: 50px;
	}
	footer {
		margin-top:  20px;
	}
	.footer-nav li a {
		font-size: 10px;
	}

	.footer-nav li {
		margin-left: 15px;
	}

	.bottom-footer {
		font-size: 10px;
	}


	.img-cutted::before {
		width: 101%;
	}

	.carier {
		height: 100%;
	}

	.contacts+.carier {
    height: auto !important;
	}

	.map iframe {
		max-height: 403px;
	}

	.contact-form textarea {
		height: 225px;
	}

	.checkbox {
		width: 30px;
		height: 30px;
	}

	p.checkbox-text {
		width: 72%;
    	font-size: 12px
	}
	
	.service img {
    width: 100%;
    height: auto;
    }
    .blog-description .col {
    flex: 100% !important;
    width: 100%;
}

	.blog-description iframe {
	    max-width: 100%;
	}


}

/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
	.main-blog .blog-title {
		font-size: 28px;
	}
	.contacts-text {
		margin-bottom: 30px;
	}
	.contact-form textarea {
		height: 290px;
	}
	.btn-ya, .btn-go {
	    padding: 16px 0;
	    max-width: 228px;
	}

	.img-cutted::before {
		width: 101%;
	    left: -1px;
	    top: -2px;
	}
	.arat-menu {
		width: 71%;
		height: 90vh;
		z-index: 10;
	}
	.card-title a {
		font-size: 18px;
	}

}  

@media only screen and (min-width: 1024px) {
    .navbar {
        padding: 17px 0px 15px 0 !important;
    }
    .fields .main-title {
        width: 102.5%;
    }
    .team+.fields {
        margin-top: -20px !important;
    }
}