* { transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear;} html .MSIEcss,body.MSIEcss, #largermap, #socialmedia_top a, #largermap a, #footer a, .addthis_toolbox div, .mCustomScrollbar , .mCustomScrollbar *, .addthis_toolbox span,.sociallink, #tabs, #tabs li , #tabs li a, .socials, #staticmap *, .atm, #header form input, .blogcon { transition: none; -o-transition:none; -moz-transition:none; -webkit-transition:none; } @media screen and (max-width: 1279px){ #header_container { display: table; margin: 0 auto; width: 100%;} #header_container #top { background-image: url("../images/header.jpg"); background-repeat: no-repeat; background-size: 100% auto; height: 161px; width: 100%;} .logo { margin-left: 100px; width: 30%;} #header_container #left { background-image: url("../images/leftside.jpg"); background-size: 110% auto; float: left; height: 325px; width: 7%;} #header_container #mid { background-image: url("../images/middle.png"); background-size: 100% auto; float: left; height: 287px; overflow: hidden; width: 87%;} #wedding_girl { background-image: url("../images/weddinglady.png"); background-repeat: no-repeat; height: 376px; margin-left: 741px; margin-top: -195px; position: absolute; width: 212px;} .bjqs-slide img { height: auto !important; width: 89%;} #slider { height: 286px; overflow: hidden; position: relative; width: 100%; z-index: -1;} #header_container #right { background-image: url("../images/rightside.jpg"); background-size: 115% auto; height: 340px; width: 6%;} #nav_wrapper { height: 40px; margin-left: 2px; margin-top: 0px; position: absolute; width: 90%;} #nav { background-color: #efe9e2; float: left; height: 40px; width: 96%;} #nav a { display: table; float: left; margin: 0; padding-bottom: 8px;} #nav .item { float: left; margin-right: 6px; padding-left: 3px; padding-top: 13px;} #nav span img:first-child { height: auto; padding: 0 0 2px; width: 13px;} #nav span img:last-child { width: auto;} #content_container { background-image: url("../images/leaf.png"); background-position: right bottom; background-repeat: no-repeat; display: table; margin: 0 auto; padding: 0 0 0 7%; width: 93%;} #main_content { display: block; float: left; margin-right: 4%; width: 60%;} #sidebar { display: table; float: left; width: 32%;} .column a:nth-child(2) img { height: auto; width: 100%;} .column { float: left; margin-right: 4%; margin-top: 10px; width: 48%;} .thumb_border { border: 1px solid #dddddd; display: block; float: left; margin: 3px; overflow: hidden; width: 30%;} .thumbb { border: 5px solid #ffffff; display: block; height: 60px; width: 67%;} .section .imgborder { border: 1px solid #dddddd; float: left; margin-right: 10px; padding-top: 3px; width: 30%;} #sidebar .newsling .img { border: 1px solid #dddddd; float: left; height: 56px; margin: 0 0 3px 3px; overflow: hidden; width: 90%;} #sidebar .newsling .text { float: left; font-size: 90%; line-height: normal; width: 60%;} .socialmedia { float: left; margin-left: 4px; width: 50%;} .socials { margin-right: 17px; width: 46px;} .ido_btn { margin-top: 10px; width: 118px;} .ido_btn:hover { background-position: 0 -50px; margin-top: 10px; width: 118px;} #footer_container { background-color: #efc77a; color: #8d7b53; height: 25px; margin-top: 20px; padding-top: 12px; text-align: center; padding-bottom: 6px;} .eventdecorcss #main_content .ling { border: 1px solid #dddddd; border-radius: 10px; display: block; float: left; height: 190px; margin: 10px 11px 10px 0; padding: 10px 0; text-align: center; width: 31%;} .eventdecorcss #main_content .ling .img { display: block; float: none; height: 140px; margin: 0 auto; overflow: hidden; text-align: center; width: 90%;} .ling.category .img img { display: block; height: auto; overflow: hidden; width: 100%;} #main_content .thumb_border { border: 1px solid #dddddd; display: table; float: left; margin: 0 10px 10px 0; width: 18%;} .thumbb { background-repeat: no-repeat; background-size: 100% auto;} #main_content .thumbb { border: 5px solid #ffffff; height: 68px; width: 82%;} } @media screen and (max-width: 1023px){ #header_container #top { background-image: url("../images/header.jpg"); background-repeat: no-repeat; background-size: 105% auto; height: 127px; width: 100%;} #wedding_girl { background-image: url("../images/weddinglady.png"); background-repeat: no-repeat; background-size: 80% auto; height: 376px; margin-left: 560px; margin-top: -155px; position: absolute; width: 212px;} #header_container #mid { background-image: url("../images/middle.png"); background-size: 100% auto; float: left; height: 225px; overflow: hidden; width: 100%;} #slider { height: 224px; overflow: hidden; position: relative; width: 100%; z-index: -1;} #header_container #left { background-image: url("../images/leftside.jpg"); background-size: 110% auto; display: none; float: left; height: 325px; width: 7%;} #wedding_girl { background-image: url("../images/weddinglady.png"); background-repeat: no-repeat; background-size: 100% auto; height: 276px; margin-left: 617px; margin-top: -122px; position: absolute; width: 152px;} #header_container #right { background-image: url("../images/rightside.jpg"); background-size: 115% auto; height: 290px; width: 0;} #nav_wrapper { height: 40px; margin-left: 0; margin-top: 0; position: absolute; width: 100%;} #nav span img:first-child { height: auto; padding: 0 0 4px; width: 7px;} #nav span img:last-child { width: auto;} #content_container { background-image: url("../images/leaf.png"); background-position: right bottom; background-repeat: no-repeat; display: table; margin: 0 auto; padding: 0 0 0 2%; width: 98%;} .thumbb { background-repeat: no-repeat; background-size: 92% auto; border: 5px solid #ffffff; display: block; height: 20px; width: 67%;} .socialmedia { float: left; margin-left: 4px; width: 100%;} .socials { margin-right: 14px; width: 46px;} #sidebar { display: block; float: left; width: 32%;} .righthad img { width: 100%;} .eventdecorcss #main_content .ling { border: 1px solid #dddddd; border-radius: 10px; display: block; float: left; height: 210px; margin: 10px 11px 10px 0; padding: 10px 0; text-align: center; width: 30%;} #main_content .thumbb { border: 5px solid #ffffff; height: 53px; width: 86%;} .righthad iframe { width: 100% !important;} #jquery-lightbox div { width: 70% !important;} #lightbox-container-image-box div { width: 96% !important;} #lightbox-container-image img { width: 100%;} } @media screen and (max-width: 799px){ #wedding_girl { background-image: url("../images/weddinglady.png"); background-repeat: no-repeat; background-size: 100% auto; height: 276px; margin-left: 601px; margin-top: -125px; position: absolute; width: 152px;} #footer_container { background-color: #efc77a; color: #8d7b53; font-size: 80%; height: 25px; margin-top: 20px; padding-bottom: 2px; padding-top: 12px; text-align: center;} } @media screen and (max-width: 767px){ #header_container #top { background-image: url("../images/header.jpg"); background-repeat: no-repeat; background-size: 106% auto; height: 100px; width: 100%;} #header_container #mid { background-image: url("../images/middle.png"); background-size: 100% auto; float: left; height: 193px; overflow: hidden; width: 100%;} #slider { height: 193px; overflow: hidden; position: relative; width: 100%; z-index: -1;} #nav_right { display: none;} #nav { background-color: #efe9e2; float: left; height: 40px; width: 100%;} #wedding_girl { background-image: url("../images/weddinglady.png"); background-repeat: no-repeat; background-size: 100% auto; height: 196px; margin-left: 464px; margin-top: -88px; position: absolute; width: 112px;} .logo { margin-left: 20px; width: 45%;} #header_container #right { background-image: url("../images/rightside.jpg"); background-size: 115% auto; height: 250px; width: 0;} #nav .item { float: left; margin-right: 6px; padding-left: 2px; padding-top: 13px;} #nav span img:first-child { display: none; height: auto; padding: 0 0 4px; width: 7px;} .column a:nth-child(1) img { height: 17px; margin: 0; width: auto;} body, td { color: #6c6b6b; font-family: "Tahoma",Arial,Helvetica,sans-serif; font-size: 13px !important; line-height: 150%; text-align: justify;} .thumb_border { border: 1px solid #dddddd; display: block; float: left; margin: 3px; overflow: hidden; width: 45%;} .thumbb { background-repeat: no-repeat; background-size: 92% auto; border: 5px solid #ffffff; display: block; height: 20px; width: 74%;} .section .imgborder { border: 1px solid #dddddd; float: left; margin-right: 10px; padding-top: 3px; width: 100%;} #sidebar .newsling .img { border: 0 none; float: left; height: 96px; margin: 0 0 3px 3px; overflow: hidden; width: 95%;} .img img { height: auto; width: 100%;} .socials { margin-right: 0; width: 46px;} object { height: 60px; width: 136%;} .eventdecorcss #main_content .ling { border: 1px solid #dddddd; border-radius: 10px; display: block; float: left; height: 210px; margin: 10px 11px 10px 0; padding: 10px 0; text-align: center; width: 46%;} #main_content .thumb_border { border: 1px solid #dddddd; display: block; float: left; margin: 0 10px 10px 0; width: 31%;} #main_content .thumbb { border: 5px solid #ffffff; height: 76px; width: 92%;} .gallerycss object { width: 100%;} .input_text { height: 25px; margin-bottom: 5px; width: 220px;} .textheading { color: #8d7b53; display: block; font-size: 190%; font-weight: bold; margin-bottom: 20px; text-align: center;} .column { float: none; margin-bottom: 10px; margin-left: 0; margin-right: 0; width: auto;}.column img { width: auto !important; display: table; height:auto !important; margin: 0 auto; text-align: center; float: none; } #bottom_buttons_container .column { display: table; margin-top: 0; text-align: center; width: 100%; } .content_btns { float: none; margin: 0 auto; } #main_content object { display: none;} .homeheading {display:none;} .homecss #main_content { width: 97%;} .homecss #sidebar { width: 98%;} .homecss .section { width: 100%;} .homecss .thumb_border { height: 100px; width: 31%;} .homecss .thumbb { background-size: 100% auto; height: 71px; width: 83%;} .homecss #sidebar .newsect .ling { border: 0 none; float: left; margin-bottom: 5px; margin-right: 7px; padding-bottom: 5px; width: 31%;} .homecss #sidebar .newsling .text { float: left; font-size: 90%; line-height: normal; width: 100%;} .homecss .socialmedia { display: block; float: none; left: 0; margin: 0 auto; right: 0; width: 200px;} .contactcss #main_content { width: 100%;} .contactcss #sidebar { display: block; float: left; width: 98%;} .contactcss .righthad { margin: 25px 0 30px;} .contactcss .socialmedia { display: block; float: none; left: 0; margin: 0 auto; right: 0; width: 200px;} .contactcss #footer_container {font-size: 70%;} #nav a:hover { background-color: #efc77a; padding: 0px 0px 14px 0px;} .profile.product .text { margin-top: 11px;} .nextpre { font-size: 120%;} #main_content { min-height: 0; width: 97%; } } @media screen and (max-width: 599px){ #header_container #mid { background-image: none;} #header_container #top { background-image: none; height: 0;} .logo { margin-left: 0; width: 50%;} #nav a { background-color: #efe9e2; float: none; padding: 0; text-align: center; width: 100%;} #nav .item { margin: 0; padding: 10px 0; text-align: center; width:100%;} #nav a:hover { background-color: #efc77a; padding: 0;} #nav { background-color: #efe9e2; padding-top: 47px; width: 100%; display:none;-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .menuicon { background-color: #efe9e2; cursor: pointer; display: table; float: none; left: 0; margin: 0 auto; padding: 10px 5%; position: absolute; right: 0; width: 90%; z-index: 99;} .menuicon span { background-color: #8D7B53; border-radius: 1px; clear: right; color: #8d7b53; display: table; float: right; font-size: 150%; font-weight: bold; height: 5px; margin: 2px 0; text-transform: uppercase; width: 25px;} .menutext { background-color: transparent !important; float: left !important; font-family: "Josefin Sans",Helvetica,Arial,sans-serif; font-size: 200%; padding-right: 10px; padding-top: 2px;} #nav_wrapper { background-color: #efe9e2; height: 48px; margin-left: 0; margin-top: 0; position: absolute; width: 100%;} .bjqs-slide img { height: auto !important; width: 130% !important;} #nav_wrapper .expanded { display: block; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} #wedding_girl { display: none;} #footer_container { padding-bottom: 22px;} #main_content { width: 97%;} #sidebar { width: 98%;} .section { width: 100%;} .thumb_border { height: 100px; width: 31%;} .thumbb { background-size: 100% auto; height: 71px; width: 83%;} #sidebar .newsect .ling { border: 0 none; float: left; margin-bottom: 5px; margin-right: 7px; padding-bottom: 5px; width: 31%;} #sidebar .newsling .text { float: left; font-size: 90%; line-height: normal; width: 100%;} .socialmedia { display: block; float: none; left: 0; margin: 0 auto; right: 0; width: 200px;} .righthad { margin: 0 0 10px;} .eventdecorcss #main_content .ling { width: 47%;} .righthad img { clear: none; float: left; margin-right: 13px; width: 47%;} .righthad br {display:none;} .nextpre { font-size: 120%; margin-bottom: 20px;} #main_content .thumb_border { width: 30% ; height: 84px;} #main_content .thumbb { border: 5px solid #ffffff; height: 76px; width: 79%;} .logo { margin: 0 auto 0; display: table; float: none;} } @media screen and (max-width: 479px){ .logo { width: 70%;} #header_container #mid { height: 173px ;width: 100%;} #slider { height: 153px; z-index: -1;} #header_container #right { height: 220px;} .column a:nth-child(1) img { height: 15px;} .content_btns { background-color: #958a75; background-image: none; color: #fff; font-family: "Josefin Sans",Helvetica,Arial,sans-serif; font-size: 130%; height: 20px; margin: 0 0 10px; padding: 5px 6px; text-indent: 0; width: auto;} .thumb_border { height: 65px !important; width: 30% !important;} .thumbb { background-size: 100% auto; height: 71px; width: 86%;} .section .imgborder { height: 72px; margin-bottom: 5px;} .golf_btn:hover { background-position: 0 center; margin-top: 0; width: auto; color:#FFF;} .ido_btn:hover { background-position: 0 center; margin-top: 0; width: auto; color:#FFF;} .righthad img { clear: none; float: none; margin-bottom: 10px; margin-right: 13px; width: 98%;} .eventdecorcss #main_content .ling { width: 45%;} #main_content .thumb_border { height: 83px !important; width: 46% !important;} .contactcss td { display: table; width: 99%;} .contact_container { padding-left: 0;} .input_text { height: 25px; margin-bottom: 5px; width: 96%;} .label { padding-right: 0;} }