@media only screen and (min-width:992px) and (max-width:1200px){.container{width:960px}.header-bg{background-size:auto 70%}}@media only screen and (min-width:768px) and (max-width:991px){.project-details{position:static;width:100%}.blog-area{padding:60px;top:40%}.prosess-item{padding:0}.single-process{position:static;height:auto}.process-center-image{padding:20px 0}.header-bg{background-size:auto 50%}.project:nth-child(2n+1) .single-project:hover .project-details,.single-project:hover .project-details{-webkit-transform:translate(0,0);transform:translate(0,0)}}@media only screen and (max-width:767px){.profile-text,.project-details.project-details-left{text-align:left}.single-comment .blog-thumb-photo,.single-process{position:static}.menu-icon{left:30px}.header-text{padding:0}.header-text-area h1{font-size:70px}.project-details{padding:20px;position:static;width:100%}.project-details h3{font-size:16px}.page-title h2{font-size:34px}.page-title h3{font-size:20px}.process-area .flex{display:block}.exp-battn li{margin:5px auto;width:100%}.battn{margin:10px 0}.single-blog{margin-bottom:30px}.single-profile{padding-left:70px}.profile-text{margin-bottom:20px}.single-exp{padding-left:60px}.single-exp .exp-year{display:none}.blog-area{padding:20px;top:50%;width:100%}.single-comment{padding-left:0}.reply-comment{padding-left:50px}.prosess-item{padding:0}.about-photo .about-desc{padding:10px 5px;width:100%}.contact-info h3{font-size:24px}.contact-info h4{font-size:18px}.project:nth-child(2n+1) .single-project:hover .project-details,.single-project:hover .project-details{-webkit-transform:translate(0,0);transform:translate(0,0)}.header-bg{background-size:auto 50%}}@media only screen and (min-width:480px) and (max-width:767px){.page-title h2{font-size:60px}}@media only screen and (min-width:320px) and (max-width:480px){body{overflow-x:hidden}}@media only screen and (max-width:768px){.header-text-area{background-image:url(../images/360degreeinfo_web_designing_company_banner2.jpg);background-repeat:no-repeat;height:360px}}@media only screen and (max-width:360px){.header-text-area{background-image:url(../images/360degreeinfo_web_designing_company_banner1.jpg);background-repeat:no-repeat;height:170px}}@media only screen and (min-width:361px) and (max-width:600px){.header-text-area{background-image:url(../images/360degreeinfo_web_designing_company_banner3.jpg);height:250px}}@media only screen and (min-width:320px) and (max-width:650px){.header-area{height:200px}.section-padding{padding:60px 0}.social{position:absolute!important;margin-top:6500px}}@media only screen and (min-width:450px) and (max-width:770px){.social-menu{margin-left:90px}.open{margin-left:100px}.social{position:absolute!important;margin-top:6500px}.about-area{margin-top:120px}}