/* File: custom.css Description: Custom styles for Thesis More Info: http://diythemes.com/thesis/rtfm/custom-css/ */ /* home page verticals */ @import url(https://fonts.googleapis.com/css?family=Averia+Serif+Libre:700); .custom .my-home-teasers { font-size: 10px; display: block; clear: both; height: auto; overflow: visible;} .custom .my-teasers { display: block; width: 30%; float: left; padding-right: 1em;} .custom .my-teasers a img { text-align: center; padding: 0.6em;} .custom .my-teasers .my-teaser-title { clear: both; font-size: 1.2em; line-height: 1.8em;} .custom .my-teasers li.v1 { background-color: #990000;} .custom .my-teasers li.v2 { background-color: #99B2B7;} .custom .my-teasers li.v3 { background-color: #BCBCBC;} /* home page verticals */ .custom .main-verticals { float:left; border-top:none; padding:9px 0 10px 0; } .custom .main-panel, .custom .main-verticals ul { overflow:hidden; } .custom .main-panel { margin:5px 0 30px 0; } .custom .main-verticals li { float:left; margin:0 0 0 15px; list-style:none; height:465px; position:relative;} .custom .main-verticals li:first-child { margin-left:0; } .custom .main-verticals li img { display:block; } .custom .main-verticals li a { clear:both; display:block; } .custom .main-verticals .title { position: absolute; left: 0; top: 410px; width: 295px; height: 55px; display: table;} .custom .main-verticals .title p { color:#fff; font-family:'Lucida Grande',Lucida Sans Unicode,Lucida Sans; display: table-cell; font-size:15px; padding:0 15px; text-align: center; vertical-align: middle; } /* verticals background color */.custom .main-verticals li.v1 { background-color:#990000; } .custom .main-verticals li.v2 { background-color:#99B2B7; } .custom .main-verticals li.v3 { background-color:#BCBCBC; } /* COLOR UNSELECTED TABS *//* second tab unselected background and font color */ .custom .menu .tab-1 a { color: #990000;} /* third tab unselected background and font color */.custom .menu .tab-2 a { color: #990000; } /* Top Nav bar */.custom ul#topnav {border-style: none;font: georgia; list-style-image: none;list-style-position: outside;list-style-type: none;background:none repeat scroll 0 0;width: 100%;float: right;} .custom ul#topnav li { float: right; padding: 10px 18px 10px 0px; } .custom ul#topnav li a { 'Lucida Grande',Lucida Sans Unicode,Lucida Sans; font-size: 1.5em; color: #990000; } .custom ul#topnav li a:hover { text-decoration: underline; } .custom ul#topnav a:hover, .custom ul.menu .current a:hover { color:#666; } .custom #header { padding-top: 0em; padding-bottom: 0em; } .custom_footer_text {text-align: center;font-size: 8px;} .custom ul#footer_buttons {margin:0 auto;padding:0;list-style-type:none;width:90%;font-family: Monotype Corsiva, Harlow Solid Italic, serif;font-size: 14px} .custom ul#footer_buttons li {float: left;margin:10px;} .custom ul#footer_buttons li p {text-align: center;margin:5px 0;} li.blog-postimg img{width:295px;height:410px;} #right{display: none;} #bottom{display: none;} li.tab-home a{color:green !important;} li.tab-2 a{color:#A3A300 !important;} li.tab-3 a{color: #0000ff !important;} li.tab-4 a{color: red !important;} li.tab-5 a{color: #7D0000 !important;} li.tab-6 a{color: rgb(153, 0, 0) !important;} .blog-posts { border-bottom: 3px solid #000; float: left; margin: 0 25px 0 0; padding: 0 0 12px; width: 37%;} .blog-posts .post-img { text-align: center;} .blog-posts .post-img img { width: 80%; height:400px} .blog-posts .post-name { float: left; font-size: 32px; text-align: center; width: 100%;} .blog-posts .post-name a{ font-family: 'Averia Serif Libre', cursive; color:#45B8AC; text-transform: uppercase;} .blog-posts .post-content { float: left; font-size: 16px; line-height: 26px; width: 98%;} .blog-posts .post-content a{ color:red;} .post-content a img { float: left; height: 294px; padding: 0 10px 2px 0; width: 240px;} .wp-pagenavi { clear: both; float: left; margin: 26px 0 0;} .wp-pagenavi .page.larger { font-size: 14px; margin: 0 7px 0 6px !important; padding: 0 3px 3px;} .formBuilderForm .formBuilderLabel, .formBuilderForm .formBuilderLabelRequired{ float:left !important; width:100% !important; font-weight:bold;} .formBuilderInput input{ width: 60%;} .formBuilderRadio label input{ width:2%;} #fieldformBuilderFieldOnRueTatinintheUS, #fieldformBuilderFieldKids_in_Paris__click_all_those_that_you_are_interestd_in,#fieldformBuilderFieldParis_Market_Tours__For_groups_of_four_or_more { width: 2%;} .formBuilderForm .formBuilderError{ color:red;} #fieldformBuilderFieldWed_love { display: none;} #formBuilderCSSIDA_New_Form { float: left; width: 60%;} .form-img { float: right; width: 40%;} .form-img img { width: 88%;} #text-58 { text-align: center;} .format_text p,.format_text h1,.format_text h2 { float: inherit; width:100%; margin-bottom: 8px;} /******************************=====footer images======*******/.dropdown-arrow{display:none;} #footer .custom_footer_image { float: left; width: 100%;} .custom_footer_image .gal-container { float: left; padding-bottom: 14px; padding-top: 24px; width: 100%; border-bottom: 1px solid;} .rpg-gal-title { border-bottom: 1px solid; font-size: 20px; padding-bottom: 10px; text-align: center; color: #3f3f3f;} .b-link-fade .gall-img-responsive { float: left; height: 80px; width: 12%; padding-top: 8px;} #gal-container-12986 div .clearfix:after { display: none;} #gal-container-13003 div .clearfix:after { display: none;} #gal-container-13003 div .wl-gallery .b-link-fade .gall-img-responsive { float: left; height: 60px; padding-left: 2px; padding-right: 2px; padding-top: 8px; width: 10%;} #gal-container-13003 .rpg-gal-title { display: none; } div#comments { display: none;} .menu .tab-6 a { pointer-events: none;} .menu .tab-6 .submenu .item-17 > a { pointer-events: auto;} .menu .tab-6 .submenu .item-18 a { pointer-events: auto;} .menu .tab-6 .submenu .item-19 a { pointer-events: auto;} /******************************=====added by Avi=====********//**************************Start MEDIA QUERY Start**************************************/ /***************@meadia min:320px; and max:479px;********************************/ @media screen and (min-width: 320px) and (max-width: 479px) { ul#topnav li:nth-of-type(2){display: none;} .full_width { clear: both; width: 100%;} .full_width .page { margin: 0 auto; padding: 0; width: 100%; } .page ul#topnav { float: right; width: 100%;} .page ul#topnav li { float: right; padding: 10px 18px 10px 0;} #header, #footer { padding: 0; width: 100%;} .page #header { padding: 0; width: 100%;} #header img { height: auto; width: 100%;} .full_width { clear: both; width: 100%;} .full_width .page { margin: 0 auto; padding-left: 0; padding-right: 0; width: 100%;} /************responsive menu********************/ul.sidebar_list {padding-top: 2%;} #header_widget_1 ul.sidebar_list {padding-top: 2%;} .menu-respon { height: auto; width: 100%;} .menu li { float: left; position: relative; background-color: #EFEEEF; border-bottom: 2px solid #000; width: 100%;} .respons-menu { background-image: url("mobile-menu-icon.png"); background-position: center center; background-repeat: no-repeat; background-size: 10% 100%; display: block; height: 24px;} .dropdown-arrow { display: block; width: 0px; float: right; top: 12px; cursor: pointer; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 10px solid #8a8a8a; right: 8px; clear: both; z-index: 999999; position: absolute;} #header_area .page .menu { float: left; left: 0; list-style: outside none none; position: relative; top: 4px; width: 100%; z-index: 999; display:none;} #header_area .page ul li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 13px; letter-spacing: 0; padding: 6px 0; text-align: center; width: 100%;} .menu li ul.submenu { background: none repeat scroll 0 0 #fff; left: 0px; position: relative; width: 100%; display: none;} .remove { visibility: visible !important;} .menu li:hover ul.submenu li:last-child { border: none;} .menu li ul li { width: 100%;} .menu li ul li a { width: 100%;} /**************END*menu ENd**********************/#content_box #content { float: left; width: 100%;} #content .main-verticals { float: left; height: auto; width: 100%;} .main-verticals ul li a img { width: 100%;} .main-verticals ul .v1 .title { position: relative; text-align: center; top: 0; width: 100%;} .main-verticals ul .v1 { height: auto; margin-bottom: 2% !important; margin-left: 12px !important; margin-right: 0px ; margin-top: 0 ; width: 92.2%;} .main-verticals ul li.v2 { margin: 0 0 2% 12px; position: relative; width: 92%;} li.v2 a .title { height: auto; text-align: center; width: 100%;} .main-verticals ul .v1 .master-slider-parent .master-slider .ms-slide-info { min-height: 50px !important; text-align: center; width: 100%;} .post_box.top { margin: 0px; width: 100%;} .post_box .headline_area h2 { font-size: 16px;} .format_text h4 { float:left; height: auto; width: 100%; } .format_text h4 img.alignleft { float: left; margin: 0 0 2%; width: 100%;} .format_text p { float: inherit;} #sidebars { float: left; height: auto; width: 100%;} .sidebar .sidebar_list { padding-left: 0 !important; padding-right: 0 !important; width: 100%;} .widSSPData { float: left; height: auto; margin: 0 0 0 7px; width: 87%;} #privatecontentlogin-4 h3 { padding-left: 4%; width: 94%; float:left;} li#privatecontentlogin-4 form { padding-left: 4%; width: 94%; float:left;} .widget.widget_text { float: left; padding-left: 4%; width: 94%;} dt.widSSPH18 {font-size: 15px !important;} .custom_footer_text p { float: left; width: 100%;} #footer ul#footer_buttons { float: left; width: 100%;} #footer_buttons li { float: left; margin: 10px; width: 42%;} .page #footer { padding: 0; width: 100%;} .custom_footer_image img { height: auto; margin: 0; padding: 0; width: 100%;} /*******************second page Our story*******************************/.format_text h2 a .alignleft.size-full.wp-image-113 { height: auto; width: 100%;} .format_text p a .wp-image-12517 { height: auto; width: 100%; margin-left: 0px;} .format_text h2 { margin-top: 0;} .format_text h2 span { font-size: 14px; width: 100%;} /***************************End second page End*************************//*******************Third page Our Cooking School*******************************/#post-11899 .headline_area {margin-bottom: 0px;} .format_text h2 strong a {font-size: 16px;} .format_text p a img { height: auto; width: 100%; float:left; margin-left: 0px !important; margin-right: 0px !important;} .format_text h2 span strong a img {width: 100%;height: auto;} .headline_area h1 {font-size: 15px;} .format_text h1 span strong {font-size: 17px;} .format_text h3 b a img { width: 100%; height: auto; margin-right: 0px !important;} .format_text h1 a img { height: auto; width: 100%; margin-right: 0px !important;} .format_text h3 a img { width: 100%; height: auto;} .format_text blockquote { float: left; height: auto; margin: 0; padding: 0; width: 100%;} .format_text blockquote .slidedeck-frame { float: left; height: auto !important; width: 100% !important;} .sd-wrapper { margin: 0px; width: 100%; padding: 0px;} .sd-wrapper #SlideDeck-9218 { float: left; margin: 0; padding: 0; width: 100% !important;} .sd-wrapper #SlideDeck-9218 .has-image { width: 100% !important;} /***************************End third page End*************************//*******************FOrth page Our Cookery Courses*****Start***************/.wp-caption.alignright { float: left; height: auto; margin: 0; padding: 0; width: 100% !important;} #attachment_12139 a img { height: auto; width: 100%;} .format_text h1 span strong {font-size: 20px;} .format_text h1 span {font-size: 25px;} .format_text h1 span.done-queen{font-size:22px; } #attachment_9254 a img {width: 100%;height: auto;float: left;} .blog-posts {width: 100% ;height: auto;float: left ;margin: 0px ;} .blog-posts .post-img img {width: 100% !important;height: auto !important;float: left;} #FSContact1 {width: 100% !important;} .dataTables_filter { float: left; width: 100%;} #tablepress-3_wrapper table { float: left; height: auto; width: 100%;} #tablepress-3_wrapper table thead { height: auto; margin: 0; padding: 0; width: 100%;} #tablepress-3 thead tr { height: auto; width: 100%;} .row-hover tr td {line-height: 16px;} #tablepress-3 thead tr th {float: left;height: 42px;margin: 0;padding: 3px 3px 3px 1px;width: 12% !important;line-height: 15px;} .dataTables_wrapper .sorting div::after {position: fixed !important;} #tablepress-3 thead tr th div { float: left !important; font-size: 10px; margin: 0; padding: 0; width: auto;} tbody.row-hover { float: left; height: auto; width: 100%;} tbody.row-hover tr { float: left; width: 92%;} tbody.row-hover tr td { font-size: 10px; height: auto; padding: 2px; width:94%;} .format_text #tablepress-5_wrapper #tablepress-5 { width: 100% !Important; float: left;} .format_text #tablepress-5_wrapper #tablepress-5 thead { width: 98% !Important; float: left;} .format_text #tablepress-5_wrapper #tablepress-5 thead tr { width: 100% !important; float: left;} .post_box .format_text #tablepress-5_wrapper #tablepress-5 thead tr th { width: 10% !Important; float: left; height: 56px; font-size: 11px; padding: 6px 4px 6px 4px;} .dataTables_paginate { float: left; } .format_text .form-img {float: left;width: 100%;height: auto;} .form-img p img {width: 100%;height: auto;} #formBuilderCSSIDA_New_Form {float: left;width: 100% !important;height: auto;} /***************************End FOrth page End*************************/} /********************END @meadia min:320px; and max:479px; END***********************/ /***************@meadia min:480px; and max:566px;********************************/ @media screen and (min-width: 480px) and (max-width: 566px) { ul#topnav li:nth-of-type(2){display: none;} .full_width { clear: both; width: 100%;} .full_width .page { margin: 0 auto; padding: 0; width: 100%; } .page ul#topnav { float: right; width: 100%;} .page ul#topnav li { float: right; padding: 10px 18px 10px 0;} #header, #footer { padding: 0; width: 100%;} .page #header { padding: 0; width: 100%;} #header img { height: auto; width: 100%;} .full_width { clear: both; width: 100%;} .full_width .page { margin: 0 auto; padding-left: 0; padding-right: 0; width: 100%;} /************responsive menu********************/ul.sidebar_list {padding-top: 2%;} #header_widget_1 ul.sidebar_list {padding-top: 2%;} .menu-respon { height: auto; width: 100%;} .menu li { float: left; position: relative; background-color: #EFEEEF; border-bottom: 2px solid #000; width: 100%;} .respons-menu { background-image: url("mobile-menu-icon.png"); background-position: center center; background-repeat: no-repeat; background-size: 10% 100%; display: block; height: 24px;} .dropdown-arrow { display: block; width: 0px; float: right; top: 12px; cursor: pointer; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 10px solid #8a8a8a; right: 8px; clear: both; z-index: 999999; position: absolute;} #header_area .page .menu { float: left; left:0px; list-style: outside none none; position: relative; top: 4px; width:100%; z-index: 999; display:none;} #header_area .page ul li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 13px; letter-spacing: 0; padding: 6px 0; text-align: center; width: 100%;} .menu li ul.submenu { background: none repeat scroll 0 0 #fff; left: 0px; position: relative; width: 100%; display: none;} .remove { visibility: visible !important;} .menu li ul li { width: 100%;} .menu li ul li a { width: 100%;} /**************END*menu ENd**********************/#content_box #content { float: left; width: 100%;} #content .main-verticals { float: left; height: auto; width: 100%;} .main-verticals ul li a img { width: 100%;} .main-verticals ul .v1 .title { position: relative; text-align: center; top: 0; width: 100%;} .main-verticals ul .v1 { height: auto; margin-bottom: 2% !important; margin-left: 12px !important; margin-right: 0px ; margin-top: 0 ; width: 92.2%;} .main-verticals ul .v1 .master-slider-parent .master-slider .ms-slide-info { min-height: 50px !important; text-align: center; width: 100%;} .main-verticals ul li.v2 { margin: 0 0 2% 12px; position: relative; width: 92%;} li.v2 a .title { height: auto; text-align: center; width: 100%;} .post_box.top { margin: 0px; width: 100%;} .post_box .headline_area h2 { font-size: 16px;} .format_text h4 { float:left; height: auto; width: 100%; } .format_text h4 img.alignleft { float: left; margin: 0 0 2%; width: 100%;} .format_text p { float: left;} #sidebars { float: left; height: auto; width: 100%;} .sidebar .sidebar_list { padding-left: 0 !important; padding-right: 0 !important; width: 100%;} .widSSPData { float: left; height: auto; margin: 0 0 0 7px; width: 87%;} #privatecontentlogin-4 h3 { padding-left: 4%; width: 94%; float:left;} li#privatecontentlogin-4 form { padding-left: 4%; width: 94%; float:left;} .widget.widget_text { float: left; padding-left: 4%; width: 94%;} dt.widSSPH18 {font-size: 15px !important;} .custom_footer_text p { float: left; width: 100%;} #footer ul#footer_buttons { float: left; width: 100%;} #footer_buttons li { float: left; margin: 10px; width: 42%;} .page #footer { padding: 0; width: 100%;} .custom_footer_image img { height: auto; margin: 0; padding: 0; width: 100%;} /*******************second page Our story*******************************/.format_text h2 a .alignleft.size-full.wp-image-113 { height: auto; width: 100%;} .format_text p a .wp-image-12517 { height: auto; width: 100%; margin-left: 0px;} .format_text h2 { margin-top: 0;} .format_text h2 span { font-size: 14px; width: 100%;} /***************************End second page End*************************//*******************Third page Our Cooking School*******************************/#post-11899 .headline_area {margin-bottom: 0px;} .format_text h2 strong a {font-size: 16px;} .format_text p a img { height: auto; width: 100%; float:left; margin-left: 0px !important; margin-right: 0px !important;} .format_text h2 span strong a img {width: 100%;height: auto;} .headline_area h1 {font-size: 15px;} .format_text h1 span strong {font-size: 17px;} .format_text h3 b a img { width: 100%; height: auto; margin-right: 0px !important;} .format_text h1 a img { height: auto; width: 100%; margin-right: 0px !important;} .format_text h3 a img { width: 100%; height: auto;} .format_text blockquote { float: left; height: auto; margin: 0; padding: 0; width: 100%;} .format_text blockquote .slidedeck-frame { float: left; height: auto !important; width: 100% !important;} .sd-wrapper { margin: 0px; width: 100%; padding: 0px;} .sd-wrapper #SlideDeck-9218 { float: left; margin: 0; padding: 0; width: 100% !important;} .sd-wrapper #SlideDeck-9218 .has-image { width: 100% !important;} /***************************End third page End*************************//*******************FOrth page Our Cookery Courses*****Start***************/.wp-caption.alignright { float: left; height: auto; margin: 0; padding: 0; width: 100% !important;} #attachment_12139 a img { height: auto; width: 100%;} .format_text h1 span strong {font-size: 20px;} .format_text h1 span {font-size: 25px;} .format_text h1 span.done-queen{font-size:22px; } #attachment_9254 a img {width: 100%;height: auto;float: left;} .blog-posts {width: 100% ;height: auto;float: left ;margin: 0px ;} .blog-posts .post-img img {width: 100% !important;height: auto !important;float: left;} #FSContact1 {width: 100% !important;} .dataTables_filter { float: left; width: 100%;} #tablepress-3_wrapper table { float: left; height: auto; width: 100%;} #tablepress-3_wrapper table thead { height: auto; margin: 0; padding: 0; width: 94%;} #tablepress-3 thead tr { height: auto; width: 100%;} .row-hover tr td {line-height: 16px;} #tablepress-3 thead tr th {float: left;height: 42px;margin: 0;padding: 3px 3px 3px 1px;width: 11% !important;line-height: 15px;} .dataTables_wrapper .sorting div::after {position: fixed !important;} #tablepress-3 thead tr th div { float: left !important; font-size: 10px; margin: 0; padding: 0; width: auto;} tbody.row-hover { float: left; height: auto; width: 100%;} tbody.row-hover tr { float: left; width: 100%;} tbody.row-hover tr td { font-size: 12px; height: auto; padding: 3px; width: 100%;} .format_text #tablepress-5_wrapper #tablepress-5 { width: 100% !Important; float: left;} .format_text #tablepress-5_wrapper #tablepress-5 thead { width: 100% !Important; float: left;} .format_text #tablepress-5_wrapper #tablepress-5 thead tr { width: 100% !important; float: left;} .post_box .format_text #tablepress-5_wrapper #tablepress-5 thead tr th { width: 10% !Important; float: none; height: 56px; font-size: 12px; padding: 6px 4px 6px 4px;} .dataTables_paginate { float: left; } .format_text .form-img {float: left;width: 100%;height: auto;} .form-img p img {width: 100%;height: auto;} #formBuilderCSSIDA_New_Form {float: left;width: 100% !important;height: auto;} /***************************End FOrth page End*************************/} /***************END @meadia min:480px; and max:567px; END********************************/ /***************@meadia min:567px; and max:667px;********************************/ @media screen and (min-width: 567px) and (max-width: 667px) { ul#topnav li:nth-of-type(2){display: none;} .full_width { clear: both; height: auto; width: 100%;} .full_width .page { height: auto; margin: 0; width: 100%;} .page #header { padding-left: 0 !important; padding-right: 0 !important; width: 100%;} #header img { float: left; height: auto; width: 100%;} /************responsive menu********************/.menu-respon { height: auto; width: 100%; float: left;} .menu li { float: left; position: relative; background-color: #EFEEEF; border-bottom: 2px solid #000; width: 100%;} .respons-menu { background-image: url("mobile-menu-icon.png"); background-position: center center; background-repeat: no-repeat; background-size: 7% 100%; display: block; height: 25px; margin-top: 6px;} .dropdown-arrow { display: block; width: 0px; float: right; top: 12px; cursor: pointer; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 10px solid #8a8a8a; right: 8px; clear: both; z-index: 999999; position: absolute;} #header_area .page .menu { float: none; left: 0px; list-style: outside none none; position: relative; top: 4px; width: 100%; z-index: 999; display:none;} #header_area .page ul li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 13px; letter-spacing: 0; padding: 6px 0; text-align: center; width: 100%;} .menu li ul.submenu { background: none repeat scroll 0 0 #fff; left: 14px; position: relative; width: 100%; display: none;} .remove { visibility: visible !important;} .menu li ul li { width: 100%;} .menu li ul li a { width: 100%;} /**************END*menu ENd**********************/#content_area .page { height: auto; margin: 0; padding: 0; width: 100%;} .main-verticals ul .v1 .master-slider-parent .master-slider .ms-slide-info { min-height: 50px !important; text-align: center; width: 100%;} .ms-slide-info .ms-info p.fisrt-img-txt{ width:100% !important; } .ms-slide-info .ms-info p.fisrt-img-txt a { padding: 7px 0px !Important; text-align: center; width:100% !important; } .page #content_box { height: auto; width: 100%;} #content_box #content { height: auto; width: 100%;} #content .main-verticals { float: left; height: auto; width: 100%;} .main-verticals ul li a img { width: 100%; height: 412px;} #content_box #content .main-verticals li { float: left; height: 429px;} #content_box #content .main-verticals li.v2 { float: left; height: 429px;} #content_box #content .main-verticals ul .v2 .title { position: absolute; left: 0; top: 414px; /* height: 55px; */ } .main-verticals ul li { float: left; margin-bottom:2% !important; width: 48%;} .main-verticals ul li a .title { margin: 0; padding: 0; width: 100% !important;} .blog-postimg { margin-left: 0 !important;} .blog-postimg a .attachment-post-thumbnail.wp-post-image { height: auto; width: 100%;} #post-3045 .headline_area h2 { font-size: 19px;} .post_box.top { margin: 0; padding: 0 0 0 4px; width: 98%;} #content_box #sidebars { float: left; height: auto; width: 100%;} #sidebars .sidebar { float:left; width: 100%; } .sidebar_list .widget.widget_text { float: left; width: 48%;} .sidebar_list li#text-58 { float: left; width: 100%;} .textwidget .img-text { float: left; width: 33%;} li#text-58 .textwidget a .border { width: 100%;} #CDSWIDSSP {width: 100% !important;} #mc_embed_signup form {padding: 0px 0 10px 4%; } #mc_embed_signup form h2 {margin-top: 0px;} .widget.PrivateContentLogin { float: left; width: 100%;} li#text-38 { width: 100% !important;} #footer_area { height: auto; width: 100%;} #footer ul#footer_buttons { float: left; width: 100%;} #footer_buttons li { width: 28%;} .page #footer { padding: 0; width: 100%;} .custom_footer_image img { height: auto; width: 100%;} /*******************second page Our story*******************************/.format_text h2 a .alignleft.size-full.wp-image-113 { height: auto; width: 100%;} .format_text p a .wp-image-12517 { height: auto; width: 100%; margin-left: 0px;} .format_text h2 { margin-top: 0;} .format_text h2 span { font-size: 15px; width: 100%;} /***************************End second page End*************************//*******************Third page Our Cooking School*******************************/.format_text p a img { width: 100%; margin-left: 0px !important; float: left;} .format_text p a img.alignright.wp-image-12195 {height: auto;} .format_text h2 span strong a img {width: 100%;height: auto;} .format_text h3 b a img {width: 100%;height: auto;} .format_text h1 a img { height: auto; width: 100%;} .format_text h1 a img.alignright {height: auto;width: 100%;float: left;margin-left: 0px !important;} .format_text h3 a img { width: 100%; height: auto;} .format_text blockquote { float: left; height: auto; margin: 0; padding: 0; width: 100%;} .format_text blockquote .slidedeck-frame { float: left; height: auto !important; width: 100% !important;} .sd-wrapper { margin: 0px; width: 100%; padding: 0px;} .sd-wrapper #SlideDeck-9218 { float: left; margin: 0; padding: 0; width: 100% !important;} .sd-wrapper #SlideDeck-9218 .has-image { width: 100% !important;} /***************************End third page End*************************/ /*******************FOrth page Our Cookery Courses*****Start***************/.wp-caption.alignright { float: left; height: auto; margin: 0; padding: 0; width: 100% !important;} #attachment_12139 a img { width: 100%;} #attachment_9254 a img {width: 100%;float: left;} .format_text p img { width: 100%; float:left;} .format_text p img.wp-image-12190 {height: auto;width: 100%;float: left;margin-left: 0px !important;} #content_box .blog-posts {border-bottom: none;width: 40%;margin-left: 2%;} .blog-posts .post-name {float: left;font-size: 16px;text-align: left;width: 100%;margin-top: 1%;} .blog-posts .post-img img {width: 100% !important;height: auto !important;float: left;} #FSContact1 {width: 100% !important;} .dataTables_filter { float: left; width: 100%;} tbody.row-hover tr td {font-size: 11px;} #tablepress-3 thead tr th div {font-size: 13px;} .format_text .form-img {float: left;width: 100%;height: auto;} th.column-7.sorting {width: 120px !important;height: 62px;} .format_text #tablepress-5_wrapper #tablepress-5 { width: 100% !Important; float: left;} .format_text #tablepress-5_wrapper #tablepress-5 thead { width: 99% !Important; } .format_text #tablepress-5_wrapper #tablepress-5 thead tr { width: 100% !important;} /**.post_box .format_text #tablepress-5_wrapper #tablepress-5 thead tr th { width: 10% !Important; float: left; height: 56px; font-size: 11px; padding: 6px 6px 6px 6px;} **/.tablepress td, .tablepress th{ padding: 8px 0px 8px 0px; } .form-img p img {width: 100%;height: auto;} #formBuilderCSSIDA_New_Form {float: left;width: 100%;height: auto;} /***************************End FOrth page End*************************/ } /***************END @media min:568px; and max:667px; END********************************/ /********************(min-width: 568px) and (max-width: 579px) ************************/ @media screen and (min-width: 568px) and (max-width: 599px) { .ms-container {top: 40px;} .ms-slide-info .ms-info p.fisrt-img-txt a { padding: 18% 0px 0px 0px !important; } } /******************END (min-width: 568px) and (max-width: 579px) End******************/ /***************@media min:668px; and max:767px;********************************/ @media screen and (min-width: 668px) and (max-width: 767px) { ul#topnav li:nth-of-type(2){display: none;} .full_width { clear: both; height: auto; width: 100%;} .full_width .page { float: left; height: auto; margin: 0; width: 100%;} .page #header { padding-left: 0 !important; padding-right: 0 !important; width: 100%;} #header img { float: left; height: auto; width: 100%;} /************responsive menu********************/.menu-respon { height: auto; width: 100%; float: left;} .menu li { float: left; position: relative; background-color: #EFEEEF; border-bottom: 2px solid #000; width: 100%;} .respons-menu { background-image: url("mobile-menu-icon.png"); background-position: center center; background-repeat: no-repeat; background-size: 6% 100%; display: block; height: 25px; margin-top: 4px;} .dropdown-arrow { display: block; width: 0px; float: right; top: 12px; cursor: pointer; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 10px solid #8a8a8a; right: 8px; clear: both; z-index: 999999; position: absolute;} #header_area .page .menu { float: none; left: 0px; list-style: outside none none; position: relative; top: 4px; width:100%; z-index: 999; display:none;} #header_area .page ul li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 13px; letter-spacing: 0; padding: 6px 0; text-align: center; width: 100%;} .menu li ul.submenu { background: none repeat scroll 0 0 #fff; left: 0px; position: relative; width: 100%; display: none;} .remove { visibility: visible !important;} .menu li ul li { width: 100%;} .menu li ul li a { width: 100%;} /**************END*menu ENd**********************/#content_area .page { height: auto; margin: 0; padding: 0; width: 100%;} .page #content_box #content { height: auto; width: 100%;} #content .main-verticals { margin: 0; width: 100%;} .main-verticals ul .v1 { margin-bottom: 2% !important; margin-left: 7% !important; width: 41%;} .main-verticals ul .v2 { margin-bottom: 2% !important;} .main-verticals ul .blog-postimg { height: auto; margin-left: 7% !important; width: 41%;} #post-3045 { margin: 0 0 0 6px; width: 98%;} #content_box #sidebars { float: left; width: 100%;} #sidebar_1 ul.sidebar_list li { float: left; margin-left: 4px; width: 49%;} #text-42 .textwidget { margin: 0; padding: 0; width: 100%;} .widSSP.widSSPnarrow { width: 100% !important;} #sidebar_1 ul #text-42 { margin-bottom: 0;} #text-48 .textwidget #mc_embed_signup { margin-top: 0 !important; padding: 0 0 0 14%; width: 70%;} #mc_embed_signup .validate { padding: 0;} #sidebar_1 ul li#text-58 { float: left; margin: 0; width: 50%;} li#text-58 .textwidget .img-text { float: left; width: 33%;} .widget.PrivateContentLogin { margin-bottom: 8px; width: 100% !important;} #footer #footer_buttons { width: 100%;} #footer #footer_buttons li { text-align: center; width: 30%;} .page #footer { padding: 0; width: 100%;} .custom_footer_image img { height: auto; width: 100%;} /*******************second page Our story*******************************/.format_text h2 a .alignleft.size-full.wp-image-113 { height: auto; width: 100%;} .format_text p a .wp-image-12517 { height: auto; width: 100%; margin-left: 0px;} .format_text h2 { margin-top: 0;} .format_text h2 span { font-size: 15px; width: 100%;} /***************************End second page End*************************//*******************Third page Our Cooking School*******************************/ .format_text p a img { width: 100%;] margin-left: 0px !important;} .format_text h2 span strong a img {width: 100%;height: auto;} .format_text h3 b a img {width: 100%;height: auto;} .format_text h1 a img { height: auto; width: 100%;} .format_text h3 a img { width: 100%; height: auto;} .format_text blockquote { float: left; height: auto; margin: 0; padding: 0; width: 100%;} .format_text blockquote .slidedeck-frame { float: left; height: auto !important; width: 100% !important;} .sd-wrapper { margin: 0px; width: 100%; padding: 0px;} .sd-wrapper #SlideDeck-9218 { float: left; margin: 0; padding: 0; width: 100% !important;} .sd-wrapper #SlideDeck-9218 .has-image { width: 100% !important;} /***************************End third page End*************************/ /*******************FOrth page Our Cookery Courses*****Start***************/.wp-caption.alignright { float: left; height: auto; margin: 0; padding: 0; width: 100% !important;} #attachment_12139 a img { height: auto; width: 100%;} #attachment_9254 a img {width: 100%;height: auto;float: left;} .format_text p img { height: auto; width: 100%; float:left;} .blog-posts {width: 100%;height: auto;float: left;margin: 0px;} .blog-posts .post-img img {width: 100% !important;height: auto !important;float: left;} #FSContact1 {width: 100% !important;} .dataTables_filter { float: left; width: 100%;} .format_text .form-img {float: left;width: 100%;height: auto;} .form-img p img {width: 100%;height: auto;} #formBuilderCSSIDA_New_Form {float: left;width: 100%;height: auto;} /***************************End FOrth page End*************************/ } /***************END @media min:668px; and max:767px; END********************************/ /***************@media min:768px; and max:1024px;********************************/ @media screen and (min-width: 768px) and (max-width: 1024px) { .full_width { clear: both; height: auto; width: 100%;} .full_width .page { float: left; height: auto; margin: 0; width: 100%;} .page #header { padding-left: 0 !important; padding-right: 0 !important; width: 100%;} #header img { float: left; height: auto; width: 100%;} /********************* menu**********************/ .respons-menu { display: none;} #header_area .page .menu { width: 100%; margin: 0px;} .menu li a { padding: 0;} ul.submenu.submenu-1 {width: auto;} #header_area .page .menu li { float: left; margin: 10px 0 6px; padding: 0 10px 0 15px; position: relative;} #header_area .page ul li a { font-size: 13px; letter-spacing: 0; padding: 6px 0px; text-align:center;} .menu li ul { background: none repeat scroll 0 0 #fff;} /*****************End menu End***********************/#content_area .page { height: auto; margin: 0; padding: 0; width: 100%;} .page #content_box #content { height: auto; width: 100%;} #content .main-verticals { margin: 0; width: 100%;} .main-verticals ul li { float: left !important; margin-bottom: 2% !important; margin-left: 3.3% !important; margin-right: 0 !important; padding: 0; text-align: center; width: 45%;} .main-verticals ul li a .title { text-align: center; width: 100% !important;} .main-verticals ul li a img { width: 100%;} #post-3045 { margin: 0 0 0 6px; width: 98%;} #content_box #sidebars { float: left; width: 100%;} #sidebar_1 ul.sidebar_list li { float: left; margin-left: 4px; width: 49%;} #text-42 .textwidget { margin: 0; padding: 0; width: 100%;} .widSSP.widSSPnarrow { width: 100% !important;} #sidebar_1 ul #text-42 { margin-bottom: 0;} #text-48 .textwidget #mc_embed_signup { margin-top: 0 !important; padding: 0 0 0 8%; width: 70%;} #mc_embed_signup .validate { padding: 0;} #sidebar_1 ul li#text-58 { float: left; margin: 0; width: 50%;} li#text-58 .textwidget .img-text { float: left; width: 33%;} .widget.PrivateContentLogin { margin-bottom: 8px; width: 100% !important;} #footer #footer_buttons { float: left; width: 100%;} #footer #footer_buttons li { text-align: center; width: 30%;} .page #footer { padding: 0; width: 100%;} .custom_footer_image img { height: auto; width: 100%;} ul.widSSPReadReview {width: 42%;} #mc_embed_signup form h2 {margin: 0px 0px 6px 0px;} /*******************second page Our story*******************************/.format_text h2 a .alignleft.size-full.wp-image-113 { height: auto; width: 100%;} .format_text p a .wp-image-12517 { height: auto; width: 100%; margin-left: 0px;} .format_text h2 { margin-top: 0;} .format_text h2 span { font-size: 15px; width: 100%;} /***************************End second page End*************************//*******************Third page Our Cooking School*******************************/ .format_text p a img { width: 100%; margin-left: 0px !important;} .sidebar_list #text-48 { margin-bottom: 4px;} .format_text h2 span strong a img {width: 100%;} .format_text h3 b a img {width: 100%;float: left;margin-left: 2px !important;} .format_text h1 a img { height: auto; width: 100%;} .format_text h3 a img { width: 100%; height: auto;} .format_text blockquote { float: left; height: auto; margin: 0; padding: 0; width: 100%;} .format_text blockquote .slidedeck-frame { float: left; height: auto !important; width: 100% !important;} .sd-wrapper { margin: 0px; width: 100%; padding: 0px;} .sd-wrapper #SlideDeck-9218 { float: left; margin: 0; padding: 0; width: 100% !important;} .sd-wrapper #SlideDeck-9218 .has-image { width: 100% !important;} /***************************End third page End*************************/ /*******************FOrth page Our Cookery Courses*****Start***************/.wp-caption.alignright { float: left; height: auto; margin: 0; padding: 0; width: 100% !important;} #attachment_12139 a img { height: auto; width: 100%;} #attachment_9254 a img {width: 100%;float: left;} .format_text p img { width: 100%; float:left; margin-left: 4px !important;} .blog-posts .post-img img {width: 100% !important;height: auto !important;float: left;} .blog-posts span.post-name {font-size: 22px;} #content_box .blog-posts {border-bottom: none;float: left;padding: 0 0 12px;width: 43%;height: auto;margin: 2px 18px 0px 18px;} #FSContact1 {width: 100% !important;} .dataTables_filter { float: left; width: 100%;} .format_text .form-img {float: left;width: 100%;height: auto;} .form-img p img {width: 100%;height: auto;} #formBuilderCSSIDA_New_Form {float: left;width: 100%;height: auto;} .formBuilderSubmit.form-actions {text-align: left;padding-top: 2%;} /***************************End FOrth page End*************************/ } /***************END @media min:768px; and max:1024px; END********************************/ /***************@media screen and (min-width:737px) and (max-width: 768px) **********************************/ @media screen and (min-width: 737px) and (max-width: 768px) { .respons-menu { display: none;} #header_area .page .menu li a { font-size: 13px; padding: 0px 0px 0px 4px !important; text-align: center;} #header_area .page .menu { margin: 0; text-align: center; width: 100%; float:left;} #header_area .page .menu li { float: left; margin: 10px 0 6px; padding: 0 3px; position: relative; background-color: #EFEEEF; border-bottom: 2px solid #000; width: 100%;} .menu li.tab-6 { padding: 0 !important;} .tab-6 .submenu.submenu-1 { width: auto;} ul.submenu-1 .item.item-17 { padding-left: 0 !important; padding-right: 0 !important; width: 100%;} ul.submenu-1 .item-17 a { padding-left: 0 !important; text-align: left; } ul.submenu .item.item-18 { padding-left: 0 !important; padding-right: 0 !important; text-align: left; width: 97%;} #mc_embed_signup form h2 {margin: 4px 0px 10px 0px;} .menu li ul { background: none repeat scroll 0 0 #fff;} .blog-posts span.post-name {font-size: 22px;} .formBuilderSubmit.form-actions {text-align: left;padding-top: 2%;} ul.widSSPReadReview {width: 44%;} } /**********************END @media screen and min:737px and max :768px ENd*******************************/ /**********************POst image slider-16-jan***********************/ .ms-slide-info .ms-info p.fisrt-img-txt a { color: #fff; display: block; font-family: 'Lucida Grande',Lucida Sans Unicode,Lucida Sans; font-size: 15px; padding: 7px 15px; text-align: center; vertical-align :middle; } /**********************END POst image slider END************From-Avinash Verma***********/ /* File: custom.css Description: Custom styles for Thesis More Info: http://diythemes.com/thesis/rtfm/custom-css/ *//* home page verticals */.custom .my-home-teasers { font-size: 10px; display: block; clear: both; height: auto; overflow: visible;} .custom .my-teasers { display: block; width: 30%; float: left; padding-right: 1em;} .custom .my-teasers a img { text-align: center; padding: 0.6em;} .custom .my-teasers .my-teaser-title { clear: both; font-size: 1.2em; line-height: 1.8em;} .custom .my-teasers li.v1 { background-color: #990000;} .custom .my-teasers li.v2 { background-color: #99B2B7;} .custom .my-teasers li.v3 { background-color: #BCBCBC;} /* home page verticals */.custom .main-verticals { float:left; border-top:none; padding:9px 0 10px 0; } .custom .main-panel, .custom .main-verticals ul { overflow:hidden; } .custom .main-panel { margin:5px 0 30px 0; } .custom .main-verticals li { float:left; margin:0 0 0 15px; list-style:none; height:465px; position:relative;} .custom .main-verticals li:first-child { margin-left:0; } .custom .main-verticals li img { display:block; } .custom .main-verticals li a { clear:both; display:block; } .custom .main-verticals .title { position: absolute; left: 0; top: 410px; width: 295px; height: 55px; display: table;} .custom .main-verticals .title p { color:#fff; font-family:'Lucida Grande',Lucida Sans Unicode,Lucida Sans; display: table-cell; font-size:15px; padding:0 15px; text-align: center; vertical-align: middle; } /* verticals background color */.custom .main-verticals li.v1 { background-color:#990000; } .custom .main-verticals li.v2 { background-color:#99B2B7; } .custom .main-verticals li.v3 { background-color:#BCBCBC; } /* COLOR UNSELECTED TABS *//* second tab unselected background and font color */.custom .menu .tab-1 a { color: #990000;} /* third tab unselected background and font color */.custom .menu .tab-2 a { color: #990000; } /* Top Nav bar */.custom ul#topnav {border-style: none;font: georgia; list-style-image: none;list-style-position: outside;list-style-type: none;background:none repeat scroll 0 0;width: 100%;float: right;} .custom ul#topnav li { float: right; padding: 10px 18px 10px 0px; } .custom ul#topnav li a { 'Lucida Grande',Lucida Sans Unicode,Lucida Sans; font-size: 1.5em; color: #990000; } .custom ul#topnav li a:hover { text-decoration: underline; } .custom ul#topnav a:hover, .custom ul.menu .current a:hover { color:#666; } .custom #header { padding-top: 0em; padding-bottom: 0em; } .custom_footer_text {text-align: center;font-size: 8px;} .custom ul#footer_buttons {margin:0 auto;padding:0;list-style-type:none;width:90%;font-family: Monotype Corsiva, Harlow Solid Italic, serif;font-size: 14px} .custom ul#footer_buttons li {float: left;margin:10px;} .custom ul#footer_buttons li p {text-align: center;margin:5px 0;} li.blog-postimg img{width:295px;height:410px;} #right{display: none;} #bottom{display: none;} li.tab-home a{color:green !important;} li.tab-2 a{color:#A3A300 !important;} li.tab-3 a{color: #0000ff !important;} li.tab-4 a{color: red !important;} li.tab-5 a{color: #7D0000 !important;} li.tab-6 a{color: rgb(153, 0, 0) !important;} .blog-posts { border-bottom: 3px solid #000; float: left; margin: 0 25px 0 0; padding: 0 0 12px; width: 37%;} .blog-posts .post-img { text-align: center;} .blog-posts .post-img img { width: 80%; height:400px} .blog-posts .post-name { float: left; font-size: 32px; text-align: center; width: 100%;} .blog-posts .post-name a{ font-family: 'Averia Serif Libre', cursive; color:#45B8AC; text-transform: uppercase;} .blog-posts .post-content { float: left; font-size: 16px; line-height: 26px; width: 98%;} .blog-posts .post-content a{ color:red;} .post-content a img { float: left; height: 294px; padding: 0 10px 2px 0; width: 240px;} .wp-pagenavi { clear: both; float: left; margin: 26px 0 0;} .wp-pagenavi .page.larger { font-size: 14px; margin: 0 7px 0 6px !important; padding: 0 3px 3px;} .formBuilderForm .formBuilderLabel, .formBuilderForm .formBuilderLabelRequired{ float:left !important; width:100% !important; font-weight:bold;} .formBuilderInput input{ width: 60%;} .formBuilderRadio label input{ width:2%;} #fieldformBuilderFieldOnRueTatinintheUS, #fieldformBuilderFieldKids_in_Paris__click_all_those_that_you_are_interestd_in,#fieldformBuilderFieldParis_Market_Tours__For_groups_of_four_or_more { width: 2%;} .formBuilderForm .formBuilderError{ color:red;} #fieldformBuilderFieldWed_love { display: none;} #formBuilderCSSIDA_New_Form { float: left; width: 60%;} .form-img { float: right; width: 40%;} .form-img img { width: 88%;} #text-58 { text-align: center;} .format_text p,.format_text h1,.format_text h2 { float: inherit; width:100%; margin-bottom: 8px;} /******************************=====footer images======*******/.dropdown-arrow{display:none;} #footer .custom_footer_image { float: left; width: 100%;} .custom_footer_image .gal-container { float: left; padding-bottom: 14px; padding-top: 24px; width: 100%; border-bottom: 1px solid;} .rpg-gal-title { border-bottom: 1px solid; font-size: 20px; padding-bottom: 10px; text-align: center; color: #3f3f3f;} .b-link-fade .gall-img-responsive { float: left; height: 80px; width: 12%; padding-top: 8px;} #gal-container-12986 div .clearfix:after { display: none;} #gal-container-13003 div .clearfix:after { display: none;} #gal-container-13003 div .wl-gallery .b-link-fade .gall-img-responsive { float: left; height: 60px; padding-left: 2px; padding-right: 2px; padding-top: 8px; width: 10%;} #gal-container-13003 .rpg-gal-title { display: none; } div#comments { display: none;} .menu .tab-6 a { pointer-events: none;} .menu .tab-6 .submenu .item-17 > a { pointer-events: auto;} .menu .tab-6 .submenu .item-18 a { pointer-events: auto;} .menu .tab-6 .submenu .item-19 a { pointer-events: auto;} /*********3 jan 2017*********/ .custom_event-from { float: left; width: 58%;} /*.custom_event-from { float: left; width: 100%;} */ .custom_event-from .visual-form-builder{ margin-top: 0px;} .custom_event-from .visual-form-builde fieldset.event,.custom_event-from .visual-form-builde fieldset.verification { margin-top: 0;} .custom_event-from .visual-form-builder ul li input { max-width: 360px; height: 22px; padding-left: 6px; font-size: 14px; width: 100%;} .custom_event-from .visual-form-builder ul li.vfb-item-address .vfb-full label { width: 100%; float: left;} .custom_event-from .visual-form-builder ul li.vfb-item-address select, .custom_event-from .visual-form-builder ul li.vfb-item-address select option { padding: 5px 0px; } .custom_event-from .visual-form-builder ul li input.vfb-radio { width: 14px !Important; height: 14px;} .custom_event-from .visual-form-builder ul li input.vfb-submit { padding: 3px 8px; height: 40px; max-width: 150px; font-size: 23px; background: rgba(0,0,0,.5); color: #fff;} .recaptcha-custom div { /* height: auto; */ } .custom_event-from input.wpcf7-submit { padding: 5px 20px; font-size: 16px; margin-top: 10px; text-transform: capitalize; } .recaptcha-custom { float: left; width: 99%; } /******************************=====added by Avi=====********/ /**************************Start MEDIA QUERY Start**************************************/ /***************@meadia min:320px; and max:479px;********************************/ @media screen and (min-width: 320px) and (max-width: 479px) { .custom_event-from { float: left; width: 100%; } #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} ul#topnav li:nth-of-type(2){display: none;} .full_width { clear: both; width: 100%;} .full_width .page { margin: 0 auto; padding: 0; width: 100%; } .page ul#topnav { float: right; width: 100%;} .page ul#topnav li { float: right; padding: 10px 18px 10px 0;} #header, #footer { padding: 0; width: 100%;} .page #header { padding: 0; width: 100%;} #header img { height: auto; width: 100%;} .full_width { clear: both; width: 100%;} .full_width .page { margin: 0 auto; padding-left: 0; padding-right: 0; width: 100%;} /************responsive menu********************/ul.sidebar_list {padding-top: 2%;} #header_widget_1 ul.sidebar_list {padding-top: 2%;} .menu-respon { height: auto; width: 100%;} .menu li { float: left; position: relative; background-color: #EFEEEF; border-bottom: 2px solid #000; width: 100%;} .respons-menu { background-image: url("mobile-menu-icon.png"); background-position: center center; background-repeat: no-repeat; background-size: 10% 100%; display: block; height: 24px;} .dropdown-arrow { display: block; width: 0px; float: right; top: 12px; cursor: pointer; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 10px solid #8a8a8a; right: 8px; clear: both; z-index: 999999; position: absolute;} #header_area .page .menu { float: left; left: 0; list-style: outside none none; position: relative; top: 4px; width: 100%; z-index: 999; display:none;} #header_area .page ul li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 13px; letter-spacing: 0; padding: 6px 0; text-align: center; width: 100%;} .menu li ul.submenu { background: none repeat scroll 0 0 #fff; left: 0px; position: relative; width: 100%; display: none;} .remove { visibility: visible !important;} .menu li:hover ul.submenu li:last-child { border: none;} .menu li ul li { width: 100%;} .menu li ul li a { width: 100%;} .tab-home span.dropdown-arrow, .tab-1 span.dropdown-arrow ,.tab-5 span.dropdown-arrow,.tab-4 span.dropdown-arrow{ display: none; } /**************END*menu ENd**********************/ #content_box #content { float: left; width: 100%;} #content .main-verticals { float: left; height: auto; width: 100%;} .main-verticals ul li a img { width: 100%;} .main-verticals ul .v1 .title { position: relative; text-align: center; top: 0; width: 100%;} .main-verticals ul .v1 { height: auto; margin-bottom: 2% !important; margin-left: 12px !important; margin-right: 0px ; margin-top: 0 ; width: 92.2%;} .main-verticals ul li.v2 { margin: 0 0 2% 12px; position: relative; width: 92%;} li.v2 a .title { height: auto; text-align: center; width: 100%;} .main-verticals ul .v1 .master-slider-parent .master-slider .ms-slide-info { min-height: 50px !important; text-align: center; width: 100%;} .post_box.top { margin: 0px; width: 100%;} .post_box .headline_area h2 { font-size: 16px;} .format_text h4 { float:left; height: auto; width: 100%; } .format_text h4 img.alignleft { float: left; margin: 0 0 2%; width: 100%;} .format_text p { float: left;} #sidebars { float: left; height: auto; width: 100%;} .sidebar .sidebar_list { padding-left: 0 !important; padding-right: 0 !important; width: 100%;} .widSSPData { float: left; height: auto; margin: 0 0 0 7px; width: 87%;} #privatecontentlogin-4 h3 { padding-left: 4%; width: 94%; float:left;} li#privatecontentlogin-4 form { padding-left: 4%; width: 94%; float:left;} .widget.widget_text { float: left; padding-left: 4%; width: 94%;} dt.widSSPH18 {font-size: 15px !important;} .custom_footer_text p { float: left; width: 100%;} #footer ul#footer_buttons { float: left; width: 100%;} #footer_buttons li { float: left; margin: 10px; width: 42%;} .page #footer { padding: 0; width: 100%;} .custom_footer_image img { height: auto; margin: 0; padding: 0; width: 100%;} /*******************second page Our story*******************************/ .format_text h2 a .alignleft.size-full.wp-image-113 { height: auto; width: 100%;} .format_text p a .wp-image-12517 { height: auto; width: 100%; margin-left: 0px;} .format_text h2 { margin-top: 0;} .format_text h2 span { font-size: 14px; width: 100%;} /***************************End second page End*************************/ /*******************Third page Our Cooking School*******************************/ #post-11899 .headline_area {margin-bottom: 0px;} .format_text h2 strong a {font-size: 16px;} .format_text p a img { height: auto; width: 100%; float:left; margin-left: 0px !important; margin-right: 0px !important;} .format_text h2 span strong a img {width: 100%;height: auto;} .headline_area h1 {font-size: 15px;} .format_text h1 span strong {font-size: 17px;} .format_text h3 b a img { width: 100%; height: auto; margin-right: 0px !important;} .format_text h1 a img { height: auto; width: 100%; margin-right: 0px !important;} .format_text h3 a img { width: 100%; height: auto;} .format_text blockquote { float: left; height: auto; margin: 0; padding: 0; width: 100%;} .format_text blockquote .slidedeck-frame { float: left; height: auto !important; width: 100% !important;} .sd-wrapper { margin: 0px; width: 100%; padding: 0px;} .sd-wrapper #SlideDeck-9218 { float: left; margin: 0; padding: 0; width: 100% !important;} .sd-wrapper #SlideDeck-9218 .has-image { width: 100% !important;} /***************************End third page End*************************/ /*******************FOrth page Our Cookery Courses*****Start***************/ .wp-caption.alignright { float: left; height: auto; margin: 0; padding: 0; width: 100% !important;} #attachment_12139 a img { height: auto; width: 100%;} .format_text h1 span strong {font-size: 20px;} .format_text h1 span {font-size: 25px;} .format_text h1 span.done-queen{font-size:22px; } #attachment_9254 a img {width: 100%;height: auto;float: left;} .blog-posts {width: 100% ;height: auto;float: left ;margin: 0px ;} .blog-posts .post-img img {width: 100% !important;height: auto !important;float: left;} #FSContact1 {width: 100% !important;} .dataTables_filter { float: left; width: 100%;} #tablepress-3_wrapper table { float: left; height: auto; width: 100%;} #tablepress-3_wrapper table thead { height: auto; margin: 0; padding: 0; width: 100%;} #tablepress-3 thead tr { height: auto; width: 100%;} .row-hover tr td {line-height: 16px;} #tablepress-3 thead tr th {float: left;height: 42px;margin: 0;padding: 3px 3px 3px 1px;width: 12% !important;line-height: 15px;} .dataTables_wrapper .sorting div::after {position: fixed !important;} #tablepress-3 thead tr th div { float: left !important; font-size: 10px; margin: 0; padding: 0; width: auto;} tbody.row-hover { float: left; height: auto; width: 100%;} tbody.row-hover tr { float: left; width: 92%;} tbody.row-hover tr td { font-size: 10px; height: auto; padding: 2px; width:94%;} .format_text #tablepress-5_wrapper #tablepress-5 { width: 100% !Important; float: left;} .format_text #tablepress-5_wrapper #tablepress-5 thead { width: 98% !Important; float: left;} .format_text #tablepress-5_wrapper #tablepress-5 thead tr { width: 100% !important; float: left;} .post_box .format_text #tablepress-5_wrapper #tablepress-5 thead tr th { width: 10% !Important; float: left; height: 56px; font-size: 11px; padding: 6px 4px 6px 4px;} .dataTables_paginate { float: left; } .format_text .form-img {float: left;width: 100%;height: auto;} .form-img p img {width: 100%;height: auto;} #formBuilderCSSIDA_New_Form {float: left;width: 100% !important;height: auto;} /***************************End FOrth page End*************************/} /********************END @meadia min:320px; and max:479px; END***********************/ /***************@meadia min:480px; and max:566px;********************************/ @media screen and (min-width: 480px) and (max-width: 566px) { ul#topnav li:nth-of-type(2){display: none;} .full_width { clear: both; width: 100%;} .full_width .page { margin: 0 auto; padding: 0; width: 100%; } .page ul#topnav { float: right; width: 100%;} .page ul#topnav li { float: right; padding: 10px 18px 10px 0;} #header, #footer { padding: 0; width: 100%;} .page #header { padding: 0; width: 100%;} #header img { height: auto; width: 100%;} .full_width { clear: both; width: 100%;} .full_width .page { margin: 0 auto; padding-left: 0; padding-right: 0; width: 100%;} /************responsive menu********************/ ul.sidebar_list {padding-top: 2%;} #header_widget_1 ul.sidebar_list {padding-top: 2%;} .menu-respon { height: auto; width: 100%;} .menu li { float: left; position: relative; background-color: #EFEEEF; border-bottom: 2px solid #000; width: 100%;} .respons-menu { background-image: url("mobile-menu-icon.png"); background-position: center center; background-repeat: no-repeat; background-size: 10% 100%; display: block; height: 24px;} .dropdown-arrow { display: block; width: 0px; float: right; top: 12px; cursor: pointer; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 10px solid #8a8a8a; right: 8px; clear: both; z-index: 999999; position: absolute;} #header_area .page .menu { float: left; left:0px; list-style: outside none none; position: relative; top: 4px; width:100%; z-index: 999; display:none;} #header_area .page ul li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 13px; letter-spacing: 0; padding: 6px 0; text-align: center; width: 100%;} .menu li ul.submenu { background: none repeat scroll 0 0 #fff; left: 0px; position: relative; width: 100%; display: none;} .remove { visibility: visible !important;} .menu li ul li { width: 100%;} .menu li ul li a { width: 100%;} .tab-home span.dropdown-arrow, .tab-1 span.dropdown-arrow ,.tab-5 span.dropdown-arrow,.tab-4 span.dropdown-arrow{ display: none; } /**************END*menu ENd**********************/ #content_box #content { float: left; width: 100%;} #content .main-verticals { float: left; height: auto; width: 100%;} .main-verticals ul li a img { width: 100%;} .main-verticals ul .v1 .title { position: relative; text-align: center; top: 0; width: 100%;} .main-verticals ul .v1 { height: auto; margin-bottom: 2% !important; margin-left: 12px !important; margin-right: 0px ; margin-top: 0 ; width: 92.2%;} .main-verticals ul .v1 .master-slider-parent .master-slider .ms-slide-info { min-height: 50px !important; text-align: center; width: 100%;} .main-verticals ul li.v2 { margin: 0 0 2% 12px; position: relative; width: 92%;} li.v2 a .title { height: auto; text-align: center; width: 100%;} .post_box.top { margin: 0px; width: 100%;} .post_box .headline_area h2 { font-size: 16px;} .format_text h4 { float:left; height: auto; width: 100%; } .format_text h4 img.alignleft { float: left; margin: 0 0 2%; width: 100%;} .format_text p { float: left;} #sidebars { float: left; height: auto; width: 100%;} .sidebar .sidebar_list { padding-left: 0 !important; padding-right: 0 !important; width: 100%;} .widSSPData { float: left; height: auto; margin: 0 0 0 7px; width: 87%;} #privatecontentlogin-4 h3 { padding-left: 4%; width: 94%; float:left;} li#privatecontentlogin-4 form { padding-left: 4%; width: 94%; float:left;} .widget.widget_text { float: left; padding-left: 4%; width: 94%;} dt.widSSPH18 {font-size: 15px !important;} .custom_footer_text p { float: left; width: 100%;} #footer ul#footer_buttons { float: left; width: 100%;} #footer_buttons li { float: left; margin: 10px; width: 42%;} .page #footer { padding: 0; width: 100%;} .custom_footer_image img { height: auto; margin: 0; padding: 0; width: 100%;} /*******************second page Our story*******************************/ .format_text h2 a .alignleft.size-full.wp-image-113 { height: auto; width: 100%;} .format_text p a .wp-image-12517 { height: auto; width: 100%; margin-left: 0px;} .format_text h2 { margin-top: 0;} .format_text h2 span { font-size: 14px; width: 100%;} /***************************End second page End*************************/ /*******************Third page Our Cooking School*******************************/ #post-11899 .headline_area {margin-bottom: 0px;} .format_text h2 strong a {font-size: 16px;} .format_text p a img { height: auto; width: 100%; float:left; margin-left: 0px !important; margin-right: 0px !important;} .format_text h2 span strong a img {width: 100%;height: auto;} .headline_area h1 {font-size: 15px;} .format_text h1 span strong {font-size: 17px;} .format_text h3 b a img { width: 100%; height: auto; margin-right: 0px !important;} .format_text h1 a img { height: auto; width: 100%; margin-right: 0px !important;} .format_text h3 a img { width: 100%; height: auto;} .format_text blockquote { float: left; height: auto; margin: 0; padding: 0; width: 100%;} .format_text blockquote .slidedeck-frame { float: left; height: auto !important; width: 100% !important;} .sd-wrapper { margin: 0px; width: 100%; padding: 0px;} .sd-wrapper #SlideDeck-9218 { float: left; margin: 0; padding: 0; width: 100% !important;} .sd-wrapper #SlideDeck-9218 .has-image { width: 100% !important;} /***************************End third page End*************************/ /*******************FOrth page Our Cookery Courses*****Start***************/ .wp-caption.alignright { float: left; height: auto; margin: 0; padding: 0; width: 100% !important;} #attachment_12139 a img { height: auto; width: 100%;} .format_text h1 span strong {font-size: 20px;} .format_text h1 span {font-size: 25px;} .format_text h1 span.done-queen{font-size:22px; } #attachment_9254 a img {width: 100%;height: auto;float: left;} .blog-posts {width: 100% ;height: auto;float: left ;margin: 0px ;} .blog-posts .post-img img {width: 100% !important;height: auto !important;float: left;} #FSContact1 {width: 100% !important;} .dataTables_filter { float: left; width: 100%;} #tablepress-3_wrapper table { float: left; height: auto; width: 100%;} #tablepress-3_wrapper table thead { height: auto; margin: 0; padding: 0; width: 94%;} #tablepress-3 thead tr { height: auto; width: 100%;} .row-hover tr td {line-height: 16px;} #tablepress-3 thead tr th {float: left;height: 42px;margin: 0;padding: 3px 3px 3px 1px;width: 11% !important;line-height: 15px;} .dataTables_wrapper .sorting div::after {position: fixed !important;} #tablepress-3 thead tr th div { float: left !important; font-size: 10px; margin: 0; padding: 0; width: auto;} tbody.row-hover { float: left; height: auto; width: 100%;} tbody.row-hover tr { float: left; width: 100%;} tbody.row-hover tr td { font-size: 12px; height: auto; padding: 3px; width: 100%;} .format_text #tablepress-5_wrapper #tablepress-5 { width: 100% !Important; float: left;} .format_text #tablepress-5_wrapper #tablepress-5 thead { width: 100% !Important; float: left;} .format_text #tablepress-5_wrapper #tablepress-5 thead tr { width: 100% !important; float: left;} .post_box .format_text #tablepress-5_wrapper #tablepress-5 thead tr th { width: 10% !Important; float: none; height: 56px; font-size: 12px; padding: 6px 4px 6px 4px;} .dataTables_paginate { float: left; } .format_text .form-img {float: left;width: 100%;height: auto;} .form-img p img {width: 100%;height: auto;} #formBuilderCSSIDA_New_Form {float: left;width: 100% !important;height: auto;} /***************************End FOrth page End*************************/ .custom_event-from { float: left; width: 100%; } } /***************END @meadia min:480px; and max:567px; END********************************/ /***************@meadia min:567px; and max:667px;********************************/ @media screen and (min-width: 567px) and (max-width: 667px) { .custom_event-from { float: left; width: 100%; } #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} ul#topnav li:nth-of-type(2){display: none;} .full_width { clear: both; height: auto; width: 100%;} .full_width .page { height: auto; margin: 0; width: 100%;} .page #header { padding-left: 0 !important; padding-right: 0 !important; width: 100%;} #header img { float: left; height: auto; width: 100%;} /************responsive menu********************/ .menu-respon { height: auto; width: 100%; float: left;} .menu li { float: left; position: relative; background-color: #EFEEEF; border-bottom: 2px solid #000; width: 100%;} .respons-menu { background-image: url("mobile-menu-icon.png"); background-position: center center; background-repeat: no-repeat; background-size: 7% 100%; display: block; height: 25px; margin-top: 6px;} .dropdown-arrow { display: block; width: 0px; float: right; top: 12px; cursor: pointer; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 10px solid #8a8a8a; right: 8px; clear: both; z-index: 999999; position: absolute;} #header_area .page .menu { float: none; left: 0px; list-style: outside none none; position: relative; top: 4px; width: 100%; z-index: 999; display:none;} #header_area .page ul li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 13px; letter-spacing: 0; padding: 6px 0; text-align: center; width: 100%;} .menu li ul.submenu { background: none repeat scroll 0 0 #fff; left: 14px; position: relative; width: 100%; display: none; left: 12px; position: relative; width: 96%} .remove { visibility: visible !important;} .menu li ul li { width: 100%;} .menu li ul li a { width: 100%;} .tab-home span.dropdown-arrow, .tab-1 span.dropdown-arrow ,.tab-5 span.dropdown-arrow,.tab-4 span.dropdown-arrow{ display: none; } /**************END*menu ENd**********************/ #content_area .page { height: auto; margin: 0; padding: 0; width: 100%;} .main-verticals ul .v1 .master-slider-parent .master-slider .ms-slide-info { min-height: 50px !important; text-align: center; width: 100%;} .ms-slide-info .ms-info p.fisrt-img-txt{ width:100% !important; } .ms-slide-info .ms-info p.fisrt-img-txt a { padding: 7px 0px !Important; text-align: center; width:100% !important; } .page #content_box { height: auto; width: 100%;} #content_box #content { height: auto; width: 100%;} #content .main-verticals { float: left; height: auto; width: 100%;} .main-verticals ul li a img { width: 100%; height: 412px;} #content_box #content .main-verticals li { float: left; height: 429px;} #content_box #content .main-verticals li.v2 { float: left; height: 429px;} #content_box #content .main-verticals ul .v2 .title { position: absolute; left: 0; top: 414px; /* height: 55px; */ } .main-verticals ul li { float: left; margin-bottom:2% !important; width: 48%;} .main-verticals ul li a .title { margin: 0; padding: 0; width: 100% !important;} .blog-postimg { margin-left: 0 !important;} .blog-postimg a .attachment-post-thumbnail.wp-post-image { height: auto; width: 100%;} #post-3045 .headline_area h2 { font-size: 19px;} .post_box.top { margin: 0; padding: 0 0 0 4px; width: 98%;} #content_box #sidebars { float: left; height: auto; width: 100%;} #sidebars .sidebar { float:left; width: 100%; } .sidebar_list .widget.widget_text { float: left; width: 48%;} .sidebar_list li#text-58 { float: left; width: 100%;} .textwidget .img-text { float: left; width: 33%;} li#text-58 .textwidget a .border { width: 100%;} #CDSWIDSSP {width: 100% !important;} #mc_embed_signup form {padding: 0px 0 10px 4%; } #mc_embed_signup form h2 {margin-top: 0px;} .widget.PrivateContentLogin { float: left; width: 100%;} li#text-38 { width: 100% !important;} #footer_area { height: auto; width: 100%;} #footer ul#footer_buttons { float: left; width: 100%;} #footer_buttons li { width: 28%;} .page #footer { padding: 0; width: 100%;} .custom_footer_image img { height: auto; width: 100%;} /*******************second page Our story*******************************/ .format_text h2 a .alignleft.size-full.wp-image-113 { height: auto; width: 100%;} .format_text p a .wp-image-12517 { height: auto; width: 100%; margin-left: 0px;} .format_text h2 { margin-top: 0;} .format_text h2 span { font-size: 15px; width: 100%;} /***************************End second page End*************************/ /*******************Third page Our Cooking School*******************************/ .format_text p a img { width: 100%; margin-left: 0px !important; float: left;} .format_text p a img.alignright.wp-image-12195 {height: auto;} .format_text h2 span strong a img {width: 100%;height: auto;} .format_text h3 b a img {width: 100%;height: auto;} .format_text h1 a img { height: auto; width: 100%;} .format_text h1 a img.alignright {height: auto;width: 100%;float: left;margin-left: 0px !important;} .format_text h3 a img { width: 100%; height: auto;} .format_text blockquote { float: left; height: auto; margin: 0; padding: 0; width: 100%;} .format_text blockquote .slidedeck-frame { float: left; height: auto !important; width: 100% !important;} .sd-wrapper { margin: 0px; width: 100%; padding: 0px;} .sd-wrapper #SlideDeck-9218 { float: left; margin: 0; padding: 0; width: 100% !important;} .sd-wrapper #SlideDeck-9218 .has-image { width: 100% !important;} /***************************End third page End*************************/ /*******************FOrth page Our Cookery Courses*****Start***************/ .wp-caption.alignright { float: left; height: auto; margin: 0; padding: 0; width: 100% !important;} #attachment_12139 a img { width: 100%;} #attachment_9254 a img {width: 100%;float: left;} .format_text p img { width: 100%; float:left;} .format_text p img.wp-image-12190 {height: auto;width: 100%;float: left;margin-left: 0px !important;} #content_box .blog-posts {border-bottom: none;width: 40%;margin-left: 2%;} .blog-posts .post-name {float: left;font-size: 16px;text-align: left;width: 100%;margin-top: 1%;} .blog-posts .post-img img {width: 100% !important;height: auto !important;float: left;} #FSContact1 {width: 100% !important;} .dataTables_filter { float: left; width: 100%;} tbody.row-hover tr td {font-size: 11px;} #tablepress-3 thead tr th div {font-size: 13px;} .format_text .form-img {float: left;width: 100%;height: auto;} th.column-7.sorting {width: 120px !important;height: 62px;} .format_text #tablepress-5_wrapper #tablepress-5 { width: 100% !Important; float: left;} .format_text #tablepress-5_wrapper #tablepress-5 thead { width: 99% !Important; } .format_text #tablepress-5_wrapper #tablepress-5 thead tr { width: 100% !important;} /**.post_box .format_text #tablepress-5_wrapper #tablepress-5 thead tr th { width: 10% !Important; float: left; height: 56px; font-size: 11px; padding: 6px 6px 6px 6px;} **/.tablepress td, .tablepress th{ padding: 8px 0px 8px 0px; } .form-img p img {width: 100%;height: auto;} #formBuilderCSSIDA_New_Form {float: left;width: 100%;height: auto;} /***************************End FOrth page End*************************/ } /***************END @media min:568px; and max:667px; END********************************/ /********************(min-width: 568px) and (max-width: 579px) ************************/ @media screen and (min-width: 568px) and (max-width: 599px) { .ms-container {top: 40px;} .ms-slide-info .ms-info p.fisrt-img-txt a { padding: 18% 0px 0px 0px !important; } } /******************END (min-width: 568px) and (max-width: 579px) End******************/ /***************@media min:668px; and max:767px;********************************/ @media screen and (min-width: 668px) and (max-width: 767px) { .custom_event-from { float: left; width: 100%; } ul#topnav li:nth-of-type(2){display: none;} .full_width { clear: both; height: auto; width: 100%;} .full_width .page { float: left; height: auto; margin: 0; width: 100%;} .page #header { padding-left: 0 !important; padding-right: 0 !important; width: 100%;} #header img { float: left; height: auto; width: 100%;} /************responsive menu********************/ .menu-respon { height: auto; width: 100%; float: left;} .menu li { float: left; position: relative; background-color: #EFEEEF; border-bottom: 2px solid #000; width: 100%;} .respons-menu { background-image: url("mobile-menu-icon.png"); background-position: center center; background-repeat: no-repeat; background-size: 6% 100%; display: block; height: 25px; margin-top: 4px;} .dropdown-arrow { display: block; width: 0px; float: right; top: 12px; cursor: pointer; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 10px solid #8a8a8a; right: 8px; clear: both; z-index: 999999; position: absolute;} #header_area .page .menu { float: none; left: 0px; list-style: outside none none; position: relative; top: 4px; width:100%; z-index: 999; display:none;} #header_area .page ul li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 13px; letter-spacing: 0; padding: 6px 0; text-align: center; width: 100%;} .menu li ul.submenu { background: none repeat scroll 0 0 #fff; left: 0px; position: relative; width: 100%; display: none;} .remove { visibility: visible !important;} .menu li ul li { width: 100%;} .menu li ul li a { width: 100%;} .tab-home span.dropdown-arrow, .tab-1 span.dropdown-arrow ,.tab-5 span.dropdown-arrow,.tab-4 span.dropdown-arrow{ display: none; } /**************END*menu ENd**********************/ #content_area .page { height: auto; margin: 0; padding: 0; width: 100%;} .page #content_box #content { height: auto; width: 100%;} #content .main-verticals { margin: 0; width: 100%;} .main-verticals ul .v1 { margin-bottom: 2% !important; margin-left: 7% !important; width: 41%;} .main-verticals ul .v2 { margin-bottom: 2% !important;} .main-verticals ul .blog-postimg { height: auto; margin-left: 7% !important; width: 41%;} #post-3045 { margin: 0 0 0 6px; width: 98%;} #content_box #sidebars { float: left; width: 100%;} #sidebar_1 ul.sidebar_list li { float: left; margin-left: 4px; width: 49%;} #text-42 .textwidget { margin: 0; padding: 0; width: 100%;} .widSSP.widSSPnarrow { width: 100% !important;} #sidebar_1 ul #text-42 { margin-bottom: 0;} #text-48 .textwidget #mc_embed_signup { margin-top: 0 !important; padding: 0 0 0 14%; width: 70%;} #mc_embed_signup .validate { padding: 0;} #sidebar_1 ul li#text-58 { float: left; margin: 0; width: 50%;} li#text-58 .textwidget .img-text { float: left; width: 33%;} .widget.PrivateContentLogin { margin-bottom: 8px; width: 100% !important;} #footer #footer_buttons { width: 100%;} #footer #footer_buttons li { text-align: center; width: 30%;} .page #footer { padding: 0; width: 100%;} .custom_footer_image img { height: auto; width: 100%;} /*******************second page Our story*******************************/ .format_text h2 a .alignleft.size-full.wp-image-113 { height: auto; width: 100%;} .format_text p a .wp-image-12517 { height: auto; width: 100%; margin-left: 0px;} .format_text h2 { margin-top: 0;} .format_text h2 span { font-size: 15px; width: 100%;} /***************************End second page End*************************/ /*******************Third page Our Cooking School*******************************/ .format_text p a img { width: 100%;] margin-left: 0px !important;} .format_text h2 span strong a img {width: 100%;height: auto;} .format_text h3 b a img {width: 100%;height: auto;} .format_text h1 a img { height: auto; width: 100%;} .format_text h3 a img { width: 100%; height: auto;} .format_text blockquote { float: left; height: auto; margin: 0; padding: 0; width: 100%;} .format_text blockquote .slidedeck-frame { float: left; height: auto !important; width: 100% !important;} .sd-wrapper { margin: 0px; width: 100%; padding: 0px;} .sd-wrapper #SlideDeck-9218 { float: left; margin: 0; padding: 0; width: 100% !important;} .sd-wrapper #SlideDeck-9218 .has-image { width: 100% !important;} /***************************End third page End*************************/ /*******************FOrth page Our Cookery Courses*****Start***************/ .wp-caption.alignright { float: left; height: auto; margin: 0; padding: 0; width: 100% !important;} #attachment_12139 a img { height: auto; width: 100%;} #attachment_9254 a img {width: 100%;height: auto;float: left;} .format_text p img { height: auto; width: 100%; float:left;} .blog-posts {width: 100%;height: auto;float: left;margin: 0px;} .blog-posts .post-img img {width: 100% !important;height: auto !important;float: left;} #FSContact1 {width: 100% !important;} .dataTables_filter { float: left; width: 100%;} .format_text .form-img {float: left;width: 100%;height: auto;} .form-img p img {width: 100%;height: auto;} #formBuilderCSSIDA_New_Form {float: left;width: 100%;height: auto;} /***************************End FOrth page End*************************/ } /***************END @media min:668px; and max:767px; END********************************/ /***************@media min:768px; and max:1024px;********************************/ @media screen and (min-width: 768px) and (max-width: 1024px) { .full_width { clear: both; height: auto; width: 100%;} .full_width .page { float: left; height: auto; margin: 0; width: 100%;} .page #header { padding-left: 0 !important; padding-right: 0 !important; width: 100%;} #header img { float: left; height: auto; width: 100%;} /********************* menu**********************/ .respons-menu { display: none;} #header_area .page .menu { width: 100%; margin: 0px;} .menu li a { padding: 0;} ul.submenu.submenu-1 {width: auto;} #header_area .page .menu li { float: left; margin: 10px 0 6px; padding: 0 10px 0 15px; position: relative;} #header_area .page ul li a { font-size: 13px; letter-spacing: 0; padding: 6px 0px; text-align:center;} .menu li ul { background: none repeat scroll 0 0 #fff;} #header_area .page ul li.tab-6 ul li a { text-align: left; } /*****************End menu End***********************/ #content_area .page { height: auto; margin: 0; padding: 0; width: 100%;} .page #content_box #content { height: auto; width: 100%;} #content .main-verticals { margin: 0; width: 100%;} .main-verticals ul li { float: left !important; margin-bottom: 2% !important; margin-left: 3.3% !important; margin-right: 0 !important; padding: 0; text-align: center; width: 45%;} .main-verticals ul li a .title { text-align: center; width: 100% !important;} .main-verticals ul li a img { width: 100%;} #post-3045 { margin: 0 0 0 6px; width: 98%;} #content_box #sidebars { float: left; width: 100%;} #sidebar_1 ul.sidebar_list li { float: left; margin-left: 4px; width: 49%;} #text-42 .textwidget { margin: 0; padding: 0; width: 100%;} .widSSP.widSSPnarrow { width: 100% !important;} #sidebar_1 ul #text-42 { margin-bottom: 0;} #text-48 .textwidget #mc_embed_signup { margin-top: 0 !important; padding: 0 0 0 8%; width: 70%;} #mc_embed_signup .validate { padding: 0;} #sidebar_1 ul li#text-58 { float: left; margin: 0; width: 50%;} li#text-58 .textwidget .img-text { float: left; width: 33%;} .widget.PrivateContentLogin { margin-bottom: 8px; width: 100% !important;} #footer #footer_buttons { float: left; width: 100%;} #footer #footer_buttons li { text-align: center; width: 30%;} .page #footer { padding: 0; width: 100%;} .custom_footer_image img { height: auto; width: 100%;} ul.widSSPReadReview {width: 42%;} #mc_embed_signup form h2 {margin: 0px 0px 6px 0px;} /*******************second page Our story*******************************/ .format_text h2 a .alignleft.size-full.wp-image-113 { height: auto; width: 100%;} .format_text p a .wp-image-12517 { height: auto; width: 100%; margin-left: 0px;} .format_text h2 { margin-top: 0;} .format_text h2 span { font-size: 15px; width: 100%;} /***************************End second page End*************************/ /*******************Third page Our Cooking School*******************************/ .format_text p a img { width: 100%; margin-left: 0px !important;} .sidebar_list #text-48 { margin-bottom: 4px;} .format_text h2 span strong a img {width: 100%;} .format_text h3 b a img {width: 100%;float: left;margin-left: 2px !important;} .format_text h1 a img { height: auto; width: 100%;} .format_text h3 a img { width: 100%; height: auto;} .format_text blockquote { float: left; height: auto; margin: 0; padding: 0; width: 100%;} .format_text blockquote .slidedeck-frame { float: left; height: auto !important; width: 100% !important;} .sd-wrapper { margin: 0px; width: 100%; padding: 0px;} .sd-wrapper #SlideDeck-9218 { float: left; margin: 0; padding: 0; width: 100% !important;} .sd-wrapper #SlideDeck-9218 .has-image { width: 100% !important;} /***************************End third page End*************************/ /*******************FOrth page Our Cookery Courses*****Start***************/ .wp-caption.alignright { float: left; height: auto; margin: 0; padding: 0; width: 100% !important;} #attachment_12139 a img { height: auto; width: 100%;} #attachment_9254 a img {width: 100%;float: left;} .format_text p img { width: 100%; float:left; margin-left: 4px !important;} .blog-posts .post-img img {width: 100% !important;height: auto !important;float: left;} .blog-posts span.post-name {font-size: 22px;} #content_box .blog-posts {border-bottom: none;float: left;padding: 0 0 12px;width: 43%;height: auto;margin: 2px 18px 0px 18px;} #FSContact1 {width: 100% !important;} .dataTables_filter { float: left; width: 100%;} .format_text .form-img {float: left;width: 100%;height: auto;} .form-img p img {width: 100%;height: auto; max-height: 526px;} #formBuilderCSSIDA_New_Form {float: left;width: 100%;height: auto;} .formBuilderSubmit.form-actions {text-align: left;padding-top: 2%;} /***************************End FOrth page End*************************/ } /***************END @media min:768px; and max:1024px; END********************************/ /***************@media screen and (min-width:737px) and (max-width: 768px) **********************************/ @media screen and (min-width: 737px) and (max-width:840px) { /************responsive menu********************/ .menu-respon { height: auto; width: 100%; float: left;} .menu li { float: left; position: relative; background-color: #EFEEEF; border-bottom: 2px solid #000; width: 100%;} .respons-menu { background-image: url("mobile-menu-icon.png"); background-position: center center; background-repeat: no-repeat; background-size: 5.4% 100%; display: block; height: 25px; margin-top: 4px;} .dropdown-arrow { display: block; width: 0px; float: right; top: 12px; cursor: pointer; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 10px solid #8a8a8a; right: 8px; clear: both; z-index: 999999; position: absolute;} #header_area .page .menu { float: none; left: 0px; list-style: outside none none; position: relative; top: 4px; width:100%; z-index: 999; display:none;} #header_area .page ul li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 13px; letter-spacing: 0; padding: 6px 0; text-align: center; width: 100%;} .menu li ul.submenu { background: none repeat scroll 0 0 #fff; left: 16px; position: relative; width: 95%; display: none;} .remove { visibility: visible !important;} .menu li ul li { width: 100%;} .menu li ul li a { width: 100%;} .tab-home span.dropdown-arrow, .tab-1 span.dropdown-arrow ,.tab-5 span.dropdown-arrow,.tab-4 span.dropdown-arrow{ display: none; } /**************END*menu ENd**********************/ #header_area .page .menu li a { font-size: 13px; padding: 6px 0!important; text-align: center;} #header_area .page .menu { margin: 0; text-align: center; width: 100%; float:left;} #header_area .page .menu li { float: left; margin: 0px 0; padding: 0 3px; position: relative; background-color: #EFEEEF; border-bottom: 2px solid #000; width: 99.2%;} .menu li.tab-6 { padding: 0 3px !important;} .tab-6 .submenu.submenu-1 { width: 95%;} ul.submenu-1 .item.item-17 { padding-left: 0 !important; padding-right: 0 !important; width: 100%;} ul.submenu-1 .item-17 a { padding-left: 0 !important; text-align: left; } ul.submenu .item.item-18 { padding-left: 0 !important; padding-right: 0 !important; text-align: left; width: 97%;} #mc_embed_signup form h2 {margin: 4px 0px 10px 0px;} .menu li ul { background: none repeat scroll 0 0 #fff;} .blog-posts span.post-name {font-size: 22px;} .formBuilderSubmit.form-actions {text-align: left;padding-top: 2%;} ul.widSSPReadReview {width: 44%;} } /**********************END @media screen and min:737px and max :768px ENd*******************************/ /**********************POst image slider-16-jan***********************/ .ms-slide-info .ms-info p.fisrt-img-txt a { color: #fff; display: block; font-family: 'Lucida Grande',Lucida Sans Unicode,Lucida Sans; font-size: 15px; padding: 7px 15px; text-align: center; vertical-align :middle; } li.blog-postimg.v2{display:block!important;} .custom.the-awaiting-table li.v2{display:none;} /**********************END POst image slider END************From-Avinash Verma***********/