/*---------------responsive------------------*/

@media screen and (max-width: 1080px) {
.abcgrid {width: 1000px;}
.mobsearchform form {width: 970px;}
.blogpost-one {width: 320px; height: 470px; margin: 0 20px 20px 0;}
.blogpost-two {width: 320px; height: 228px; margin: 0 20px 20px 0;}
.blogpost-three {width: 320px; height: 470px; margin: 0 0 20px 0;}
.blogpost-four {width: 320px; height: 228px; margin: 0 20px 20px 0;}
.blogpost-five {width: 320px; height: 470px; margin: -241px 20px 20px 0;}
.blogpost-six {width: 320px; height: 228px; margin: 0 0 20px 0;}
.blogpost-one article:before, .blogpost-two article:before, .blogpost-three article:before, .blogpost-four article:before, .blogpost-five article:before, .blogpost-six article:before {width: 318px; height: 468px;}
.blogpost-two article:before, .blogpost-four article:before, .blogpost-six article:before {height: 226px !important;}
 .bloggrid-contents .blogmore-standard {width: 30%;}
}

@media screen and (max-width: 1025px) {

.abcgrid {width: 950px;}
.mobsearchform form {width: 920px;}	
.logo {width: 17%;}
#site-navigation {width: 63%;}
.primarymenu ul li a {padding: 0 11px;}
.top-right {width: 18%;}
.logged-in #headerarea {top: 42px;}
.blogpost-one {width: 303.333px; height: 445px; margin: 0 20px 20px 0;}
.blogpost-two {width: 303.333px; height: 216px; margin: 0 20px 20px 0;}
.blogpost-three {width: 303.333px; height: 445px; margin: 0 0 20px 0;}
.blogpost-four {width: 303.333px; height: 216px; margin: 0 20px 20px 0;}
.blogpost-five {width: 303.333px; height: 445px; margin: -228px 20px 20px 0;}
.blogpost-six {width: 303.333px; height: 216px; margin: 0 0 20px 0;}
.blogpost-one article:before, .blogpost-two article:before, .blogpost-three article:before, .blogpost-four article:before, .blogpost-five article:before, .blogpost-six article:before {width: 301.333px; height: 443px;}
.blogpost-two article:before, .blogpost-four article:before, .blogpost-six article:before {height: 214px !important;}
#homenewsletter {margin: 20px 0 0 0;}
#featurebox .abccolumn-3 {width: 31%;}
}

