/* ------------------------------ SCREEN SIZE > 1280 ---------------------------- */
@media (min-width: 1281px) {
  #work_aria .single_work > h4 {
    margin-top: 94px;
  }
  #header-aria .top-head .top-manu > ul > li > a {
    padding: 22px 13px;
  }
  #header-aria .top-head {
    padding: 31px 0px 8px 0px;
  }
  #hero-section .hero-content {
    padding-bottom: 40px;
  }
}

/* ------------------------- SCREEN SIZE (1025 - 1280) -------------------------- */
@media (min-width: 1025px) and (max-width: 1280px) {
  #header-aria .top-head .top-logo > h1 {
    margin-left: 16px;
    margin-top: 31px;
    margin-bottom: -12px;
  }
  #hero-section .hero-content {
    padding-left: 18px;
    padding-top: 23px;
    padding-bottom: 15px;
  }
  #hero-section .hero-content > p {
    padding: 17px 17px 17px 0px;
  }
  #hero-section .hero-content .social-icon > ul > li > a {
    font-size: 21px;
    padding: 0px 22px 7px 0px;
    margin: 5px 10px 10px 4px;
  }

  #header-aria .top-head .top-manu > ul {
    justify-content: flex-start;
  }
  #header-aria .top-head .top-manu > ul > li > a {
    padding: 27px 17px;
    font-size: 14px;
  }
  #work_aria .single_work > h4 {
    margin-top: 94px;
  }
  #main_aria .main .contant {
    margin-top: 75px;
  }
  #featured_aria {
    clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
  }
  #featured_aria {
    clip-path: polygon(0 5%, 100% 0, 129% 95%, 0 100%);
  }
  #about .about-detail .about-button-group > button {
    padding: 7px 23px;
  }
  #about .about-detail .about-detail-single .single-one > p {
    padding: 0px 8px;
  }
  #about .about-detail .about-detail-single .single-one > table > tbody td {
    padding: 6px 6px;
    font-size: 16px;
  }
  #about .about-detail .about-detail-single {
    margin-top: 37px;
  }
  #about .about-detail .about-detail-single .single-one > button {
    font-size: 17px;
    padding: 8px 29px;
  }
  #about .about-detail .about-detail-single .single-two {
    padding: 36px 0px;
  }
  #about .about-detail .about-detail-single .single-two .single-skill {
    padding: 12px 0px;
  }
  #about
    .about-detail
    .about-detail-single
    .single-three
    .contact_all
    .contact-txt {
    padding: 9px 38px;
    margin: 9px 0px;
  }
}

/* ------------------------- SCREEN SIZE (768 - 1024) --------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
  #header-aria .top-head .top-logo > h1 {
    font-size: 16px;
    margin-left: 197px;
    margin-top: 8px;
  }
  #header-aria .top-head .top-button > h2 {
    padding: 17px 0px;
  }
  #hero-section .hero-content {
    padding-left: 31px;
    padding-top: 24px;
    padding-bottom: 0px;
  }
  #hero-section .hero-content > h2 {
    font-size: 19px;
  }
  #hero-section .hero-content > h1 {
    font-size: 29px;
  }
  #hero-section .hero-content > p {
    font-size: 15px;
    padding: 23px 54px 14px 0px;
  }
  #hero-section .hero-content .content-buttion {
    margin-top: 10px;
  }
  #hero-section .hero-content .content-buttion > button {
    padding: 8px 14px;
  }
  #hero-section .hero-content .social-icon > ul > li > a {
    font-size: 21px;
    padding: 7px 18px 7px 0px;
    margin: 9px 10px 10px 4px;
  }
  .potrait-image {
    margin-top: 51px;
  }
  #header-aria .top-head .top-logo {
    margin-left: 130px;
  }
  #main_aria .main .contant {
    margin-top: 56px;
  }
  #main_aria .main .contant > h2 {
    font-size: 20px;
  }
  #main_aria .main .contant > h3 {
    font-size: 20px;
  }
  #main_aria > h1 {
    font-size: 25px;
    top: 45%;
    left: 2%;
  }
  #work-process {
    padding: 33px 0px;
  }
  #main_aria .main .contant > p {
    font-size: 14px;
    padding: 53px 0px 0px 59px;
  }
  #main_aria .main .contant > button {
    margin-left: 85px;
    padding: 6px;
    font-size: 14px;
  }
  #work_aria .single_work > h4 {
    margin-top: 79px;
    padding: 15px 0px;
  }
  #work_aria .single_work > p {
    padding: 0px 11px;
  }
  #featured_aria .single_featured > h3 {
    font-size: 15px;
  }
  #project {
    padding: 102px 0px 156px 0px;
    margin-top: -31px;
  }
  #project .proj-image {
    margin-top: -28px;
  }
  #project .proj-deatil {
    padding: 0px 9px;
    top: 42px;
    left: 34%;
  }
  #project .proj-deatil > h2 {
    font-size: 23px;
    margin-top: 13px;
  }
  #project .proj-deatil > p {
    padding: 16px;
  }
  #project .proj-deatil button {
    font-size: 17px;
    padding: 4px;
  }
  #featured_aria {
    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
  }
  #about > h1 {
    font-size: 27px;
  }
  #about iframe {
    width: 430px;
    height: 250px;
  }
  #about .about-detail .about-button-group > button {
    font-size: 15px;
    padding: 6px 15px;
  }
  #about .about-detail .about-detail-single {
    margin-top: 15px;
  }
  #about .about-detail .about-detail-single .single-one > p {
    padding: 0px 3px;
    font-size: 15px;
  }
  #about .about-video {
    margin-top: 138px;
  }
  #about .about-detail .about-detail-single .single-one > table > tbody td {
    padding: 4px 4px;
    font-size: 15px;
  }
  #about .about-detail {
    margin-top: 51px;
  }
  #about .about-detail .about-detail-single .single-one > button {
    font-size: 15px;
    margin-top: 9px;
    padding: 7px 16px;
  }
  #about .about-image {
    margin-top: 60px;
  }
  #review_aria > h1 {
    font-size: 28px;
  }
  #review_aria
    .review_slide
    .carousel
    .carousel-inner
    .carousel-item
    .carousel-caption
    > p {
    line-height: 19px;
    font-size: 15px;
  }
  #review_aria
    .review_slide
    .carousel
    .carousel-inner
    .carousel-item
    .carousel-caption
    > h5 {
    left: 32%;
  }
  #contact_aria > h1 {
    font-size: 29px;
  }
  #contact_aria > h1::after {
    top: 66%;
    width: 168px;
  }
  #contact_aria .contact-single .single-left {
    padding: 0px 12px;
  }
  #contact_aria .contact-single .single-right > p {
    font-size: 14px;
  }
  #contact_aria .contact-single .single-left .fa-map-marker-alt {
    font-size: 30px;
    color: orange;
  }
  #contact_aria .contact-single .single-left .fa-envelope-open-text {
    font-size: 30px;
  }
  #contact_aria .contact-single .single-left .fa-phone-alt {
    font-size: 30px;
  }
  #blog_aria .single-blog {
    margin: 17px 7px;
  }
  #main-footer .footer-left {
    padding: 26px 48px 26px 0px;
  }
  #main-footer .footer-left .left-single > p {
    padding: 24px 23px 0px 0px;
  }
}

/* ------------------- SCREEN SIZE (768 - 1024) || LANDSCAPE --------------------- */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #main_aria .main .contant {
    margin-top: 94px;
  }
}