@media screen and (max-width: 950px) {
.logged-in #headerarea {top: 42px;}
.abcgrid {width: 720px;}
.mobsearchform form {width: 695px;}
.logo {height: 70px !important;  width: 38%;}
#abcheader {height: 90px !important;}
#abcheader.smallhead .logo {height: 45px !important;}
#abcheader.smallhead {height: 55px !important;}
.primarymenu, .top-right {height: 90px !important; line-height: 90px !important;}
#abcheader.smallhead .primarymenu, #abcheader.smallhead .top-right {height: 55px !important; line-height: 55px !important;}
.content-area {margin-top: 70px !important;}
.main-navigation {display: none;}
.top-right .socialmedia ul li{display: none;}
.top-right .socialmedia ul li.mobsearchicon {display: inline-block !important; margin-top: 3px; }
#site-info .socialmedia {display: block;}
#responsive-menu {display: inline-block; margin-top: 4px; font-size: 32px; margin-right: 12px; cursor: pointer; color: #0c9ba4; transition: all .5s; -webkit-transition: all .5s;}
  .mobsearchicon {margin-right: 5px; font-size: 19px;}
#mobilemenu {left: 0; position: absolute; top: 100%; width: 100%; border-top: 2px solid #0c9ba4; background: #fff; z-index: 4572;}
#mobilemenu ul {list-style: none; margin: 0; padding: 5px 0;}
#mobilemenu ul li {border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; line-height: 35px; margin-left: 0; padding: 0 15px; position: relative;}
.post-password-form input[type="password"] {width: 64%;}
#mobilemenu ul li a, .page-template-home-one-page-menu #mobilemenu ul li.current-menu-item > a {color: #333; font-size: 16px; text-transform: uppercase;}
#mobilemenu ul li ul li a {color: #444; font-size: 14px; text-transform: none;}
#mobilemenu ul.sub-menu {position: static; opacity: 1; border: none; margin: 0; padding: 0; display: none; -webkit-transition: none; transition: none;}
.sub-toggle {background: #0c9ba4; color: #ffffff; cursor: pointer; height: 30px; line-height: 30px; position: absolute; right: 15px; text-align: center; top: 3px; width: 30px; display: block;}
.searchform .s {width: 60%;}
.searchform .searchsubmit {width: 33%;}
.nivo-controlNav {margin-left: -43px;}
.blogpost-one {width: 226.667px; height: 333px; margin: 0 20px 20px 0;}
.blogpost-two {width: 226.667px; height: 162px; margin: 0 20px 20px 0;}
.blogpost-three {width: 226.667px; height: 333px; margin: 0 0 20px 0;}
.blogpost-four {width: 226.667px; height: 162px; margin: 0 20px 20px 0;}
.blogpost-five {width: 226.667px; height: 333px; margin: -171px 20px 20px 0;}
.blogpost-six {width: 226.667px; height: 162px; margin: 0 0 20px 0;}
.blogpost-one img, .blogpost-two img, .blogpost-three img, .blogpost-four img, .blogpost-five img, .blogpost-siz img {min-width: 226.667px;}
.blogpost-one img, .blogpost-three img, .blogpost-five img {min-height: 333px;}
.blogpost-one article:before, .blogpost-two article:before, .blogpost-three article:before, .blogpost-four article:before, .blogpost-five article:before, .blogpost-six article:before {width: 224.667px; height: 331px;}
.blogpost-two article:before, .blogpost-four article:before, .blogpost-six article:before {height: 160px !important;}
.bloggrid-contents .abcsocialshare {width: 97%; float: none; text-align: center; margin: 0 auto 5px auto;}
.bloggrid-contents .blogmore-standard {width: 97%; float: none; text-align: center; margin: 0 auto;}
}

@media screen and (max-width: 700px) {
.abcgrid {width: 350px;}
.mobsearchform form {width: 328px;}
.top-right {width: 30%;}
.abccolumn-2 {width: 97%; margin-right: auto; margin-left: auto; float: none;}
.abccolumn-2.last {margin-right: auto; margin-left: auto; width: 97%;}
.abccolumn-3, .abccolumn-4 {width: 97%; margin-right: auto; margin-left: auto; float: none; margin-bottom: 30px; overflow: hidden;}
.abccolumn-3.last {margin-right: auto; margin-left: auto;}
.abccolumn-twothird {width: 97%; margin-right: auto; margin-left: auto; float: none; margin-bottom: 35px; overflow: hidden;}
.abccolumn-onethird {width: 97%; margin-right: auto; margin-left: auto; float: none; overflow: hidden;}
#featurebox .abccolumn-3 {width: 97%; margin: 0 auto; float: none;}
#featurebox .abccolumn-3.last {margin-right: auto; margin-left: auto;}
#featurebox .boxcontents {margin-bottom: 20px;}
#featurebox {padding: 40px 0 20px 0;}
#sliderarea {height: 350px;}
.single #abcbreadcrumb {padding: 9px 0 7px 0; text-align: center;}
.slider-wrapper {height: 350px; min-height: 350px;}
.nivoSlider img {height: 350px !important;}
.slideconts {display: none;}
.nivo-caption {height: 350px; padding: 150px 0 0 0!important;}
.nivo-caption h3 {width: 80%; font-size: 22px;}
.blogpost-one {width: 350px; height: 300px; margin: 0 0 20px 0; float: none;}
.blogpost-two {width: 350px; height: 300px; margin: 0 0 20px 0; float: none;}
.blogpost-three {width: 350px; height: 300px; margin: 0 0 20px 0; float: none;}
.blogpost-four {width: 350px; height: 300px; margin: 0 0 20px 0; float: none;}
.blogpost-five {width: 350px; height: 300px; margin: 0 0 20px 0; float: none;}
.blogpost-six {width: 350px; height: 300px; margin: 0 0 20px 0; float: none;}
.blogpost-one img, .blogpost-two img, .blogpost-three img, .blogpost-four img, .blogpost-five img, .blogpost-siz img {min-width: 350px; min-height: 300px;}
.comment-list .children {padding: 0;}
.blogpost-one article:before, .blogpost-two article:before, .blogpost-three article:before, .blogpost-four article:before, .blogpost-five article:before, .blogpost-six article:before {width: 348px; height: 298px;}
.blogpost-two article:before, .blogpost-four article:before, .blogpost-six article:before {height: 298px !important;}
.home-newsletter-wrap {padding: 25px;}
.home-newsletter-area input[type="text"], .home-newsletter-area input[type="email"] {width: 96%; float: none; margin-right: 0; padding: 14px 2%; margin-bottom: 10px;}
.home-newsletter-area input[type="submit"] {float: none; width: 100%;}
.aboutmidleft, .aboutmidright {float: none; width: 97%; margin: 30px auto;}
 #aboutskil .abccolumn-2 {margin-bottom: 25px;}
.blogleftimg .sbthumb {width: 100%; float: none; margin: 0 0 20px 0;}
 .blogleftimg .sbcontents {width: 95%; float: none;}
 .nav-previous, .nav-next {width: 40%;}
  #portfolio-filter-grid .abccolumn-3 {width: 98%; margin: 0 auto;}
 #contactusform .contactusleft, #contactusform .contactusright {width: 97%; margin: 30px auto;}
 #abcrelatedpost li {width: 90%; float: none; margin-right: 0; margin-bottom: 25px;}
 .alignleft, .alignright {float: none; margin: 0 0 7px 0;}
 .abccolumn-onethird.left {margin-right: 0;}
  .abccolumn-twothird.right {width: 100%; float: none;}
.copyright {width: 98%; float: none; margin: 0 auto; text-align: center;}
.footer-navigation {width: 98%; float: none; margin: 0 auto; text-align: center;}
.footermenu ul {text-align: center;}
.abcsocialshare ul li {margin: 0px 2px 0px 0px;}
.stndard-blog-footer {padding: 10px 0;}
.stndard-blog-footer .abcsocialshare i {font-size: 10px; width: 18px; height: 18px; line-height: 18px;}
.stndard-blog-footer .abcsocialshare {width: 55%;}
.stndard-blog-footer .blogmore-standard {width: 30%;}
blockquote {width: 80%;}
.post-password-form input[type="password"] {width: 44%;}
.bloggrid-contents .abcsocialshare {width: 52%; float: left; text-align: left; margin: 0 0 0 15px;}
.bloggrid-contents .blogmore-standard {width: 30%; float: right; text-align: right; margin: 0 15px 0 0;}
}

@media screen and (max-width: 350px) {
.abcgrid {width: 300px;}
.mobsearchform form {width: 278px;}
.blogpost-one {width: 300px; height: 270px;}
.blogpost-two {width: 300px; height: 270px;}
.blogpost-three {width: 300px; height: 270px;}
.blogpost-four {width: 300px; height: 270px;}
.blogpost-five {width: 300px; height: 270px;}
.blogpost-six {width: 300px; height: 270px;}
.blogpost-one article:before, .blogpost-two article:before, .blogpost-three article:before, .blogpost-four article:before, .blogpost-five article:before, .blogpost-six article:before {width: 298px; height: 268px;}
.blogpost-two article:before, .blogpost-four article:before, .blogpost-six article:before {height: 268px !important;}
.bloggrid-contents .abcsocialshare {width: 97%; float: none; text-align: center; margin: 0 auto 5px auto;}
.bloggrid-contents .blogmore-standard {width: 97%; float: none; text-align: center; margin: 0 auto;}
 .stndard-blog-footer .blogmore-standard {width: 27%;}
}