/* ------------------------- SCREEN SIZE (481 - 767) --------------------------- */
@media (min-width: 481px) and (max-width: 767px) {
  #header-aria .top-head .top-logo > h1 {
    font-size: 19px;
    padding: 3px;
    margin-left: 175px;
  }
  #header-aria .top-head .top-button > h2 {
    padding: 18px 0px;
  }
  #work-process > h1 {
    font-size: 26px;
  }
  #work-process > h2 {
    font-size: 16px;
  }
  #main_aria .main .contant {
    margin-top: 62px;
  }
  #main_aria .main .contant > h2 {
    font-size: 18px;
  }
  #main_aria .main .contant > h3 {
    font-size: 15px;
  }
  #main_aria > h1 {
    font-size: 20px;
    top: 49%;
    left: 0;
  }
  #main_aria .main .contant > p {
    display: none;
  }
  #main_aria .main .contant > button {
    margin-left: 14px;
    width: 119px;
    margin-top: 51px;
    padding: 4px;
  }
  #work_aria .single_work {
    margin: 10px;
  }
  #work_aria .single_work > h4 {
    margin-top: 90px;
  }
  #project .proj-deatil {
    position: revert;
  }
  #project .proj-image > img {
    padding: 0px 23px;
  }
  #project .proj-deatil > h2 {
    font-size: 25px;
    padding: 0;
    margin-top: 29px;
  }
  #project .proj-deatil > p {
    font-size: 15px;
    padding: 21px;
  }
  #featured_aria {
    clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%);
  }
  #featured_aria .single_featured .fa-database,
  .fa-clone,
  .fa-pencil-ruler,
  .fa-users-cog {
    font-size: 32px;
    top: 15%;
    left: 29%;
  }
  #featured_aria .single_featured > p {
    padding: 16px 78px;
  }
  #featured_aria .single_featured > h3::before {
    left: 40%;
  }
  #about > h1 {
    font-size: 30px;
  }
  #about iframe {
    width: 350px;
    height: 230px;
  }
  #about .about-detail .about-button-group > button {
    padding: 9px 23px;
  }
  #about .about-detail .about-detail-single .single-one > p {
    padding: 0px 10px;
  }
  #about .about-detail .about-detail-single .single-one > table > tbody td {
    padding: 10px 11px;
    font-size: 17px;
  }
  #about .about-detail .about-detail-single .single-one > button {
    font-size: 16px;
    margin-top: 34px;
    padding: 8px 19px;
  }
  #pricing_aria > h1 {
    font-size: 32px;
  }
  #pricing_aria > p {
    padding: 0px 53px;
  }
  #pricing_aria > h1::after {
    top: 339%;
    width: 191px;
  }
  #pricing_aria .single-pricing {
    margin: 19px 46px;
  }
  #contact_aria > h1 {
    font-size: 30px;
  }
  #contact_aria > h1::after {
    width: 179px;
  }
  #blog_aria > h1 {
    font-size: 30px;
  }
  #blog_aria > h1::after {
    top: 61%;
    width: 173px;
  }
  #blog_aria .single-blog {
    margin: 18px 10px;
  }
  #blog_aria .single-blog .card .card-body > h5::before {
    top: 25%;
    left: 17%;
  }
  #main-footer .footer-left .left-single {
    padding-left: 19px;
  }
  #main-footer .footer-left .right-single {
    margin: 33px 14px;
    padding-left: 63px;
  }
  #main-footer .footer-right {
    padding: 6px 0px 26px 75px;
  }
  #main-footer .footer-right .footer-right-single {
    margin: 21px 0px;
  }
  .back-to-top .fa-arrow-up {
    font-size: 24px;
  }
  .back-to-top {
    width: 33px;
    height: 33px;
  }
}

/* ------------------------- SCREEN SIZE (320 - 480) --------------------------- */
@media (min-width: 320px) and (max-width: 480px) {
  #header-aria .top-head .top-logo > h1 {
    font-size: 16px;
    margin-left: 111px;
  }
  #header-aria .top-head .top-button > h2 {
    padding: 15px 0px;
  }
  #hero-section .hero-content > h2 {
    font-size: 18px;
  }
  #hero-section .hero-content {
    padding-left: 6px;
    padding-top: 8px;
    padding-bottom: 12px;
  }
  #hero-section .hero-content > h1 {
    font-size: 28px;
  }
  #hero-section .hero-content > p {
    font-size: 15px;
    padding: 18px 11px 16px 0px;
  }
  #hero-section .hero-content .content-buttion > button {
    padding: 7px 16px;
    margin-right: 16px;
  }
  #hero-section .hero-content .social-icon > ul > li > a {
    padding: 7px 8px 7px 0px;
    margin: 10px 10px 10px 4px;
  }
  #work_aria {
    padding: 92px 0px;
  }
  #work_aria > h1 {
    font-size: 27px;
  }
  #work_aria > h2 {
    font-size: 15px;
  }
  #main_aria .main {
    margin-top: 54px;
  }
  #main_aria .main .contant {
    margin-top: 17px;
  }
  #main_aria .main .contant > h2 {
    font-size: 14px;
  }
  #main_aria .main .contant > h3 {
    font-size: 14px;
  }
  #main_aria > h1 {
    font-size: 15px;
    top: 59%;
    left: 0;
  }
  #main_aria .main .contant > p {
    display: none;
  }
  #main_aria .main .contant > button {
    margin-left: 14px;
    width: 110px;
    margin-top: 30px;
    padding: 1px;
  }
  #project {
    padding: 50px 0px;
  }
  #work_aria .single_work {
    margin: 10px;
  }
  #work_aria .single_work > h4 {
    margin-top: 112px;
  }
  #work-process > h1 {
    font-size: 25px;
  }
  #work-process > h2 {
    font-size: 15px;
  }
  #project .proj-image > img {
    padding: 0px 23px;
  }
  #project .proj-deatil {
    position: revert;
  }
  #project .proj-deatil > h2 {
    font-size: 17px;
    padding: 0;
    margin-top: 14px;
  }
  #project .proj-deatil > p {
    font-size: 14px;
    padding: 11px;
  }
  #project .proj-deatil button {
    font-size: 15px;
  }
  #featured_aria {
    clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%);
  }
  #featured_aria > h1 {
    font-size: 28px;
  }
  #featured_aria > h2 {
    font-size: 18px;
  }
  #featured_aria .single_featured .fa-database,
  .fa-clone,
  .fa-pencil-ruler,
  .fa-users-cog {
    top: 12%;
    left: 19%;
  }
  #about > h1 {
    font-size: 28px;
  }
  #about .about-video {
    margin-top: 48px;
  }
  #about iframe {
    width: 280px;
    height: 200px;
  }
  #about .about-detail .about-button-group > button {
    font-size: 15px;
    padding: 0px 19px;
    margin: 0px 12px;
  }
  #about .about-detail .about-detail-single .single-one > p {
    font-size: 15px;
    padding: 0px 10px;
  }
  #about .about-detail .about-detail-single .single-one > table > tbody td {
    padding: 8px 13px;
    font-size: 15px;
  }
  #about .about-detail .about-detail-single .single-one > button {
    font-size: 14px;
    margin-top: 21px;
    padding: 7px 8px;
  }
  #about .about-detail .about-detail-single .single-two .single-skill {
    padding: 3px 0px;
  }
  #about
    .about-detail
    .about-detail-single
    .single-two
    .single-skill
    .skill-title
    > h5 {
    font-size: 16px;
  }
  #about
    .about-detail
    .about-detail-single
    .single-three
    .contact_all
    .contact-img {
    padding: 0px 13px;
  }
  #about
    .about-detail
    .about-detail-single
    .single-three
    .contact_all
    .contact-img
    .fa-tty,
  .fa-envelope-open-text,
  .fa-link {
    font-size: 20px;
    margin-top: 25px;
  }
  #about
    .about-detail
    .about-detail-single
    .single-three
    .contact_all
    .contact-txt {
    padding: 6px 45px;
    margin: 9px 0px;
  }
  #review_aria > h1 {
    font-size: 21px;
  }
  #review_aria > h1::after {
    top: 55%;
    width: 208px;
  }
  #pricing_aria > h1 {
    font-size: 26px;
  }
  #pricing_aria > p {
    font-size: 14px;
    padding: 10px 23px 10px 41px;
  }

  #pricing_aria .single-pricing {
    margin: 0px 22px;
  }
  #contact_aria > h1 {
    font-size: 23px;
  }
  #blog_aria > h1 {
    font-size: 26px;
  }
  #blog_aria > h1::after {
    top: 61%;
    width: 154px;
  }
  #blog_aria .single-blog {
    margin: 14px 8px;
  }
  #blog_aria .single-blog .card .card-body > h5::before {
    left: 27%;
  }
  #main-footer .footer-left {
    padding: 26px 6px 26px 25px;
  }
  #main-footer .footer-left .right-single {
    margin-top: 40px;
    padding-left: 59px;
  }
  #main-footer .footer-right .footer-right-single {
    margin: 39px 0px;
  }
  footer > h1 {
    font-size: 17px;
  }
  .back-to-top .fa-arrow-up {
    font-size: 19px;
  }
  .back-to-top {
    width: 28px;
    height: 28px;
  }
}